Add remote

8 years ago · e7b9a2944e
parent 259fefe8cc
commit e7b9a2944e
4 changed files with 124 additions and 0 deletions
--- a/remote/index.html
+++ b/remote/index.html
@ -0,0 +1,25 @@
+<html>
+    <head>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script>
+        <script src="./matrix-0.4.1.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/spectrum/1.8.0/spectrum.js"></script>
+        <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/spectrum/1.8.0/spectrum.min.css">
+        <link rel="stylesheet" type="text/css" href="./style.css">
+    </head>
+    <body>
+        <div class="buttons">
+            <button onclick="setRoom(0)">pss9 Living Room</button>
+            <button onclick="setRoom(1)">pss9 Bedroom</button>
+        </div>
+        <div id="picker">
+        </div>
+        <div class="buttons">
+            <button onclick="setPattern('rainbow')">Rainbow</button>
+            <button onclick="setPattern('off')">off</button>
+            <input type="text" id="brightness" />
+            <button onclick="setBrightness()">Set Brightness</button>
+        </div>
+        <script src="./secrets.js"></script>
+        <script src="./index.js"></script>
+    </body>
+</html>
--- a/remote/index.js
+++ b/remote/index.js
@ -0,0 +1,80 @@
+"use strict";
+console.log("Loading Matrix sdk");
+
+var client = matrixcs.createClient({
+    baseUrl: hs,
+    accessToken: accessToken,
+    userId: uid
+});
+
+
+var room = rooms[0];
+var txn = 0;
+
+function setRoom(inRoom) {
+    room = rooms[inRoom];
+    init(client);
+}
+
+function setBrightness() {
+    var brightness = $("#brightness").val();
+    client.sendEvent(room, "m.room.message", {
+        body: "!brightness " + brightness,
+        msgtype: "m.text"
+    }, txn);
+    txn = txn + 1;
+    
+}
+
+function setPattern(name) {
+    client.sendEvent(room, "m.room.message", {
+        body: name,
+        msgtype: "m.text"
+    }, txn);
+    txn = txn + 1;
+}
+
+var sendColor = function(color) {
+    txn = txn + 1;
+    if (txn % 3 == 0) {
+        client.sendEvent(room, "org.lightrix.color", {
+            color: color.toRgb()
+        }, txn);
+    }
+}
+
+var init = function(client) {
+    client.getStateEvent(room, "org.lightrix.pattern", "", function(err, resp) {
+        var colorState;
+        if(err) {
+            var colorState = 255;
+        } else {
+            console.log(resp)
+            var colorState = resp.state[0];
+        }
+        
+        $("#picker").spectrum({
+            flat: true,
+            color: pad(colorState.toString(16), 6),
+            showInput: true,
+            move: sendColor
+        });
+    });
+
+    client.getStateEvent(room, "org.lightrix.brightness", "", function(err, resp) {
+        var brightness = 255;
+        if(!err) {
+            var brightness = resp;
+        }
+
+        $("#brightness").val(brightness);
+    });
+};
+
+init(client);
+
+function pad(number, length) {
+    var str = '' + number;
+    while (str.length < length) str = '0' + str;
+    return str;
+}
--- a/remote/matrix-0.4.1.min.js
+++ b/remote/matrix-0.4.1.min.js
--- a/remote/style.css
+++ b/remote/style.css
@ -0,0 +1,14 @@
+.sp-container {
+    height: 90%;
+    width: 100%;
+}
+
+.sp-picker-container {
+    width: 600px;
+}
+
+.sp-button-container {
+    display: none;
+}
+
+