main files for the web control
authorNicolas Martin <joliclic@gmail.com>
Thu, 18 May 2017 13:38:45 +0200
changeset 1 8ad95a9cc477
parent 0 6eaf5d8d6ab4
child 2 1425d4030bea
main files for the web control
webcontrol/zml.css
webcontrol/zml.html
webcontrol/zml.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/webcontrol/zml.css	Thu May 18 13:38:45 2017 +0200
@@ -0,0 +1,33 @@
+
+.main-title {
+    text-align: center;
+}
+
+#mutable-cmd-box {
+    margin: 1em auto 2em;
+}
+
+#status-box {
+    text-align: right;
+}
+
+.status-txt {
+    font-weight: bold;
+    padding: 0.5em 0.7em 0.7em 0.5em;
+    margin: 0.3em;
+}
+
+.status-ok {
+    background-color: #5CBF00;
+    color: #fff;
+}
+
+.status-warning {
+    background-color: #ED5A00;
+    color: #000;
+}
+
+.status-alert {
+    background-color: #FF0707;
+    color: #000;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/webcontrol/zml.html	Thu May 18 13:38:45 2017 +0200
@@ -0,0 +1,56 @@
+<!doctype html>
+<html lang="">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <title>Zygos Mask Lights Control</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="shortcut icon" href="/favicon.ico">
+    <link rel="apple-touch-icon" href="apple-touch-icon.png">
+    <link rel="stylesheet" href="./zml.css">
+    <style>
+        
+    </style>
+    <script></script>
+</head>
+<body>
+     
+    <header>
+        <h1 class="main-title">Zygos Masks Lights Control</h1>
+    </header>
+    
+    <section id="status-box">
+        <div id="main-status-box">
+        </div>
+        <div id="substatus-box">
+            
+        </div>
+    </section>
+    
+    <section class="commands-box">
+        <div id="mutable-cmd-box">
+            commande variable&nbsp;:
+            <input id="mutable-cmd-txt">
+            <button id="mutable-cmd-bt">
+                envoyer
+            </button>
+        </div>
+        
+        <div class="cmd-box">
+            <button class="cmd-bt" data-cmd="black">
+                Noir
+                <span style="display: inline-block; width: 2em; height: 1em; background: black;">&nbsp;</span>
+            </button>
+        </div>
+    </section>
+    
+    <footer>
+    </footer>
+    
+    <script src="./zml.js"></script>
+    <script>
+    </script>
+
+</body>
+</html>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/webcontrol/zml.js	Thu May 18 13:38:45 2017 +0200
@@ -0,0 +1,32 @@
+'use strict';
+
+var servers = [
+    {
+        name: 'bird',
+        url: 'w:/192.168.0.10',
+        websserver: null
+    },
+    //{
+    //    name: "fox",
+    //    url: "ws://192.168.0.11",
+    //  ,  websserver: null
+    //},
+    
+];
+
+var buttons = [
+    {
+        id: "bt_black",
+        command: "black"
+    }
+];
+
+function init() {
+    
+}
+
+
+document.addEventListener("DOMContentLoaded", function(e) {
+    //console.log("DOM loaded");
+});
+