cleaning the house
This commit is contained in:
49
public/admin/candySwitch/cSwitch.js
Executable file
49
public/admin/candySwitch/cSwitch.js
Executable file
@@ -0,0 +1,49 @@
|
||||
d3.select("#clink").on("click",function(){
|
||||
var newWindow = window.open('/candy','_blank');
|
||||
});
|
||||
// revisa que llama dos veces a la pagina
|
||||
var ciface ="/json/candy/";
|
||||
d3.json(ciface+"isOn" ,function(d){
|
||||
if(d != undefined){
|
||||
if (d.a=="1") { on(); }
|
||||
else if (d.a=="0") { off(); }
|
||||
else if (d.a=="connection error") { cerror(); }}
|
||||
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=="connection error"){ cerror();}
|
||||
else 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=="connection error"){ cerror();}
|
||||
else if (d.a=="1"){
|
||||
d3.select("#clink").style("visibility","hidden");
|
||||
d3.select("#myonoffswitch").property("checked",""); }
|
||||
else {
|
||||
d3.select("#myonoffswitch").property("checked","checked");
|
||||
}}); }
|
||||
|
||||
function cerror(){
|
||||
console.error("prosody connection error");
|
||||
d3.select("#clink").style("visibility","hidden");
|
||||
d3.select("#myonoffswitch").property("checked","");
|
||||
}
|
||||
|
||||
|
||||
|
||||
27
public/admin/candySwitch/main.css
Executable file
27
public/admin/candySwitch/main.css
Executable file
@@ -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;
|
||||
|
||||
}
|
||||
|
||||
68
public/admin/candySwitch/switch.css
Executable file
68
public/admin/candySwitch/switch.css
Executable file
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user