updatedb

public/home/admin/radio/candySwitch/cssMain.css

@@ -0,0 +1,27 @@
+article#achat{
+  text-align:center;
+}
+
+article#achat > div{
+  margin:10px auto;
+}
+
+
+div.chat{
+  background-color: var(--red-color,#c22a39);
+  padding:20px 0px;
+  margin:15px 0px;
+  border-radius:5px;
+  min-width:200px;
+  color:white;
+  text-align:center;
+  max-width:250px;
+}
+div.chat:hover{
+  font-size:1.2em;
+  padding:22px 3px;
+  margin:13px -3px;
+  cursor:pointer;
+
+}
+

public/home/admin/radio/candySwitch/cssSwitch.css

@@ -0,0 +1,68 @@
+/*from i dont know what web page*/
+.onoffswitch {
+  position: relative;
+        width: 90px;
+-webkit-user-select:none;
+-moz-user-select:none;
+-ms-user-select: none;
+}                               
+.onoffswitch-checkbox {
+display: none;                                                         
+}              
+.onoffswitch-label {
+display: block;                                                         
+overflow: hidden;
+cursor: pointer;
+border: 2px solid #999999;                                
+border-radius: 0px;
+}
+.onoffswitch-inner {
+display: block; width: 200%; margin-left: -100%;
+transition: margin 0.3s ease-in 0s;
+}
+.onoffswitch-inner:before, .onoffswitch-inner:after {
+display: block;
+float: left;
+width: 50%;
+height: 30px;
+padding: 0;
+line-height: 26px;
+font-size: 14px;
+color: white;
+font-family: Trebuchet, Arial, sans-serif;
+font-weight: bold;
+box-sizing: border-box;
+border: 2px solid transparent;
+background-clip: padding-box;
+}
+.onoffswitch-inner:before {
+content: "ON";
+padding-left: 10px;
+background-color: #186578;
+color: #FFFFFF;
+}
+.onoffswitch-inner:after {
+content: "OFF";
+padding-right: 10px;
+background-color: #EEEEEE;
+color: #999999;
+text-align: right;
+}
+.onoffswitch-switch {
+display: block;
+width: 18px;
+margin: 0px;
+background: #000000;
+position: absolute;
+top: 0;
+bottom: 0;
+right: 72px;
+transition: all 0.3s ease-in 0s;
+}
+.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
+margin-left: 0;
+}
+.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
+right: 0px;
+}
+

public/home/admin/radio/candySwitch/htmlCSwitch.html

@@ -0,0 +1,15 @@
+<article id="achat" class="std3">
+  <h2> Apagar / Encender Chat </h2>
+  <div class="onoffswitch">
+    <form action="" method="post">
+      <input type="checkbox" name="onoffswitch" 
+        class="onoffswitch-checkbox" id="myonoffswitch" checked>
+      <label class="onoffswitch-label" for="myonoffswitch">
+        <span class="onoffswitch-inner"></span>
+        <span class="onoffswitch-switch"></span>
+      </label>
+      <input type="hidden" id="tooglechat" name="x" value="disable.sh">
+    </form>
+  </div>
+<div id="clink" class="chat">Entra al Chat</div> 
+</article>

public/home/admin/radio/candySwitch/jsCSwitch.js

@@ -0,0 +1,41 @@
+d3.select("#clink").on("click",function(){
+  var newWindow = window.open(' #nav candy','_blank');
+});
+
+var ciface =" #exec candy_loader/candyInterface.pl&v=";
+d3.json(ciface+"isOn" ,function(d){
+  if(d != undefined){
+    if (d.a==1) { on(); }
+    else if (d.a==0) { off(); }} 
+  else {console.error(ciface+"isOn");}
+});
+
+d3.select("#myonoffswitch")
+  .on("change",function(){
+    if (this.checked) { on();}
+    else {off();} 
+});
+
+function on(){
+ d3.select("#clink").style("visibility","visible");
+  d3.json(ciface+"on",function(d){
+    if (d.a==1){
+      d3.select("#clink").style("visibility","visible");
+      d3.select("#myonoffswitch").property("checked","checked"); }
+    else {
+      d3.select("#myonoffswitch").property("checked","");
+}}); }
+
+function off(){
+ d3.select("#clink").style("visibility","hidden");
+  d3.json(ciface+"off",function(d){
+    if (d.a==1){
+      d3.select("#clink").style("visibility","hidden");
+      d3.select("#myonoffswitch").property("checked",""); }
+    else {
+      d3.select("#myonoffswitch").property("checked","checked");
+}}); }
+
+
+
+