first commit
This commit is contained in:
1
ESP8266_DOMOTICZ_OCTOPRINT_WEB/data/Test.txt
Normal file
1
ESP8266_DOMOTICZ_OCTOPRINT_WEB/data/Test.txt
Normal file
@@ -0,0 +1 @@
|
||||
TOTO
|
||||
27
ESP8266_DOMOTICZ_OCTOPRINT_WEB/data/body.html
Normal file
27
ESP8266_DOMOTICZ_OCTOPRINT_WEB/data/body.html
Normal file
@@ -0,0 +1,27 @@
|
||||
<body>
|
||||
<form action='/ident' method='get'>
|
||||
<script type='text/javascript'>\nfunction showValue(newValue)\n{\ndocument.getElementById('text').innerHTML=newValue;\n}\n</script>
|
||||
<div>
|
||||
<label for='name'>SSID:</label>
|
||||
<input type='text' id='name' name='name' />
|
||||
</div>
|
||||
<div>
|
||||
<label for='pass'>Password:</label>
|
||||
<input type='password' id='pass' name='pass' />
|
||||
</div>
|
||||
<div>
|
||||
<label for='domo'>Domoticz:</label>
|
||||
<input type='text' id='domo' name='domo' />
|
||||
<label for='port'>Port:</label>
|
||||
<input type='text' id='port' name='port' />
|
||||
</div>
|
||||
<div>
|
||||
<label for='radi'>Id Radiateur:</label>
|
||||
<input type='radi' id='radi' name='radi' />
|
||||
</div>
|
||||
<div class='button'>
|
||||
<button name=H type='submit'>Ok</button>
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
|
||||
23
ESP8266_DOMOTICZ_OCTOPRINT_WEB/data/menuStyle.css
Normal file
23
ESP8266_DOMOTICZ_OCTOPRINT_WEB/data/menuStyle.css
Normal file
@@ -0,0 +1,23 @@
|
||||
<style>
|
||||
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,
|
||||
figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,
|
||||
strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}
|
||||
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:
|
||||
after,blockquote:before,q:after,q:before{content:'';
|
||||
content:none}table{border-collapse:collapse;border-spacing:0}h1{font-size:1.5em;font-weight:700;padding:.5em 0;letter-spacing:1px}@media screen and
|
||||
(max-width:599px){h1{text-align:center}}h2{font-size:1.25em;font-weight:700;line-height:1.2;padding:.5em 0}p{font-size:1em;padding:0 0 1em}a{color:#555;
|
||||
text-decoration:none;border-bottom:1px solid #555}a:hover{color:#88b47f;border-bottom:1px solid #88b47f}*{-moz-box-sizing:border-box;-webkit-box-sizing:
|
||||
border-box;box-sizing:border-box;-webkit-text-size-adjust:auto}body{font-family:sans-serif;font-size:100%;text-align:center;line-height:1.5;background:
|
||||
#f8f7f0;color:#555}.wrapper{width:90%;max-width:50em;margin:0 auto;text-align:left;overflow:hidden}
|
||||
header{margin-bottom:1em;padding-bottom:1em;background:#57575f;color:#fff}@media screen and (max-width:599px){.no-js .show_menu_btn{display:none}.js .show_menu_btn,.no-js #nav ul{display:block}.js #nav ul{display:none}}@media screen and (min-width:600px){.show_menu_btn{display:none}#nav ul{display:block}}.show_menu_btn{width:35%;margin:0 auto;padding:.3em;cursor:pointer;text-align:center;background:#88b47f}#nav ul{margin:1em 0}#nav ul li{padding:.5em}#nav ul li:hover{background:#88b47f}#nav ul a{display:block;font-size:1em;color:#eee;border-bottom:none}@media screen and (max-width:599px){#nav ul{display:block}#nav ul li{display:block;text-align:center;border-bottom:1px solid #6f6f7a}}@media screen and (min-width:600px){#nav{overflow:hidden}#nav ul li{width:7em;float:left;margin-right:1em}}
|
||||
.boutonTemp {width:85px;height:85px;background:#fafafa;box-shadow:2px 2px 8px #aaa;font:bold 13px Arial;border-radius:50%;color:#555;}
|
||||
.boutonCons {width:85px;height:85px;background:#cc0000;font:bold 13px Arial;border-radius:50%;border:none;color:#fff;}
|
||||
|
||||
input[type="checkbox"] {display: none;}
|
||||
input[type="checkbox"] + label {display:inline-block; line-height:normal; cursor:pointer; padding: 3px 14px;
|
||||
background-color: #EFEFEF;border-radius: 4px;border: 1px solid #D0D0D0;margin: 40px 100px 10px 40px;
|
||||
}input[type="checkbox"] + label:hover {border-color: #000;background-color: #911;color: #fff;}
|
||||
input[type="checkbox"]:checked + label {border-color: #000;background-color: #888;color: #fff;}
|
||||
|
||||
|
||||
</style>
|
||||
91
ESP8266_DOMOTICZ_OCTOPRINT_WEB/data/style.css
Normal file
91
ESP8266_DOMOTICZ_OCTOPRINT_WEB/data/style.css
Normal file
@@ -0,0 +1,91 @@
|
||||
<style>
|
||||
form {
|
||||
/* Just to center the form on the page */
|
||||
margin: 0 auto;
|
||||
width: 400px;
|
||||
|
||||
/* To see the limits of the form */
|
||||
padding: 1em;
|
||||
border: 1px solid #CCC;
|
||||
border-radius: 1em;
|
||||
}
|
||||
|
||||
div + div {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
label {
|
||||
/* To make sure that all label have the same size and are properly align */
|
||||
display: inline-block;
|
||||
width: 90px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
input, textarea {
|
||||
/* To make sure that all text field have the same font settings
|
||||
By default, textarea are set with a monospace font */
|
||||
font: 1em sans-serif;
|
||||
|
||||
/* To give the same size to all text field */
|
||||
width: 300px;
|
||||
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
/* To harmonize the look & feel of text field border */
|
||||
border: 1px solid #999;
|
||||
}
|
||||
|
||||
input:focus, textarea:focus {
|
||||
/* To give a little highligh on active elements */
|
||||
border-color: #000;
|
||||
}
|
||||
|
||||
textarea {
|
||||
/* To properly align multiline text field with their label */
|
||||
vertical-align: top;
|
||||
|
||||
/* To give enough room to type some text */
|
||||
height: 5em;
|
||||
|
||||
/* To allow users to resize any textarea vertically
|
||||
It works only on Chrome, Firefox and Safari */
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.button {
|
||||
/* To position the buttons to the same position of the text fields */
|
||||
padding-left: 90px; /* same size as the label elements */
|
||||
}
|
||||
|
||||
button {
|
||||
/* This extra magin represent the same space as the space between
|
||||
the labels and their text fields */
|
||||
margin-left: .5em;
|
||||
}
|
||||
|
||||
.toggle-slide {
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
direction: ltr;
|
||||
}
|
||||
.toggle-slide .toggle-on,.toggle-slide .toggle-off,.toggle-slide .toggle-blob {
|
||||
float: left;
|
||||
}
|
||||
.toggle-slide .toggle-blob {
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
cursor: hand;
|
||||
cursor: grab;
|
||||
cursor: -moz-grab;
|
||||
cursor: -webkit-grab;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user