├── .gitignore
├── .vscode
    ├── formatter.json
    └── launch.json
├── LICENSE
├── README.md
├── app
    ├── api
    │   ├── cameras.js
    │   ├── dashboards.js
    │   ├── importexport.js
    │   ├── index.js
    │   ├── settings.js
    │   ├── smartthings.js
    │   ├── styles.js
    │   ├── templates.js
    │   └── weather.js
    ├── controllers
    │   ├── cameras.js
    │   ├── dashboards.js
    │   ├── device.js
    │   ├── home.js
    │   ├── importexport.js
    │   ├── index.js
    │   ├── settings.js
    │   ├── smartthings.js
    │   ├── styles.js
    │   ├── templates.js
    │   └── updates.js
    ├── index.js
    └── views
    │   ├── cameras.hbs
    │   ├── dashboard-device.hbs
    │   ├── dashboard-edit.hbs
    │   ├── dashboard.hbs
    │   ├── dashboards.hbs
    │   ├── home.hbs
    │   ├── importexport.hbs
    │   ├── layouts
    │       └── main.hbs
    │   ├── settings.hbs
    │   ├── smartthings.hbs
    │   ├── styles.hbs
    │   └── templates.hbs
├── index.js
├── install.js
├── package.json
├── public
    ├── css
    │   ├── codemirror.css
    │   ├── metro-colors.css
    │   ├── metro-colors.min.css
    │   ├── metro-icons.css
    │   ├── metro-icons.min.css
    │   ├── metro-responsive.css
    │   ├── metro-responsive.min.css
    │   ├── metro-rtl.css
    │   ├── metro-rtl.min.css
    │   ├── metro-schemes.css
    │   ├── metro-schemes.min.css
    │   ├── metro.css
    │   └── metro.min.css
    ├── fonts
    │   ├── metro.eot
    │   ├── metro.svg
    │   ├── metro.ttf
    │   ├── metro.woff
    │   └── selection.json
    └── js
    │   ├── FileSaver.min.js
    │   ├── codemirror.js
    │   ├── dashboard-device-edit.js
    │   ├── dashboard-edit.js
    │   ├── dashboard.js
    │   ├── dashboards.js
    │   ├── dateTime.js
    │   ├── global.js
    │   ├── importexport.js
    │   ├── metro.js
    │   ├── metro.min.js
    │   ├── settings.js
    │   ├── smartthings.js
    │   ├── styles.js
    │   ├── templates.js
    │   ├── updates.js
    │   └── weather.js
└── upgrade.js


/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | 
 6 | # Runtime data
 7 | pids
 8 | *.pid
 9 | *.seed
10 | 
11 | # Directory for instrumented libs generated by jscoverage/JSCover
12 | lib-cov
13 | 
14 | # Coverage directory used by tools like istanbul
15 | coverage
16 | 
17 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
18 | .grunt
19 | 
20 | # node-waf configuration
21 | .lock-wscript
22 | 
23 | # Compiled binary addons (http://nodejs.org/api/addons.html)
24 | build/Release
25 | 
26 | # Dependency directories
27 | node_modules
28 | jspm_packages
29 | data/*
30 | 
31 | # Optional npm cache directory
32 | .npm
33 | 
34 | # Optional REPL history
35 | .node_repl_history
36 | 
37 | *.seed
38 | *.log
39 | *.csv
40 | *.dat
41 | *.out
42 | *.pid
43 | *.gz
44 | *.sublime-project
45 | *.sublime-workspace
46 | .idea
47 | .DS_Store
48 | 
49 | node_modules
50 | private/certs
51 | 
52 | docker-compose.*.yml
53 | settings.*.json
54 | 
55 | data


--------------------------------------------------------------------------------
/.vscode/formatter.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "onSave": true,
 3 |     "javascript": {
 4 |         "indent_size": 4,
 5 |         "indent_char": " ",
 6 |         "eol": "auto",
 7 |         "preserve_newlines": true,
 8 |         "break_chained_methods": false,
 9 |         "max_preserve_newlines": 0,
10 |         "space_in_paren": false,
11 |         "space_in_empty_paren": false,
12 |         "jslint_happy": false,
13 |         "space_after_anon_function": false,
14 |         "keep_array_indentation": true,
15 |         "space_before_conditional": true,
16 |         "unescape_strings": false,
17 |         "wrap_line_length": 0,
18 |         "e4x": false,
19 |         "end_with_newline": false,
20 |         "comma_first": false,
21 |         "brace_style": "collapse-preserve-inline"
22 |     },
23 |     "css": {
24 |         "indent_size": 4,
25 |         "indentCharacter": " ",
26 |         "indent_char": " ",
27 |         "selector_separator_newline": true,
28 |         "end_with_newline": false,
29 |         "newline_between_rules": true,
30 |         "eol": "\n"
31 |     },
32 |     "html": {
33 |         "indent_inner_html": true,
34 |         "indent_size": 4,
35 |         "indent_char": " ",
36 |         "indent_character": " "
37 |     }
38 | }


--------------------------------------------------------------------------------
/.vscode/launch.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     // Use IntelliSense to learn about possible Node.js debug attributes.
 3 |     // Hover to view descriptions of existing attributes.
 4 |     // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
 5 |     "version": "0.2.0",
 6 |     "configurations": [
 7 |         {
 8 |             "type": "node",
 9 |             "request": "launch",
10 |             "name": "Launch Program",
11 |             "program": "${workspaceRoot}\\index.js",
12 |             "cwd": "${workspaceRoot}"
13 |         },
14 |         {
15 |             "type": "node",
16 |             "request": "launch",
17 |             "name": "Launch Upgrade Program",
18 |             "program": "${workspaceRoot}\\upgrade.js",
19 |             "cwd": "${workspaceRoot}"
20 |         },
21 |         {
22 |             "type": "node",
23 |             "request": "attach",
24 |             "name": "Attach to Process",
25 |             "port": 5858
26 |         }
27 |     ]
28 | }


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # open-dash-diy
 2 | Open-Dash Node.js core
 3 | 
 4 | Open-Dash Node.js Install Instructions
 5 | 
 6 | Prerequisites:
 7 | -Install Git (or download git zip file and expand)
 8 | -Install Node.js https://nodejs.org/en/download/
 9 | -Install the Open-Dash SmartApp API and remember to enable oauth, get TOKEN and API URL
10 | 
11 | If Installing on a Raspberry Pi 2/3
12 | Raspberry Pi / Rasbian ships with an old version of node.
13 | sudo su
14 | apt-get update
15 | apt-get upgrade
16 | 
17 | apt-get remove node
18 | 
19 | curl -sL https://deb.nodesource.com/setup_7.x | sudo -E bash -
20 | sudo apt-get install -y nodejs
21 | 
22 | apt-get autoremove
23 | 
24 | Create Folder on OS you want to run from
25 | 
26 | Command Line / Terminal
27 | "git clone https://github.com/open-dash/open-dash-diy.git" 
28 | 
29 | change into folder "open-dash-diy"
30 | 
31 | Install node_modules via npm for Open-Dash
32 | run "npm install"
33 | 
34 | Create Data Folder and JSON Files for Project
35 | run "node install.js"
36 | 
37 | If upgrading, run "node upgrade.js"
38 | Run Open-Dash
39 | "node index.js"
40 | 
41 | Open Browser to "http://localhost:3000"
42 | 
43 | Go To Settings
44 | 
45 | Insert your Client ID and Client Secret from the SmartApp Install Process
46 | 
47 | Click Save
48 | 
49 | Connect with SmartThings and authorize devices.
50 | 
51 | After completing the oauth2 process, you should see weather start to populate upper right near menu.  If so, you are connected to SmartThings Open-Dash API SmartApp
52 | 
53 | Go To Menu -> SmartThings
54 | 
55 | Click "Get Devices From SmartThings"
56 | 
57 | After a few seconds, should populate the table with all your subscribed to devices
58 | 
59 | Click "Save Devices" to save them to the local JSON file
60 | 
61 | Repeat for each tab.
62 | 
63 | Go to Menu -> Dashboards
64 | 
65 | Create new dashboard
66 | 
67 | Type in a Name and Click Add
68 | 
69 | Click on Newly created dashboard
70 | 
71 | Click "edit" next to Dashboard Name in Header
72 | 
73 | Select devices to add to Dashboard
74 | 
75 | Click add Devices
76 | 
77 | click Edit next to a device to change the template, order, name or enable/disable it
78 | 
79 | View Dashboard by clicking the dashboard name next to "edit"
80 | 
81 | All devices right now come in with the default template that just shows all attributes and their values.  Go back into the edit screen and edit each device to pick the right template for the type of device.
82 | 
83 | From there you can edit Styles and Templates or import/export them.
84 | 
85 | Customize to your delight and enjoy!
86 | 
87 | Submit bugs, issues and feature requests on the github repo "Issues" area.
88 | 


--------------------------------------------------------------------------------
/app/api/cameras.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const request = require('request');
 3 | const bodyParser = require('body-parser');
 4 | const app = express();
 5 | var SelfReloadJSON = require('self-reload-json');
 6 | const appRoot = require('app-root-path');
 7 | var settings = new SelfReloadJSON(appRoot + '/data/settings.json');
 8 | var cameras = new SelfReloadJSON(appRoot + '/data/cameras.json');
 9 | 
10 | module.exports.set = function(app) {
11 | 
12 |     app.get('/api/camera/:id', (request, response) => {
13 |         getImage(request.params.id, function(err, result) {
14 |             //response.send('<img src="' + result + '" >');
15 |             response.setHeader('Content-Type', 'image/jpeg');
16 |             response.end(result, 'binary');
17 |         });
18 | 
19 |     });
20 | };
21 | 
22 | var getImage = function(id, callback) {
23 |     var request2 = require('request').defaults({ encoding: null });
24 |     var camera = {};
25 |     cameras.cameras.forEach((cam) => { camera = cam; });
26 | 
27 |     request2.get(camera.url, function(error, response, body) {
28 |         if (!error && response.statusCode == 200) {
29 |             data = "data:image/jpeg;base64," + new Buffer(body).toString('base64');
30 |             //console.log(data);
31 |             callback(null, body);
32 |         }
33 |     });
34 | };


--------------------------------------------------------------------------------
/app/api/dashboards.js:
--------------------------------------------------------------------------------
  1 | const express = require('express');
  2 | const request = require('request');
  3 | const bodyParser = require('body-parser');
  4 | var uuid = require('uuid');
  5 | const fs = require('fs');
  6 | const app = express();
  7 | var SelfReloadJSON = require('self-reload-json');
  8 | const appRoot = require('app-root-path');
  9 | var dashboards = new SelfReloadJSON(appRoot + '/data/dashboards.json');
 10 | var smartthings = new SelfReloadJSON(appRoot + '/data/smartthings.json');
 11 | var cameras = new SelfReloadJSON(appRoot + '/data/cameras.json');
 12 | var updates = new SelfReloadJSON(appRoot + '/data/updates.json');
 13 | var templates = new SelfReloadJSON(appRoot + '/data/templates.json');
 14 | 
 15 | module.exports.set = function(app) {
 16 | 
 17 |     app.post('/api/dashboard/:id/:cmd', (request, response) => {
 18 |         response.setHeader('Content-Type', 'application/json');
 19 |         if (request.params.cmd == "save") {
 20 |             saveDashboard(request.params.id, request.body, function(err, result) {
 21 |                 if (err) {
 22 |                     response.send(500, { error: 'something went wrong' });
 23 |                 } else {
 24 |                     response.send(result);
 25 |                 }
 26 |             });
 27 |         } else {
 28 |             updateDashboard(request.params.cmd, request.params.id, request.body, function(err, result) {
 29 |                 if (err) {
 30 |                     response.send(500, { error: 'something went wrong' });
 31 |                 } else {
 32 |                     response.send(result);
 33 |                 }
 34 |             });
 35 |         };
 36 |     });
 37 | 
 38 |     app.post('/api/dashboard/add', (request, response) => {
 39 |         response.setHeader('Content-Type', 'application/json');
 40 |         addDashboard(request.body, function(err, result) {
 41 |             if (err) {
 42 |                 response.send(500, { error: 'something went wrong' });
 43 |             } else {
 44 |                 response.send(result);
 45 |             }
 46 |         });
 47 |     });
 48 | 
 49 |     app.get('/api/dashboard/:dashid/device/:deviceid', (request, response) => {
 50 |         response.setHeader('Content-Type', 'application/json');
 51 |         findDashDevice(request.params.dashid, request.params.deviceid, function(err, result) {
 52 |             if (err) {
 53 |                 response.send(500, { error: 'something went wrong' });
 54 |             } else {
 55 |                 response.send(result);
 56 |             }
 57 |         });
 58 |     });
 59 | 
 60 |     app.post('/api/dashboard/:dashid/device/:deviceid/save', (request, response) => {
 61 |         response.setHeader('Content-Type', 'application/json');
 62 |         saveDashDevice(request.params.dashid, request.params.deviceid, request.body, function(err, result) {
 63 |             if (err) {
 64 |                 response.send(500, { error: 'something went wrong' });
 65 |             } else {
 66 |                 response.send(result);
 67 |             }
 68 |         });
 69 |     });
 70 | 
 71 |     app.get('/api/dashboard/:dashid/devices', (request, response) => {
 72 |         response.setHeader('Content-Type', 'application/json');
 73 |         findDevices(request.params.dashid, function(err, result) {
 74 |             if (err) {
 75 |                 response.send(500, { error: 'something went wrong' });
 76 |             } else {
 77 |                 response.send(result);
 78 |             }
 79 |         });
 80 |     });
 81 | 
 82 | };
 83 | 
 84 | var findDashDevice = function(dashId, deviceId, callback) {
 85 |     var dashboard = {};
 86 |     for (i = 0; dashboards.dashboards.length > i; i++) {
 87 |         if (dashboards.dashboards[i].id == dashId) {
 88 |             dashboard = dashboards.dashboards[i];
 89 |         }
 90 |     }
 91 |     var device = {};
 92 |     for (i = 0; dashboard.devices.length > i; i++) {
 93 |         if (dashboard.devices[i].dashDevId == deviceId) {
 94 |             device = dashboard.devices[i];
 95 |         }
 96 |     }
 97 |     callback(null, device);
 98 | };
 99 | 
100 | var saveDashDevice = function(dashId, deviceId, data, callback) {
101 |     var dashboard = {};
102 |     for (i = 0; dashboards.dashboards.length > i; i++) {
103 |         if (dashboards.dashboards[i].id == dashId) {
104 |             dashboard = dashboards.dashboards[i];
105 |         }
106 |     }
107 |     var device = {};
108 |     for (i = 0; dashboard.devices.length > i; i++) {
109 |         if (dashboard.devices[i].dashDevId == deviceId) {
110 |             device = dashboard.devices[i];
111 |         }
112 |     }
113 |     device.name = data.name;
114 |     device.enabled = data.enabled;
115 |     device.template = data.template;
116 |     device.order = data.order;
117 |     dashboards.save();
118 |     callback(null, device);
119 | };
120 | 
121 | var findDevices = function(dashId, callback) {
122 |     var dashboard = {};
123 |     for (i = 0; dashboards.dashboards.length > i; i++) {
124 |         if (dashboards.dashboards[i].id == dashId) {
125 |             dashboard = dashboards.dashboards[i];
126 |         }
127 |     }
128 |     var devices = [];
129 |     for (i = 0; dashboard.devices.length > i; i++) {
130 |         if (dashboard.devices[i].enabled) {
131 |             devices.push({
132 |                 "id": dashboard.devices[i].dashDevId,
133 |                 "order": dashboard.devices[i].order
134 |             })
135 |         };
136 |     }
137 | 
138 |     callback(null, devices);
139 | };
140 | 
141 | var updateDashboard = function(cmd, id, data, callback) {
142 |     var dashboard = {};
143 |     for (i = 0; dashboards.dashboards.length > i; i++) {
144 |         if (dashboards.dashboards[i].id == id) {
145 |             dashboard = dashboards.dashboards[i];
146 |         }
147 |     }
148 |     switch (cmd) {
149 |         case "add":
150 |             //var dashIds = dashboard.devices.map(e => e.id);
151 |             if (data.type == "blank") {
152 |                 var dashDevice = {};
153 |                 dashDevice.name = "Blank Tile";
154 |                 dashDevice.type = "Blank"
155 |                 dashDevice.id = "Blank_" + uuid.v1();
156 |                 dashDevice.template = "Blank";
157 |                 dashDevice.enabled = true;
158 |                 dashDevice.order = "1";
159 |                 dashDevice.dashDevId = uuid.v1();
160 |                 dashboard.devices.push(dashDevice);
161 |             } else {
162 |                 for (var x in data) {
163 |                     var match = false;
164 |                     //check if already in list, remove if you want duplicate devices
165 |                     //for (var d in dashIds) {
166 |                     //    if (dashIds[d] == data[x].id) { match = true }
167 |                     //}
168 |                     //if (match) {
169 |                     //console.log('already exists');
170 |                     //} else {
171 |                     var device = {};
172 |                     var temps = templates.templates.map(e => e.id);
173 |                     //loop through smartthings devices
174 |                     if (data[x].type != "Routine") {
175 |                         for (i = 0; smartthings.devices.length > i; i++) {
176 |                             if (smartthings.devices[i].id == data[x].id) {
177 |                                 var dashDevice = smartthings.devices[i];
178 |                                 if (temps.indexOf(dashDevice.type) >= 0) {
179 |                                     dashDevice.template = dashDevice.type
180 |                                 } else {
181 |                                     for (var f in temps) {
182 |                                         var xx = temps[f];
183 |                                         if (dashDevice.type.toLowerCase().includes(temps[f].toLowerCase())) {
184 |                                             dashDevice.template = temps[f];
185 |                                         }
186 |                                     }
187 |                                     if (dashDevice.template == null) { dashDevice.template = "default" }
188 |                                 }
189 |                                 dashDevice.enabled = true;
190 |                                 dashDevice.order = "99";
191 |                                 dashDevice.dashDevId = uuid.v1();
192 |                                 dashboard.devices.push(dashDevice);
193 |                             }
194 |                         }
195 |                     } else {
196 |                         for (i = 0; smartthings.routines.length > i; i++) {
197 |                             if (smartthings.routines[i].id == data[x].id) {
198 |                                 var dashDevice = smartthings.routines[i];
199 |                                 dashDevice.template = "routine";
200 |                                 dashDevice.enabled = true
201 |                                 dashDevice.order = "99"
202 |                                 dashDevice.api = "smartthings";
203 |                                 dashDevice.name = smartthings.routines[i].label;
204 |                                 dashDevice.commands = [{ command: "toggle" }];
205 |                                 dashDevice.type = "Routine";
206 |                                 dashDevice.dashDevId = uuid.v1();
207 |                                 dashboard.devices.push(dashDevice);
208 |                             }
209 |                         }
210 |                     }
211 |                     //}
212 |                 }
213 |             }
214 |             break;
215 | 
216 |         case "addcamera":
217 | 
218 |             for (i = 0; cameras.cameras.length > i; i++) {
219 |                 if (cameras.cameras[i].id == data[x]) {
220 |                     var dashDevice = cameras.cameras[i];
221 |                     dashDevice.template = "camera";
222 |                     dashDevice.enabled = true;
223 |                     dashDevice.order = "0";
224 |                     dashDevice.path = "/api/camera/" + dashDevice.id;
225 |                     dashDevice.dashDevId = uuid.v1();
226 |                     dashboard.devices.push(dashDevice);
227 |                 }
228 |             }
229 |             break;
230 |         case "remove":
231 |             var devicesDelete = [];
232 |             for (var deviceId in data) {
233 |                 try {
234 |                     for (i = 0; dashboard.devices.length > i; i++) {
235 |                         if (dashboard.devices[i].dashDevId == data[deviceId]) {
236 |                             dashboard.devices.splice([i], 1);
237 |                         }
238 |                     }
239 |                 } catch (err) {
240 |                     console.log(err);
241 |                 }
242 |             }
243 | 
244 |             break;
245 |         default:
246 |             break;
247 |     }
248 |     dashboards.save();
249 | 
250 |     //save dashboards
251 |     callback(null, "success");
252 | };
253 | 
254 | var addDashboard = function(data, callback) {
255 |     var dashboard = {};
256 |     dashboard.id = getId();
257 |     dashboard.name = data.name;
258 |     dashboard.css = "none";
259 |     dashboard.devices = [];
260 |     dashboards.dashboards.push(dashboard);
261 |     dashboards.save();
262 |     callback(null, "success");
263 | };
264 | 
265 | var saveDashboard = function(id, body, callback) {
266 |     var dashboard = {};
267 |     for (i = 0; dashboards.dashboards.length > i; i++) {
268 |         if (dashboards.dashboards[i].id == id) {
269 |             dashboard = dashboards.dashboards[i];
270 |         }
271 |     }
272 |     dashboard.name = body.name
273 |     dashboard.css = body.css
274 |     dashboards.save();
275 |     callback(null, "success");
276 | };
277 | 
278 | 
279 | var getId = function() {
280 |     var id = 0;
281 |     for (var dash in dashboards.dashboards) {
282 |         if (parseInt(dash) <= id) {
283 |             id++;
284 |         }
285 |     }
286 |     return id.toString();
287 | };


--------------------------------------------------------------------------------
/app/api/importexport.js:
--------------------------------------------------------------------------------
  1 | const express = require('express');
  2 | const request = require('request');
  3 | const bodyParser = require('body-parser');
  4 | var multer = require('multer')
  5 | var storage = multer.memoryStorage()
  6 | var upload = multer({ storage: storage })
  7 | const app = express();
  8 | var SelfReloadJSON = require('self-reload-json');
  9 | const appRoot = require('app-root-path');
 10 | var config = new SelfReloadJSON(appRoot + '/data/settings.json');
 11 | var styles = new SelfReloadJSON(appRoot + '/data/styles.json');
 12 | var templates = new SelfReloadJSON(appRoot + '/data/templates.json');
 13 | 
 14 | module.exports.set = function(app) {
 15 |     app.use(bodyParser.json());
 16 | 
 17 |     app.post('/api/importexport/export', (request, response) => {
 18 |         response.setHeader('Content-Type', 'application/json');
 19 |         var exported = request.body;
 20 | 
 21 |         var exportStyles = [];
 22 |         request.body.styles.forEach((id) => {
 23 | 
 24 |             getStyle(id, function(err, result) {
 25 |                 exportStyles.push(result);
 26 |             });
 27 |         });
 28 | 
 29 |         var exportTemplates = [];
 30 |         request.body.templates.forEach((id) => {
 31 | 
 32 |             getTemplate(id, function(err, result) {
 33 |                 exportTemplates.push(result);
 34 |             });
 35 |         });
 36 |         var fullExport = {};
 37 |         fullExport.styles = exportStyles;
 38 |         fullExport.templates = exportTemplates;
 39 | 
 40 |         response.send(JSON.stringify(fullExport));
 41 |     });
 42 | 
 43 |     app.post('/importexport/upload', upload.single('upload-file'), (request, response, next) => {
 44 |         var importJson = request.file.buffer.toString();
 45 |         var toImport;
 46 |         if (importJson[0] != "{") {
 47 |             toImport = JSON.parse(importJson.slice(1));
 48 |         } else {
 49 |             toImport = JSON.parse(importJson);
 50 |         }
 51 |         //console.log(toImport);
 52 | 
 53 |         for (var i in toImport.styles) {
 54 |             if (toImport.styles[i].name.toLowerCase() == "global") {
 55 |                 styles.styles.global = toImport.styles[i].css;
 56 |             } else {
 57 |                 var match = false;
 58 |                 for (var x in styles.styles.dashboards) {
 59 |                     if (toImport.styles[i].name.toLowerCase() == styles.styles.dashboards[x].name.toLowerCase()) {
 60 |                         styles.styles.dashboards[x].name = toImport.styles[i].name
 61 |                         styles.styles.dashboards[x].css = toImport.styles[i].css
 62 |                         match = true;
 63 |                     }
 64 |                 }
 65 |                 if (!match) {
 66 |                     var t = {};
 67 |                     t.id = styles.styles.dashboards.length;
 68 |                     t.css = toImport.styles[i].css;
 69 |                     t.name = toImport.styles[i].name
 70 |                     styles.styles.dashboards.push(t);
 71 |                 }
 72 |             }
 73 |         }
 74 |         styles.save()
 75 |         for (var i in toImport.templates) {
 76 |             var match = false;
 77 |             for (var x in templates.templates) {
 78 |                 if (toImport.templates[i].name.toLowerCase() == templates.templates[x].id.toLowerCase()) {
 79 |                     templates.templates[x].id = toImport.templates[i].name
 80 |                     templates.templates[x].content = toImport.templates[i].content
 81 |                     match = true;
 82 |                 }
 83 |             }
 84 |             if (!match) {
 85 |                 var t = {};
 86 |                 t.id = toImport.templates[i].name;
 87 |                 t.content = toImport.templates[i].content
 88 |                 templates.templates.push(t);
 89 |             }
 90 |         }
 91 |         templates.save()
 92 |         response.send("Imported");
 93 |     });
 94 | 
 95 | }
 96 | 
 97 | var getStyle = function(tempid, callback) {
 98 |     var style = {};
 99 |     if (tempid == "global") {
100 |         style.name = "global";
101 |         style.css = styles.styles.global
102 |     } else {
103 |         style.name = styles.styles.dashboards[tempid].name;
104 |         style.css = styles.styles.dashboards[tempid].css;
105 |     }
106 |     callback(null, style)
107 | }
108 | 
109 | var getTemplate = function(tempid, callback) {
110 |     var template = {};
111 |     for (var i in templates.templates) {
112 |         if (templates.templates[i].id == tempid) {
113 |             template.name = templates.templates[i].id;
114 |             template.content = templates.templates[i].content;
115 |         }
116 |     }
117 |     callback(null, template)
118 | }


--------------------------------------------------------------------------------
/app/api/index.js:
--------------------------------------------------------------------------------
 1 | var smartthings = require('./smartthings');
 2 | var dashboards = require('./dashboards');
 3 | var weather = require('./weather');
 4 | var settingsAPI = require('./settings');
 5 | var cameras = require('./cameras');
 6 | var templates = require('./templates');
 7 | var styles = require('./styles');
 8 | var importexport = require('./importexport');
 9 | 
10 | module.exports.set = function(app) {
11 |     smartthings.set(app);
12 |     dashboards.set(app);
13 |     weather.set(app);
14 |     settingsAPI.set(app);
15 |     cameras.set(app);
16 |     templates.set(app);
17 |     styles.set(app);
18 |     importexport.set(app);
19 | }


--------------------------------------------------------------------------------
/app/api/settings.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const request = require('request');
 3 | const bodyParser = require('body-parser');
 4 | const app = express();
 5 | var SelfReloadJSON = require('self-reload-json');
 6 | const appRoot = require('app-root-path');
 7 | var config = new SelfReloadJSON(appRoot + '/data/settings.json');
 8 | 
 9 | module.exports.set = function(app) {
10 |     app.use(bodyParser.json());
11 | 
12 |     app.post('/api/settings/save', (request, response) => {
13 |         response.setHeader('Content-Type', 'application/json');
14 |         saveSettings(request.body, function(err, result) {
15 |             if (err) {
16 |                 response.send(500, { error: 'something went wrong' });
17 |             } else {
18 |                 response.send(result);
19 |             }
20 |         });
21 |     });
22 | 
23 | };
24 | 
25 | var saveSettings = function(data, callback) {
26 |     data.version = config.settings.version;
27 |     config.settings = data;
28 |     config.save();
29 |     callback(null, "{ success }");
30 | };


--------------------------------------------------------------------------------
/app/api/smartthings.js:
--------------------------------------------------------------------------------
  1 | const express = require('express');
  2 | const request = require('request');
  3 | const bodyParser = require('body-parser');
  4 | const app = express();
  5 | var SelfReloadJSON = require('self-reload-json');
  6 | const appRoot = require('app-root-path');
  7 | var config = new SelfReloadJSON(appRoot + '/data/settings.json');
  8 | var smartthings = new SelfReloadJSON(appRoot + '/data/smartthings.json');
  9 | 
 10 | module.exports.set = function(app) {
 11 |     app.use(bodyParser.json());
 12 | 
 13 |     app.get('/api/smartthings/devices', (request, response) => {
 14 |         response.setHeader('Content-Type', 'application/json');
 15 |         getDevices(function(err, result) {
 16 |             if (err) {
 17 |                 response.send(500, { error: 'something went wrong' });
 18 |             } else {
 19 |                 response.send(result);
 20 |             }
 21 |         });
 22 |     });
 23 | 
 24 |     app.get('/api/smartthings/routines', (request, response) => {
 25 |         response.setHeader('Content-Type', 'application/json');
 26 |         getRoutines(function(err, result) {
 27 |             if (err) {
 28 |                 response.send(500, { error: 'something went wrong' });
 29 |             } else {
 30 |                 response.send(result);
 31 |             }
 32 |         });
 33 |     });
 34 | 
 35 |     app.post('/api/smartthings/routines/send/:id', (request, response) => {
 36 |         response.setHeader('Content-Type', 'application/json');
 37 |         runRoutine(request.params.id, function(err, result) {
 38 |             if (err) {
 39 |                 response.send(500, { error: 'something went wrong' });
 40 |             } else {
 41 |                 response.send(result);
 42 |             }
 43 |         });
 44 |     });
 45 |     app.get('/api/smartthings/locations', (request, response) => {
 46 |         response.setHeader('Content-Type', 'application/json');
 47 |         getLocations(function(err, result) {
 48 |             if (err) {
 49 |                 response.send(500, { error: 'something went wrong' });
 50 |             } else {
 51 |                 response.send(result);
 52 |             }
 53 |         });
 54 |     });
 55 | 
 56 |     app.get('/api/smartthings/modes', (request, response) => {
 57 |         response.setHeader('Content-Type', 'application/json');
 58 |         getModes(function(err, result) {
 59 |             if (err) {
 60 |                 response.send(500, { error: 'something went wrong' });
 61 |             } else {
 62 |                 response.send(result);
 63 |             }
 64 |         });
 65 |     });
 66 | 
 67 |     app.post('/api/smartthings/devices/save', (request, response) => {
 68 |         response.setHeader('Content-Type', 'application/json');
 69 |         saveDevices(request.body, function(err, result) {
 70 |             if (err) {
 71 |                 response.send(500, { error: 'something went wrong' });
 72 |             } else {
 73 |                 response.send(result);
 74 |             }
 75 |         });
 76 |     });
 77 | 
 78 |     app.post('/api/smartthings/routines/save', (request, response) => {
 79 |         response.setHeader('Content-Type', 'application/json');
 80 |         saveRoutines(request.body, function(err, result) {
 81 |             if (err) {
 82 |                 response.send(500, { error: 'something went wrong' });
 83 |             } else {
 84 |                 response.send(result);
 85 |             }
 86 |         });
 87 |     });
 88 | 
 89 |     app.post('/api/smartthings/locations/save', (request, response) => {
 90 |         response.setHeader('Content-Type', 'application/json');
 91 |         saveLocations(request.body, function(err, result) {
 92 |             if (err) {
 93 |                 response.send(500, { error: 'something went wrong' });
 94 |             } else {
 95 |                 response.send(result);
 96 |             }
 97 |         });
 98 |     });
 99 | 
100 |     app.post('/api/smartthings/modes/save', (request, response) => {
101 |         response.setHeader('Content-Type', 'application/json');
102 |         saveModes(request.body, function(err, result) {
103 |             if (err) {
104 |                 response.send(500, { error: 'something went wrong' });
105 |             } else {
106 |                 response.send(result);
107 |             }
108 |         });
109 |     });
110 | 
111 |     app.get('/api/smartthings/devices/:id/:command/:value', (request, response) => {
112 |         response.setHeader('Content-Type', 'application/json');
113 |         sendCommand(request.params.id, request.params.command, request.params.value, function(err, result) {
114 |             if (err) {
115 |                 response.send(500, { error: 'something went wrong' });
116 |             } else {
117 |                 response.send(result);
118 |             }
119 |         });
120 |     });
121 | 
122 |     app.get('/api/smartthings/devices/:id/:command/', (request, response) => {
123 |         response.setHeader('Content-Type', 'application/json');
124 |         sendCommand(request.params.id, request.params.command, null, function(err, result) {
125 |             if (err) {
126 |                 response.send(500, { error: 'something went wrong' });
127 |             } else {
128 |                 response.send(result);
129 |             }
130 |         });
131 |     });
132 | 
133 | };
134 | 
135 | var sendCommand = function(id, cmd, value, callback) {
136 |     var endpoint = "/devices/" + id + "/" + cmd + "";
137 |     if (value) { endpoint += "/" + value }
138 |     //var token = config.settings.token;
139 |     var url = config.settings.apiUrl + endpoint + '?access_token=' + config.settings.token;
140 | 
141 |     request({
142 |         url: url,
143 |         json: true
144 |     }, function(error, response, body) {
145 | 
146 |         if (!error && response.statusCode === 200) {
147 |             callback(null, body);
148 |         } else {
149 |             callback(error);
150 |         }
151 |     });
152 | };
153 | 
154 | var getDevices = function(callback) {
155 |     var endpoint = "/allDevices";
156 |     var token = config.settings.token;
157 |     var url = config.settings.apiUrl + endpoint + '?access_token=' + token;
158 | 
159 |     request({
160 |         url: url,
161 |         json: true
162 |     }, function(error, response, body) {
163 | 
164 |         if (!error && response.statusCode === 200) {
165 |             body.forEach((d) => {
166 |                 for (var x in d.attributes) {
167 |                     d.attributes[x] = d.attributes[x] != null ? d.attributes[x].replace(/\n/g, " ") : d.attributes[x];
168 |                 }
169 |             });
170 |             callback(null, body);
171 |         } else {
172 |             callback(error);
173 |         }
174 |     });
175 | };
176 | 
177 | var getRoutines = function(callback) {
178 |     var endpoint = "/routines";
179 |     var token = config.settings.token;
180 |     var url = config.settings.apiUrl + endpoint + '?access_token=' + token;
181 | 
182 |     request({
183 |         url: url,
184 |         json: true
185 |     }, function(error, response, body) {
186 | 
187 |         if (!error && response.statusCode === 200) {
188 |             callback(null, body);
189 |         } else {
190 |             callback(error);
191 |         }
192 |     });
193 | };
194 | 
195 | var runRoutine = function(id, callback) {
196 |     var endpoint = "/routines/" + id;
197 |     var token = config.settings.token;
198 |     var url = config.settings.apiUrl + endpoint + '?access_token=' + token;
199 | 
200 |     request.post({
201 |         headers: { 'content-type': 'application/x-www-form-urlencoded' },
202 |         url: url,
203 |         json: true,
204 | 
205 |     }, function(error, response, body) {
206 | 
207 |         if (!error && response.statusCode === 200) {
208 |             callback(null, body);
209 |         } else {
210 |             callback(error);
211 |         }
212 |     });
213 | };
214 | 
215 | var getLocations = function(callback) {
216 |     var endpoint = "/locations";
217 |     var token = config.settings.token;
218 |     var url = config.settings.apiUrl + endpoint + '?access_token=' + token;
219 | 
220 |     request({
221 |         url: url,
222 |         json: true
223 |     }, function(error, response, body) {
224 | 
225 |         if (!error && response.statusCode === 200) {
226 |             callback(null, body);
227 |         } else {
228 |             callback(error);
229 |         }
230 |     });
231 | };
232 | 
233 | var getModes = function(callback) {
234 |     var endpoint = "/modes";
235 |     var token = config.settings.token;
236 |     var url = config.settings.apiUrl + endpoint + '?access_token=' + token;
237 | 
238 |     request({
239 |         url: url,
240 |         json: true
241 |     }, function(error, response, body) {
242 | 
243 |         if (!error && response.statusCode === 200) {
244 |             callback(null, body);
245 |         } else {
246 |             callback(error);
247 |         }
248 |     });
249 | };
250 | 
251 | var saveDevices = function(data, callback) {
252 |     data.forEach(d => {
253 |         for (var x in d.attributes) {
254 |             if (x == "stream") {
255 |                 var fixed = JSON.stringify(d.attributes[x])
256 |                 d.attributes[x] = fixed;
257 |             }
258 |         }
259 |     })
260 |     smartthings.devices = data;
261 |     smartthings.save();
262 |     callback(null, "{ success }");
263 | };
264 | 
265 | var saveRoutines = function(data, callback) {
266 |     smartthings.routines = data;
267 |     smartthings.save();
268 |     callback(null, "{ success }");
269 | };
270 | 
271 | var saveLocations = function(data, callback) {
272 |     smartthings.locations = data;
273 |     smartthings.save();
274 |     callback(null, "{ success }");
275 | };
276 | 
277 | var saveModes = function(data, callback) {
278 |     smartthings.modes = data;
279 |     smartthings.save();
280 |     callback(null, "{ success }");
281 | };


--------------------------------------------------------------------------------
/app/api/styles.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const request = require('request');
 3 | const bodyParser = require('body-parser');
 4 | const app = express();
 5 | var SelfReloadJSON = require('self-reload-json');
 6 | const appRoot = require('app-root-path');
 7 | var config = new SelfReloadJSON(appRoot + '/data/settings.json');
 8 | var styles = new SelfReloadJSON(appRoot + '/data/styles.json');
 9 | 
10 | module.exports.set = function(app) {
11 |     app.use(bodyParser.json());
12 | 
13 |     app.get('/api/styles/:id', (request, response) => {
14 |         response.setHeader('Content-Type', 'application/json');
15 |         getStyle(request.params.id, function(err, result) {
16 |             if (err) {
17 |                 response.status(500).send({ error: err });
18 |             } else {
19 |                 response.send(result);
20 |             }
21 |         });
22 |     });
23 | 
24 |     app.delete('/api/styles/:id', (request, response) => {
25 |         response.setHeader('Content-Type', 'application/json');
26 |         deleteStyle(request.params.id, function(err, result) {
27 |             if (err) {
28 |                 response.status(500).send({ error: err });
29 |             } else {
30 |                 response.send(result);
31 |             }
32 |         });
33 |     });
34 | 
35 |     app.post('/api/styles/:id/save', (request, response) => {
36 |         response.setHeader('Content-Type', 'application/json');
37 |         saveStyle(request.params.id, request.body, function(err, result) {
38 |             if (err) {
39 |                 response.status(500).send({ error: err });
40 |             } else {
41 |                 response.send(result);
42 |             }
43 |         });
44 |     });
45 | }
46 | 
47 | var getStyle = function(tempid, callback) {
48 |     var style = {};
49 |     if (tempid == "0") {
50 |         style.css = Buffer.from(styles.styles.global, 'base64').toString();
51 |         style.name = "global";
52 |     } else {
53 |         style.css = Buffer.from(styles.styles.dashboards[tempid - 1].css, 'base64').toString();
54 |         style.name = styles.styles.dashboards[tempid - 1].name;
55 |     }
56 |     callback(null, style)
57 | }
58 | 
59 | var saveStyle = function(id, body, callback) {
60 |     var style = new Buffer(body.content).toString("base64");
61 |     if (id == "0") {
62 |         styles.styles.global = style;
63 |     } else {
64 |         id--;
65 |         if (styles.styles.dashboards[id]) {
66 |             styles.styles.dashboards[id].css = style;
67 |             styles.styles.dashboards[id].name = body.name;
68 |             styles.styles.dashboards[id].id = id; //this may not be right...
69 |         } else {
70 |             var t = {};
71 |             t.id = id;
72 |             t.css = style;
73 |             t.name = body.name
74 |             styles.styles.dashboards.push(t);
75 |         }
76 |     }
77 |     styles.save();
78 |     callback(null, "success")
79 | }
80 | 
81 | var deleteStyle = function(id, callback) {
82 |     if (id != "global") {
83 |         styles.styles.dashboards.splice([id - 1], 1);
84 |         styles.save();
85 |     }
86 |     callback(null, "success");
87 | };


--------------------------------------------------------------------------------
/app/api/templates.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const request = require('request');
 3 | const bodyParser = require('body-parser');
 4 | const app = express();
 5 | var SelfReloadJSON = require('self-reload-json');
 6 | const appRoot = require('app-root-path');
 7 | var config = new SelfReloadJSON(appRoot + '/data/settings.json');
 8 | var templates = new SelfReloadJSON(appRoot + '/data/templates.json');
 9 | 
10 | module.exports.set = function(app) {
11 |     app.use(bodyParser.json());
12 | 
13 |     app.get('/api/templates/:id', (request, response) => {
14 |         response.setHeader('Content-Type', 'application/json');
15 |         getTemplate(request.params.id, function(err, result) {
16 |             if (err) {
17 |                 response.status(500).send({ error: err });
18 |             } else {
19 |                 response.send(result);
20 |             }
21 |         });
22 |     });
23 | 
24 |     app.delete('/api/templates/:id', (request, response) => {
25 |         response.setHeader('Content-Type', 'application/json');
26 |         deleteTemplate(request.params.id, function(err, result) {
27 |             if (err) {
28 |                 response.status(500).send({ error: err });
29 |             } else {
30 |                 response.send(result);
31 |             }
32 |         });
33 |     });
34 | 
35 |     app.post('/api/templates/:id/save', (request, response) => {
36 |         response.setHeader('Content-Type', 'application/json');
37 |         saveTemplate(request.params.id, request.body, function(err, result) {
38 |             if (err) {
39 |                 response.status(500).send({ error: err });
40 |             } else {
41 |                 response.send(result);
42 |             }
43 |         });
44 |     });
45 | }
46 | 
47 | var getTemplate = function(tempid, callback) {
48 |     var template = {};
49 |     template.css = Buffer.from(templates.templates[tempid].content, 'base64').toString();
50 |     template.name = templates.templates[tempid].id;
51 |     callback(null, template)
52 | }
53 | 
54 | var saveTemplate = function(id, body, callback) {
55 |     var template = new Buffer(body.content).toString("base64");
56 |     if (templates.templates[id]) {
57 |         templates.templates[id].content = template;
58 |         templates.templates[id].id = body.name;
59 |     } else {
60 |         var t = {};
61 |         t.id = body.name;
62 |         t.content = template
63 |         templates.templates.push(t);
64 |     }
65 |     templates.save();
66 |     callback(null, "success")
67 | }
68 | 
69 | var deleteTemplate = function(id, callback) {
70 |     templates.templates.splice([id], 1);
71 |     templates.save();
72 |     callback(null, "success");
73 | };


--------------------------------------------------------------------------------
/app/api/weather.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const request = require('request');
 3 | const bodyParser = require('body-parser');
 4 | const app = express();
 5 | var SelfReloadJSON = require('self-reload-json');
 6 | const appRoot = require('app-root-path');
 7 | var config = new SelfReloadJSON(appRoot + '/data/settings.json');
 8 | 
 9 | module.exports.set = function(app) {
10 |     app.use(bodyParser.json());
11 | 
12 |     app.get('/api/weather', (request, response) => {
13 |         response.setHeader('Content-Type', 'application/json');
14 |         getWeather(function(err, result) {
15 |             if (err) {
16 |                 response.status(500).send({ error: err });
17 |             } else {
18 |                 response.send(result);
19 |             }
20 |         });
21 |     });
22 | 
23 |     var getWeather = function(callback) {
24 |         var endpoint = "/weather";
25 |         var token = config.settings.token;
26 |         var url = config.settings.apiUrl + endpoint + '?access_token=' + token;
27 |         //console.log("getting devices from " + url);
28 | 
29 |         request({
30 |             url: url,
31 |             json: true
32 |         }, function(error, response, body) {
33 |             if (error) {
34 |                 callback(error)
35 |             }
36 |             if (!error && response.statusCode === 200) {
37 |                 callback(null, body);
38 |             }
39 |         });
40 |     };
41 | 
42 | }


--------------------------------------------------------------------------------
/app/controllers/cameras.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const app = express();
 3 | const exphbs = require('express-handlebars');
 4 | var SelfReloadJSON = require('self-reload-json');
 5 | const bodyParser = require('body-parser');
 6 | const appRoot = require('app-root-path');
 7 | var config = new SelfReloadJSON(appRoot + '/data/settings.json');
 8 | var cameras = new SelfReloadJSON(appRoot + '/data/cameras.json');
 9 | var styles = new SelfReloadJSON(appRoot + '/data/styles.json');
10 | 
11 | module.exports.set = function(app) {
12 | 
13 |     app.get('/cameras', (request, response) => {
14 |         var css = Buffer.from(styles.styles.global, 'base64').toString();
15 |         response.render('cameras', {
16 |             version: config.settings.version,
17 |             cameras: cameras.cameras,
18 |             css: css
19 |         });
20 |     });
21 | }


--------------------------------------------------------------------------------
/app/controllers/dashboards.js:
--------------------------------------------------------------------------------
  1 | const express = require('express');
  2 | const app = express();
  3 | const exphbs = require('express-handlebars');
  4 | var SelfReloadJSON = require('self-reload-json');
  5 | const fs = require('fs');
  6 | const bodyParser = require('body-parser');
  7 | const appRoot = require('app-root-path');
  8 | var config = new SelfReloadJSON(appRoot + '/data/settings.json');
  9 | var dashboards = new SelfReloadJSON(appRoot + '/data/dashboards.json');
 10 | var smartthings = new SelfReloadJSON(appRoot + '/data/smartthings.json');
 11 | var cameras = new SelfReloadJSON(appRoot + '/data/cameras.json');
 12 | var styles = new SelfReloadJSON(appRoot + '/data/styles.json');
 13 | var templates = new SelfReloadJSON(appRoot + '/data/templates.json');
 14 | 
 15 | module.exports.set = function(app) {
 16 | 
 17 |     app.get('/dashboards', (request, response) => {
 18 |         var css = Buffer.from(styles.styles.global, 'base64').toString();
 19 |         response.render('dashboards', {
 20 |             version: config.settings.version,
 21 |             dashboards: dashboards.dashboards,
 22 |             css: css
 23 |         });
 24 |     });
 25 | 
 26 | 
 27 |     app.get('/dashboards/:id', (request, response) => {
 28 |         var dashboard = {};
 29 |         dashboards.dashboards.forEach((dash) => {
 30 |             if (dash.id == request.params.id) {
 31 |                 dashboard = dash
 32 |             }
 33 |         });
 34 |         var globalcss = Buffer.from(styles.styles.global, 'base64').toString();
 35 |         var css = "";
 36 |         for (var s in styles.styles.dashboards) {
 37 |             if (dashboard.css) {
 38 |                 if (s == dashboard.css.toString()) {
 39 |                     css = Buffer.from(styles.styles.dashboards[s].css, 'base64').toString();
 40 |                 }
 41 |             }
 42 |         }
 43 |         response.render('dashboard', {
 44 |             version: config.settings.version,
 45 |             dashboard: dashboard,
 46 |             dashcss: css,
 47 |             css: globalcss
 48 |         });
 49 |     });
 50 | 
 51 |     app.get('/dashboards/:id/edit', (request, response) => {
 52 |         //Build list of devices here...
 53 |         var sortedDevices = []
 54 |         smartthings.devices.forEach(d => {
 55 |             d.api = "smartthings";
 56 |             sortedDevices.push(d);
 57 |         });
 58 |         if (smartthings.routines) {
 59 |             smartthings.routines.forEach(r => {
 60 |                 r.api = "smartthings";
 61 |                 r.name = r.label;
 62 |                 r.commands = [{ command: "toggle" }];
 63 |                 r.type = "Routine";
 64 |                 sortedDevices.push(r);
 65 |             })
 66 |         }
 67 |         sortedDevices = sortedDevices.sort(sortByType);
 68 |         var dashboard = {};
 69 |         dashboards.dashboards.forEach((dash) => {
 70 |             if (dash.id == request.params.id) {
 71 |                 dashboard = dash;
 72 |             }
 73 |         });
 74 |         var sortedDashDevices = dashboard.devices.sort(sortByOrder);
 75 |         var style = []
 76 |         styles.styles.dashboards.forEach(temp => {
 77 |             style.push({ name: temp.name, css: Buffer.from(temp.css, 'base64').toString() })
 78 |         });
 79 |         response.render('dashboard-edit', {
 80 |             version: config.settings.version,
 81 |             dashboard: dashboard,
 82 |             dashDevices: sortedDashDevices,
 83 |             devices: sortedDevices,
 84 |             cameras: cameras.cameras,
 85 |             css: style
 86 |         });
 87 |     });
 88 | 
 89 |     app.get('/dashboards/:id/device/:dashDevId', (request, response) => {
 90 |         var dashboard = {};
 91 |         for (var d in dashboards.dashboards) {
 92 |             if (dashboards.dashboards[d].id == request.params.id) {
 93 |                 dashboard = dashboards.dashboards[d];
 94 |             }
 95 |         }
 96 |         var device = {};
 97 |         dashboard.devices.forEach((dev) => {
 98 |             if (dev.dashDevId == request.params.dashDevId) {
 99 |                 device = dev
100 |             }
101 |         });
102 | 
103 |         //get device templates
104 |         var temps = templates.templates.map(e => e.id.toLowerCase());
105 | 
106 |         //console.log(sortedDevices);
107 |         var css = Buffer.from(styles.styles.global, 'base64').toString();
108 |         response.render('dashboard-device', {
109 |             version: config.settings.version,
110 |             dashboard: dashboard,
111 |             device: device,
112 |             templates: temps,
113 |             css: css
114 |         });
115 |     });
116 | 
117 |     function sortByType(x, y) {
118 |         return ((x.type == y.type) ? 0 : ((x.type > y.type) ? 1 : -1));
119 |     }
120 | 
121 |     function sortByOrder(x, y) {
122 |         return ((parseInt(x.order) == parseInt(y.order)) ? 0 : ((parseInt(x.order) > parseInt(y.order)) ? 1 : -1));
123 |     }
124 | };


--------------------------------------------------------------------------------
/app/controllers/device.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const request = require('request');
 3 | const bodyParser = require('body-parser');
 4 | const app = express();
 5 | var SelfReloadJSON = require('self-reload-json');
 6 | const appRoot = require('app-root-path');
 7 | const hbs = require('handlebars');
 8 | var config = new SelfReloadJSON(appRoot + '/data/settings.json');
 9 | var dashboards = new SelfReloadJSON(appRoot + '/data/dashboards.json');
10 | var templates = new SelfReloadJSON(appRoot + '/data/templates.json');
11 | 
12 | module.exports.set = function(app) {
13 | 
14 |     app.get('/device/:dashId/:id', (request, response) => {
15 |         getTile(request.params.dashId, request.params.id, function(err, result) {
16 |             //var template = "devices/default";
17 | 
18 |             /*if (result.template) {
19 |                 template = "devices/" + result.template.toLowerCase();
20 |             }*/
21 |             var t = "0";
22 | 
23 |             for (i = 0; i < templates.templates.length; i++) {
24 |                 if (templates.templates[i].id.toLowerCase() == result.template) {
25 |                     t = i;
26 |                 }
27 |             }
28 | 
29 |             var template = Buffer.from(templates.templates[t].content, 'base64').toString();
30 |             var compiled = hbs.compile(template);
31 |             var html = compiled({ device: result });
32 | 
33 |             response.send(html);
34 |             response.end();
35 | 
36 |             /*
37 |             response.render(template, {
38 |                 layout: false,
39 |                 version: config.settings.version,
40 |                 device: result
41 |             });*/
42 |         });
43 |     });
44 | };
45 | 
46 | var getTile = function(dashId, id, callback) {
47 |     var dashboard = {};
48 |     dashboards.dashboards.forEach((dash) => {
49 |         if (dash.id == dashId) {
50 |             dashboard = dash
51 |         }
52 |     });
53 |     var device = null;
54 |     dashboard.devices.forEach((dev) => {
55 |         if (dev.dashDevId == id) {
56 |             device = dev;
57 |         };
58 |     });
59 |     //var type = device.type;
60 |     callback(null, device)
61 | };


--------------------------------------------------------------------------------
/app/controllers/home.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const app = express();
 3 | var SelfReloadJSON = require('self-reload-json');
 4 | const appRoot = require('app-root-path');
 5 | var config = new SelfReloadJSON(appRoot + '/data/settings.json');
 6 | var dashboards = new SelfReloadJSON(appRoot + '/data/dashboards.json');
 7 | var styles = new SelfReloadJSON(appRoot + '/data/styles.json');
 8 | 
 9 | module.exports.set = function(app) {
10 | 
11 |     app.get('/', (request, response) => {
12 |         var css = Buffer.from(styles.styles.global, 'base64').toString();
13 |         response.render('home', {
14 |             version: config.settings.version,
15 |             dashboards: dashboards.dashboards,
16 |             css: css
17 |         });
18 |     });
19 | }


--------------------------------------------------------------------------------
/app/controllers/importexport.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const app = express();
 3 | var SelfReloadJSON = require('self-reload-json');
 4 | const appRoot = require('app-root-path');
 5 | var config = new SelfReloadJSON(appRoot + '/data/settings.json');
 6 | var dashboards = new SelfReloadJSON(appRoot + '/data/dashboards.json');
 7 | var styles = new SelfReloadJSON(appRoot + '/data/styles.json');
 8 | var templates = new SelfReloadJSON(appRoot + '/data/templates.json');
 9 | 
10 | module.exports.set = function(app) {
11 | 
12 |     app.get('/importexport', (request, response) => {
13 |         var css = Buffer.from(styles.styles.global, 'base64').toString();
14 |         response.render('importexport', {
15 |             version: config.settings.version,
16 |             styles: styles.styles,
17 |             templates: templates.templates,
18 |             css: css
19 |         });
20 |     });
21 | }


--------------------------------------------------------------------------------
/app/controllers/index.js:
--------------------------------------------------------------------------------
 1 | var home = require('./home');
 2 | var smartthings = require('./smartthings');
 3 | var device = require('./device');
 4 | var dashboards = require('./dashboards');
 5 | var settings = require('./settings');
 6 | var updates = require('./updates');
 7 | var cameras = require('./cameras');
 8 | var templates = require('./templates');
 9 | var styles = require('./styles');
10 | var importexport = require('./importexport');
11 | 
12 | module.exports.set = function(app) {
13 |     home.set(app);
14 |     smartthings.set(app);
15 |     device.set(app);
16 |     dashboards.set(app);
17 |     settings.set(app);
18 |     updates.set(app);
19 |     cameras.set(app);
20 |     templates.set(app);
21 |     styles.set(app);
22 |     importexport.set(app);
23 | }


--------------------------------------------------------------------------------
/app/controllers/settings.js:
--------------------------------------------------------------------------------
  1 | const express = require('express');
  2 | const app = express();
  3 | const exphbs = require('express-handlebars');
  4 | const request = require('request');
  5 | var SelfReloadJSON = require('self-reload-json');
  6 | const appRoot = require('app-root-path');
  7 | var config = new SelfReloadJSON(appRoot + '/data/settings.json');
  8 | const dashboards = require('../../data/dashboards.json');
  9 | var smartthings = new SelfReloadJSON(appRoot + '/data/smartthings.json');
 10 | var styles = new SelfReloadJSON(appRoot + '/data/styles.json');
 11 | const simpleOauthModule = require('simple-oauth2');
 12 | var ip = require('ip');
 13 | var oauth2;
 14 | var accessURL;
 15 | var authorizationUri;
 16 | var endpoints_uri = 'https://graph.api.smartthings.com/api/smartapps/endpoints';
 17 | 
 18 | 
 19 | module.exports.set = function(app) {
 20 | 
 21 |     app.get('/settings', (request, response) => {
 22 |         var css = Buffer.from(styles.styles.global, 'base64').toString();
 23 |         response.render('settings', {
 24 |             version: config.settings.version,
 25 |             settings: config.settings,
 26 |             css: css
 27 |         });
 28 |     });
 29 | 
 30 |     app.get('/settings/auth', function(req, res) {
 31 |         //console.log(authorizationUri)';
 32 |         try {
 33 |             initOauth();
 34 |         } catch (err) {
 35 |             console.log("no client or secret set");
 36 |         }
 37 |         res.redirect(authorizationUri);
 38 |     });
 39 | 
 40 |     app.get('/settings/callback', function(req, res) {
 41 |         const code = req.query.code;
 42 |         try {
 43 |             initOauth();
 44 |         } catch (err) {
 45 |             console.log("no client or secret set");
 46 |         }
 47 |         var redirectUrl = "http://" + ip.address() + ":3000/settings/callback";
 48 | 
 49 |         oauth2.authorizationCode.getToken({
 50 |             code: code,
 51 |             redirect_uri: redirectUrl
 52 |         }, saveToken);
 53 | 
 54 |         function saveToken(error, result) {
 55 |             if (error) {
 56 |                 console.log('Access Token Error', error.message);
 57 |             } else {
 58 |                 config.settings.token = result.access_token;
 59 | 
 60 |                 var sendreq = {
 61 |                     method: "GET",
 62 |                     uri: endpoints_uri + "?access_token=" + result.access_token
 63 |                 };
 64 |                 request(sendreq, function(err, res1, body) {
 65 |                     var endpoints = JSON.parse(body);
 66 |                     //TODO store locations information location.id and location.home
 67 |                     //console.log(endpoints);
 68 |                     // we just show the final access URL and Bearer code
 69 |                     var access_url = endpoints[0].url
 70 | 
 71 |                     accessURL = 'https://graph.api.smartthings.com/' + access_url;
 72 |                     apiURL = endpoints[0].uri;
 73 | 
 74 |                     config.settings.apiUrl = apiURL;
 75 |                     config.save();
 76 |                     res.render('settings', {
 77 |                         version: config.settings.version,
 78 |                         settings: config.settings
 79 |                     });
 80 | 
 81 |                 });
 82 |             }
 83 |         }
 84 |     });
 85 | 
 86 |     app.get('/settings/endpoints', function(req, res) {
 87 |         var response = "";
 88 |         var options = {
 89 |             uri: endpoints_uri + "?access_token=" + token,
 90 |             method: 'GET',
 91 |             headers: {
 92 |                 'Content-Type': 'application/json',
 93 |                 'Authorization': 'Bearer ' + token
 94 |             }
 95 |         };
 96 |         request(options, function(err, res1, body) {
 97 |             var endpoints = JSON.parse(body);
 98 |             res.send('endpoints are: ' + endpoints[0].location.name + endpoints[0].uri);
 99 |         });
100 |     });
101 | 
102 |     var initOauth = function() {
103 |         oauth2 = simpleOauthModule.create({
104 |             client: {
105 |                 id: config.settings.clientId,
106 |                 secret: config.settings.clientSecret
107 |             },
108 |             auth: {
109 |                 tokenHost: 'https://graph.api.smartthings.com',
110 |                 tokenPath: '/oauth/token',
111 |                 authorizePath: '/oauth/authorize',
112 |             },
113 |         });
114 |         var redirectUrl = "http://" + ip.address() + ":3000/settings/callback";
115 |         authorizationUri = oauth2.authorizationCode.authorizeURL({
116 |             redirect_uri: redirectUrl,
117 |             scope: 'app',
118 |             state: '3(#0/!~'
119 |         });
120 |     };
121 | };


--------------------------------------------------------------------------------
/app/controllers/smartthings.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const request = require('request');
 3 | const app = express();
 4 | var SelfReloadJSON = require('self-reload-json');
 5 | const appRoot = require('app-root-path');
 6 | var config = new SelfReloadJSON(appRoot + '/data/settings.json');
 7 | var smartthings = new SelfReloadJSON(appRoot + '/data/smartthings.json');
 8 | var styles = new SelfReloadJSON(appRoot + '/data/styles.json');
 9 | 
10 | module.exports.set = function(app) {
11 | 
12 |     app.get('/smartthings', (request, response) => {
13 |         var devices = smartthings.devices;
14 |         var routines = smartthings.routines;
15 |         var locations = smartthings.locations;
16 |         var modes = smartthings.modes;
17 |         var css = Buffer.from(styles.styles.global, 'base64').toString();
18 | 
19 |         response.render('smartthings', {
20 |             version: config.settings.version,
21 |             devices: devices,
22 |             routines: routines,
23 |             locations: locations,
24 |             modes: modes,
25 |             css: css
26 |         });
27 |     });
28 | 
29 | };


--------------------------------------------------------------------------------
/app/controllers/styles.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const request = require('request');
 3 | const app = express();
 4 | var SelfReloadJSON = require('self-reload-json');
 5 | const appRoot = require('app-root-path');
 6 | var styles = new SelfReloadJSON(appRoot + '/data/styles.json');
 7 | var config = new SelfReloadJSON(appRoot + '/data/settings.json');
 8 | 
 9 | module.exports.set = function(app) {
10 | 
11 |     app.get('/styles', (request, response) => {
12 |         var style = []
13 |         style.push({ "name": "global", "css": Buffer.from(styles.styles.global, 'base64').toString() });
14 |         styles.styles.dashboards.forEach(temp => {
15 |             style.push({ name: temp.name, css: Buffer.from(temp.css, 'base64').toString() })
16 |         });
17 |         var css = Buffer.from(styles.styles.global, 'base64').toString();
18 |         response.render('styles', {
19 |             version: config.settings.version,
20 |             styles: style,
21 |             css: css
22 |         });
23 |     });
24 | 
25 |     app.get('/styles/:id', (request, response) => {
26 |         var style = []
27 |         style.push({ "name": "global", "css": Buffer.from(styles.styles.global, 'base64').toString() });
28 |         styles.styles.dashboards.forEach(temp => {
29 |             style.push({ name: temp.name, css: Buffer.from(temp.css, 'base64').toString() })
30 |         });
31 |         var css = Buffer.from(styles.styles.global, 'base64').toString();
32 |         response.render('styles', {
33 |             version: config.settings.version,
34 |             styles: style,
35 |             css: css,
36 |             id: request.params.id
37 |         });
38 |     });
39 | };


--------------------------------------------------------------------------------
/app/controllers/templates.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const request = require('request');
 3 | const app = express();
 4 | var SelfReloadJSON = require('self-reload-json');
 5 | const appRoot = require('app-root-path');
 6 | var config = new SelfReloadJSON(appRoot + '/data/settings.json');
 7 | var templates = new SelfReloadJSON(appRoot + '/data/templates.json');
 8 | var styles = new SelfReloadJSON(appRoot + '/data/styles.json');
 9 | 
10 | module.exports.set = function(app) {
11 | 
12 |     app.get('/templates', (request, response) => {
13 |         var temps = []
14 |         templates.templates.forEach(temp => {
15 |             temps.push({ id: temp.id, content: Buffer.from(temp.content, 'base64').toString() })
16 |         });
17 |         var css = Buffer.from(styles.styles.global, 'base64').toString();
18 |         response.render('templates', {
19 |             version: config.settings.version,
20 |             templates: temps,
21 |             css: css
22 |         });
23 |     });
24 |     app.get('/templates/:id', (request, response) => {
25 |         var temps = []
26 |         templates.templates.forEach(temp => {
27 |             temps.push({ id: temp.id, content: Buffer.from(temp.content, 'base64').toString() })
28 |         });
29 |         var css = Buffer.from(styles.styles.global, 'base64').toString();
30 |         response.render('templates', {
31 |             version: config.settings.version,
32 |             templates: temps,
33 |             css: css,
34 |             id: request.params.id
35 |         });
36 |     });
37 | };


--------------------------------------------------------------------------------
/app/controllers/updates.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const request = require('request');
 3 | const app = express();
 4 | var SelfReloadJSON = require('self-reload-json');
 5 | const appRoot = require('app-root-path');
 6 | var config = new SelfReloadJSON(appRoot + '/data/settings.json');
 7 | var updates = new SelfReloadJSON(appRoot + '/data/updates.json');
 8 | 
 9 | var doUpdates = false;
10 | 
11 | module.exports.set = function(app) {
12 |     app.get('/updates', function(req, res) {
13 |         res.setHeader('Content-Type', 'application/json');
14 |         if (config.settings.token != "") {
15 |             doUpdates = true;
16 |         } else {
17 |             doUpdates = false
18 |         }
19 |         getUpdates(function(err, result) {
20 |             if (err) {
21 |                 res.send(500, { error: 'something went wrong' });
22 |             } else {
23 |                 updates.updates = result;
24 |                 updates.save();
25 |                 res.send(result);
26 |             }
27 |         });
28 |     });
29 | 
30 |     setInterval(function() {
31 |         if (doUpdates) {
32 |             getUpdates(function(err, result) {
33 |                 if (err) {
34 |                     console.log('something went wrong');
35 |                 } else {
36 |                     updates.updates = result;
37 |                     updates.save();
38 |                 }
39 |             });
40 |         }
41 |     }, 5000);
42 | 
43 |     var getUpdates = function(callback) {
44 |         var endpoint = "/updates";
45 |         var token = config.settings.token;
46 |         var url = config.settings.apiUrl + endpoint + '?access_token=' + token;
47 |         //console.log("getting updates from " + url);
48 | 
49 |         request({
50 |             url: url,
51 |             json: true
52 |         }, function(error, response, body) {
53 | 
54 |             if (!error && response.statusCode === 200) {
55 |                 callback(null, body);
56 |             } else {
57 |                 callback(error);
58 |             }
59 |         });
60 |     };
61 | };


--------------------------------------------------------------------------------
/app/index.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const app = express();
 3 | var port = 3000;
 4 | const path = require('path');
 5 | const request = require('request');
 6 | const exphbs = require('express-handlebars');
 7 | var controllers = require('./controllers');
 8 | const appRoot = require('app-root-path');
 9 | var SelfReloadJSON = require('self-reload-json');
10 | var config = new SelfReloadJSON(appRoot + '/data/settings.json');
11 | var api = require('./api/');
12 | 
13 | if (config.settings.port) {
14 |     port = config.settings.port;
15 | }
16 | controllers.set(app);
17 | api.set(app);
18 | app.use(express.static('public'));
19 | 
20 | app.listen(port, (err) => {
21 |     if (err) {
22 |         return console.log('something bad happened', err);
23 |     }
24 | 
25 |     console.log(`server is listening on ${port}`);
26 | });
27 | 
28 | app.engine('.hbs', exphbs({
29 |     defaultLayout: 'main',
30 |     extname: '.hbs',
31 |     layoutsDir: path.join(__dirname, 'views/layouts')
32 | }));
33 | 
34 | app.set('view engine', '.hbs');
35 | app.set('views', path.join(__dirname, 'views'));
36 | 
37 | //enable caching
38 | //app.enable('view cache');


--------------------------------------------------------------------------------
/app/views/cameras.hbs:
--------------------------------------------------------------------------------
1 | <div style="background-color: #fff;color:#000;margin:0;opacity: .7;padding:15px">
2 |     <h2>Cameras</h2>
3 |     <div>
4 |         add cameras here... for now just edit the cameras.json in data folder
5 |     </div>
6 | </div>


--------------------------------------------------------------------------------
/app/views/dashboard-device.hbs:
--------------------------------------------------------------------------------
 1 | <div style="background-color: #fff;color:#000;margin:0;opacity: .85;padding:15px">
 2 |     <h2>Edit {{dashboard.name}} Dashboard Device {{device.name}}</h2>
 3 |     <div id="dashboard">
 4 |         <div class="">
 5 |             <div id="devicelist" style="background-color: #fff;color:#000;margin:15px;padding:15px;">
 6 |                 <div>
 7 |                     <h3>Device Info</h3>
 8 |                     <div>
 9 |                         <div>name: <input id="name" value="{{device.name}}"> </div>
10 |                         <div>label: {{device.label}}</div>
11 |                         <div>type: {{device.type}}</div>
12 |                         <div>id: {{device.id}}</div>
13 |                         <div>dashId: {{device.dashDevId}}</div>
14 |                         <div>date: {{device.date}}</div>
15 |                         <div>model: {{device.model}}</div>
16 |                         <div>manufacturer: {{device.manufacturer}}</div>
17 |                     </div>
18 |                 </div>
19 |                 <div>
20 |                     <h3>Settings</h3>
21 |                     <div id="enabledValue" style="display:none;">{{device.enabled}}</div>
22 |                     <input type="checkbox" name="enabled" id="enabled" class="input-control checkbox" value=""> Enabled
23 |                     <div>order: <input id="order" id="order" value="{{device.order}}"></div>
24 |                     <div id="templateValue" style="display:none;">template: {{device.template}}</div>
25 |                     Template:
26 |                     <select name="template" id="template" style="height:35px;">
27 |                 <option value="na">Please Select One</option>
28 |                 {{#each templates}}
29 |                 <option value="{{this}}">{{this}}</option>
30 |                 {{/each}}
31 |             </select>
32 |                     <br/><br/>
33 |                     <input id="saveDashDevice" class="btn btn-default" type="button" value="Save" data-id="{{device.id}}" data-dashdevid="{{device.dashDevId}}" data-dashid="{{dashboard.id}}">
34 |                 </div>
35 |                 <div>
36 |                     <h3>Attributes</h3>
37 |                     <p>Add ability to get latest values here...</p>
38 |                     {{#each device.attributes}} {{@key}}: {{this}}<br/> {{/each}}
39 |                 </div>
40 |                 <div>
41 |                     <h3>Commands</h3>
42 |                     <p>For future use, enable/disable commands to send</p>
43 |                     {{#each device.commands}} {{command}}<br/> {{/each}}
44 |                 </div>
45 | 
46 |             </div>
47 |         </div>
48 |     </div>
49 | </div>
50 | <script type="text/javascript" src="/js/dashboard-device-edit.js">
51 | 
52 | </script>


--------------------------------------------------------------------------------
/app/views/dashboard-edit.hbs:
--------------------------------------------------------------------------------
 1 | <div style="background-color: #fff;color:#000;margin:0;opacity: .85;padding:15px">
 2 |     <div>
 3 |         <h3>Edit <a href="/dashboards/{{dashboard.id}}">{{dashboard.name}}</a> Dashboard</h3>
 4 |     </div>
 5 |     <div id="dashboard" class="flex-grid">
 6 |         <div class="row">
 7 |             <div id="devicelist" class="cell size4 padding10">
 8 |                 <h3>Add Devices to Dashboard</h3>
 9 |                 <div id="deviceTable" class="cell">
10 |                     <table id="tableDevices" class="table striped hovered cell-hovered border bordered table-condensed">
11 |                         <tr>
12 |                             <th><input type="checkbox" onClick="toggle(this)" /></th>
13 |                             <th>Display Name</th>
14 |                             <th>Type</th>
15 |                             <th>API</th>
16 |                         </tr>
17 |                         {{#each devices}}
18 |                         <tr>
19 |                             <td><input type="checkbox" id="cb_{{id}}" name="deviceCB" class="deviceCheckbox" /></td>
20 |                             <td>{{name}}</td>
21 |                             <td>{{type}}</td>
22 |                             <td>{{api}}</td>
23 |                         </tr>
24 |                         {{/each}}
25 |                     </table>
26 |                 </div>
27 |             </div>
28 | 
29 |             <div class="cell size2 padding10" style="text-align: center;padding-top:50px;">
30 |                 <div>
31 |                     <h5>Dashboard Name</h5>
32 |                 </div>
33 |                 <input type="text" name="dashName" id="dashName" class="input-control text" value="{{dashboard.name}}" style="width:300px;">
34 |                 <div>
35 |                     <h5>Custom CSS</h5>
36 |                 </div>
37 |                 <select name="css" id="css" class="input-control select" style="width:300px;">
38 |                     <option value="na">Please Select One</option>
39 |                     {{#each css}}
40 |                     <option value="{{@index}}">{{name}}</option>
41 |                     {{/each}}
42 |                 </select>
43 |                 <input id="saveDashboard" class="button primary" type="button" value="Save Dashboard" data-id="{{dashboard.id}}" style="width:300px;">
44 |                 <br/><br/>
45 |                 <div>
46 |                     <h5>Add Cameras</h5>
47 |                 </div>
48 |                 <select name="cameras" id="cameras" class="input-control select" style="width:300px;">
49 |                     <option value="na">Please Select One</option>
50 |                     {{#each cameras}}
51 |                     <option value="{{id}}">{{name}}</option>
52 |                     {{/each}}
53 |                 </select>
54 |                 <input id="addCamera" class="button primary" type="button" value="Add Selected Camera" data-id="{{dashboard.id}}" style="width:300px;">
55 |                 <br/><br/>
56 |                 <div>
57 |                     <h5>Add/Remove Checked Items</h5>
58 |                 </div>
59 |                 <input id="addDashboardDevices" class="button primary" type="button" value="Add Devices ->" data-id="{{dashboard.id}}" style="width:300px;">
60 |                 <br/>
61 |                 <input id="removeDashboardDevices" class="button primary" type="button" value="<- Remove Devices" data-id="{{dashboard.id}}"
62 |                     style="width:300px;">
63 |                 <br/><br/>
64 |                 <input id="addBlankTile" class="button primary" type="button" value="Add Blank Tile" data-id="{{dashboard.id}}" style="width:300px; ">
65 |                 <br/><br/>
66 |                 <div id="results"></div>
67 |             </div>
68 | 
69 |             <div class="cell size4 padding10 ">
70 |                 <h3>Existing Dashboard Devices</h3>
71 |                 <input id="cssId" type="hidden" value="{{dashboard.css}}">
72 |                 <table id="tableDashboardDevices" class="table striped hovered cell-hovered border bordered table-condensed ">
73 |                     <tr>
74 |                         <th><input type="checkbox" onClick="toggleDashboard(this)" /></th>
75 |                         <th>Name</th>
76 |                         <th>Type</th>
77 |                         <th>Template</th>
78 |                         <th>Edit</th>
79 |                     </tr>
80 |                     {{#each dashDevices}}
81 |                     <tr>
82 |                         <td><input type="checkbox" id="cb_{{dashDevId}}" name="dashboardCB" class="dashboardCheckbox " /></td>
83 |                         <td>{{name}}</td>
84 |                         <td>{{type}}</td>
85 |                         <td>{{template}}</td>
86 |                         <td><a class="edit" href='/dashboards/{{../dashboard.id}}/device/{{dashDevId}}' data-id="{{id}}" data-dash="{{../dashboard.id}} ">edit</a></td>
87 |                     </tr>
88 |                     {{/each}}
89 |                 </table>
90 |             </div>
91 |         </div>
92 |     </div>
93 | </div>
94 | 
95 | <script type="text/javascript " src="/js/dashboard-edit.js "></script>


--------------------------------------------------------------------------------
/app/views/dashboard.hbs:
--------------------------------------------------------------------------------
 1 | <style>
 2 |     {{dashcss}}
 3 |     </style>
 4 |     <div id="dashTitle" class="no-margin" style="position: absolute;top:0;left:175px;color:#ccc">
 5 |     <div class="place-left" style="margin:0;padding:0;">
 6 |         <h3>{{dashboard.name}}</h3>
 7 |     </div>
 8 |     <div class="place-left small" style="padding-top:10px;">
 9 |         <a href="{{dashboard.id}}/edit">&nbsp;&nbsp;Edit</a>
10 |     </div>
11 | </div>
12 | 
13 | <div id="dashboard" class="tile-container clear-float" data-id="{{dashboard.id}}">
14 |     <div>
15 |     You have no devices added to your dashboard, click the edit link above to add some devices.
16 |     </div>
17 | </div>
18 | 
19 | <script type="text/javascript" src="/js/updates.js"></script>
20 | <script type="text/javascript" src="/js/dashboard.js"></script>
21 | 


--------------------------------------------------------------------------------
/app/views/dashboards.hbs:
--------------------------------------------------------------------------------
 1 | <div style="background-color: #fff;color:#000;margin:0;opacity: .7;padding:15px">
 2 |     <h2>Dashboards</h2>
 3 |     <div id="dashboards" class="flex-grid demo-grid">
 4 |         <div class="row">
 5 |             <div class="cell size4">
 6 |                 <h3>Add New Dashboard</h3>
 7 |                 <p>Name of Dashboard</p>
 8 |                 <input type="text" id="newDashName"><br/>
 9 |                 <input type="button" id="addDash" value="Add" class="btn btn-default" />
10 |                 <div id="results"></div>
11 |             </div>
12 |             <div id="dashList" class="cell size4">
13 |                 <h3>Existing Dashboards</h3>
14 |                 <ul>
15 |                     {{#each dashboards}}
16 |                     <li><a href="/dashboards/{{id}}">{{name}}</a> : <a href="/dashboards/{{id}}/edit">edit</a></li>
17 |                     {{/each}}
18 |                 </ul>
19 |             </div>
20 |         </div>
21 |     </div>
22 | </div>
23 | <script type="text/javascript" src="/js/dashboards.js"></script>


--------------------------------------------------------------------------------
/app/views/home.hbs:
--------------------------------------------------------------------------------
 1 | <div class="tile-area no-padding bg-black" style="height: 100%; max-height: 100% !important;">
 2 |     <div class="tile-container clear-float">
 3 |         <div class="tile-group double">
 4 |             <span class="tile-group-title">Project Info</span>
 5 |             <div class="tile-wide padding20" data-role="tile">
 6 |                 <h3>About Open-Dash</h3>
 7 |                 <p>An open-source project built from the ground up...</p>
 8 |             </div>
 9 |             <div class="tile-large padding20" data-role="tile">
10 |                 <div class="tile-content padding20">
11 |                     <h3>Donate</h3>
12 |                     <div>
13 |                         <p>Donate your Time, Coding Skills, Design Skills, Testing, feedback or even Money. Nothing in life
14 |                             is truely free, and your donation will go to fund the development and collaboration resources
15 |                             needed to keep this project going.
16 |                         </p>
17 |                         <p>Donations of $25USD or more will get a permanent shout out in our donators section and placement
18 |                             in the source code and application screens.</p>
19 |                     </div>
20 |                     <div>
21 |                         <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
22 |                             <input type="hidden" name="cmd" value="_s-xclick">
23 |                             <input type="hidden" name="hosted_button_id" value="74ZLRLLETB45U">
24 |                             <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
25 |                             <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
26 |                         </form>
27 |                     </div>
28 |                 </div>
29 |             </div>
30 |         </div>
31 |         <div class="tile-group double">
32 |             <span class="tile-group-title">Dashboards</span> {{#each dashboards}}
33 |             <div class="tile" data-role="tile" >
34 |                 <a href="/dashboards/{{id}}"><div class="tile-content padding20">
35 |                     <h3>{{name}}</h3>
36 |                 </div></a>
37 |                 <a class="tile-label" href="/dashboards/{{id}}/edit">edit</a>
38 |             </div>
39 |             {{/each}}
40 |             <div class="tile" data-role="tile">
41 |                 <div class="tile-content padding20">
42 |                     <a href="/dashboards">
43 |                         <h3>Add A Dashboard</h3>
44 |                     </a>
45 |                 </div>
46 |             </div>
47 |         </div>
48 |         <div class="tile-group double">
49 |             <span class="tile-group-title">Menu</span>
50 |             <div class="tile" data-role="tile">
51 |                 <div class="tile-content iconic padding40">
52 |                     <a href="/smartthings"><span class="mif-chrome mif-4x"></span>
53 |                 <span class="tile-label">SmartThings</span></a>
54 |                 </div>
55 |             </div>
56 |             <div class="tile" data-role="tile">
57 |                 <div class="tile-content iconic padding40">
58 |                     <a href="/cameras"><span class="mif-camera mif-4x"></span>
59 |                 <span class="tile-label">Cameras</span></a>
60 |                 </div>
61 |             </div>
62 |             <div class="tile" data-role="tile">
63 |                 <div class="tile-content iconic padding40">
64 |                     <a href="/templates"><span class="mif-insert-template mif-4x"></span>
65 |                 <span class="tile-label">Templates</span></a>
66 |                 </div>
67 |             </div>
68 |             <div class="tile" data-role="tile">
69 |                 <div class="tile-content iconic padding40">
70 |                     <a href="/styles"><span class="mif-layers mif-4x"></span>
71 |                 <span class="tile-label">Styles</span></a>
72 |                 </div>
73 |             </div>
74 |             <div class="tile" data-role="tile">
75 |                 <div class="tile-content iconic padding40">
76 |                     <a href="/importexport"><span class="mif-enlarge2 mif-4x"></span>
77 |                 <span class="tile-label">Import / Export</span></a>
78 |                 </div>
79 |             </div>
80 |             <div class="tile" data-role="tile">
81 |                 <div class="tile-content iconic padding40">
82 |                     <a href="/settings"><span class="mif-key mif-4x"></span>
83 |                 <span class="tile-label">Settings</span></a>
84 |                 </div>
85 |             </div>
86 |         </div>
87 |     </div>
88 | </div>


--------------------------------------------------------------------------------
/app/views/importexport.hbs:
--------------------------------------------------------------------------------
 1 | <script type="text/javascript" src="/js/FileSaver.min.js"></script>
 2 | <script>
 3 |     var FilesSaver;
 4 | 
 5 | </script>
 6 | <div style="background-color: #fff;color:#000;margin:0;opacity: .7;padding:15px">
 7 |     <h2> Import / Export</h2>
 8 |     <div class="tabcontrol" data-role="tabcontrol">
 9 |         <ul class="tabs">
10 |             <li><a href="#import">Import</a></li>
11 |             <li><a href="#export">Export</a></li>
12 |         </ul>
13 | 
14 |         <div class="frames">
15 |             <div class="frame" id="import">
16 |                 <p>This section allows you to import and export Templates and/or Styles and share them with others</p>
17 |                 <div id="import">
18 |                     <h3>Import</h3>
19 |                     <p>Please select a file to import containing Templates and/or Styles</p>
20 |                     <form action="/importexport/upload" method="post" enctype="multipart/form-data">
21 |                         <div class="input-control file" data-role="input">
22 |                             <input type="file" name="upload-file">
23 |                             <button class="button"><span class="mif-folder"></span></button>
24 |                         </div>
25 |                         <input type="submit" value="Upload" class="button">
26 |                     </form>
27 |                     <div>WARNING: Importing will override any template or style included in the uploaded file!</div>
28 |                 </div>
29 |             </div>
30 |             <div id="export" class="frame">
31 |                 <h3>Export</h3>
32 |                 <div class="flex-grid demo-grid">
33 |                     <div class="row">
34 |                         <div class="cell size2 padding20">
35 |                             <h4>Styles</h4>
36 |                             <table class="table striped hovered cell-hovered border bordered table-condensed" id="tableStyles">
37 |                                 <tr>
38 |                                     <th class="col"><input type="checkbox" onClick="toggle(this)" /></th>
39 |                                     <th>Name</th>
40 |                                 </tr>
41 |                                 <tr>
42 |                                     <td class="col"><input id="cb_global" name="styleCB" type="checkbox" class="input-control checkbox styles"
43 |                                         /></td>
44 |                                     <td>Global</td>
45 |                                 </tr>
46 |                                 {{#each styles.dashboards}}
47 |                                 <tr>
48 |                                     <td class="col"><input id="cb_{{id}}" name="styleCB" type="checkbox" class="input-control checkbox styles"
49 |                                         /></td>
50 |                                     <td class="col">{{name}}</td>
51 |                                 </tr>
52 |                                 {{/each}}
53 |                             </table>
54 |                         </div>
55 |                         <div class="cell size4 padding20">
56 |                             <h4>Templates</h4>
57 |                             <table class="table striped hovered cell-hovered border bordered table-condensed" id="tableTemplates">
58 |                                 <tr>
59 |                                     <th class="col"><input type="checkbox" onClick="toggleTemplates(this)" /></th>
60 |                                     <th>Name</th>
61 |                                 </tr>
62 |                                 {{#each templates}}
63 |                                 <tr>
64 |                                     <td class="col"><input id="cb_{{id}}" name="templateCB" type="checkbox" class="input-control checkbox templates"
65 |                                         /></td>
66 |                                     <td class="col">{{id}}</td>
67 |                                 </tr>
68 |                                 {{/each}}
69 |                             </table>
70 |                         </div>
71 |                         <div class="cell padding20">
72 |                             <h3>Export</h3>
73 |                             <input id="btnExport" class="button primary" type="button" value="Export Selected">
74 | 
75 |                         </div>
76 |                     </div>
77 |                 </div>
78 |             </div>
79 |         </div>
80 |     </div>
81 | </div>
82 | <script type="text/javascript" src="/js/importexport.js"></script>


--------------------------------------------------------------------------------
/app/views/layouts/main.hbs:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |   <meta charset="utf-8">
 5 |   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
 6 |   <title>Open-Dash</title>
 7 |   <link href="/css/metro.css" rel="stylesheet">
 8 |   <link href="/css/metro-icons.css" rel="stylesheet">
 9 |   <style>
10 |   {{{css}}}
11 |   </style>
12 |   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" type="text/javascript"></script>
13 |   <script src="/js/metro.min.js"></script>
14 |   <script src="/js/weather.js"></script>
15 |   <script src="/js/dateTime.js"></script>
16 |   <script src="/js/global.js"></script>
17 | </head>
18 | 
19 | <body id="body">
20 |   <div id="wrapper">
21 |     <div class="charm right-side primary" id="right-charm" data-role="charm" data-position="right">
22 |       <br/><br/>Menu<br/><br/>
23 |       <button class="button " style="width:100px;"><a href="/">Main Menu</a></button><br/>
24 |       <button class="button " style="width:100px;"><a href="/smartthings">SmartThings</a></button><br/>
25 |       <button class="button " style="width:100px;"><a href="/cameras">Cameras</a></button><br/>
26 |       <button class="button " style="width:100px;"><a href="/dashboards">Dashboards</a></button><br/>
27 |       <button class="button " style="width:100px;"><a href="/templates">Templates</a></button><br/>
28 |       <button class="button " style="width:100px;"><a href="/styles">Styles</a></button><br/>
29 |       <button class="button " style="width:100px;"><a href="/importexport">Import / Export</a></button><br/>
30 |       <button class="button " style="width:100px;"><a href="/settings">Settings</a></button><br/>
31 |       <button class="button " style="width:100px;">Toggle Fullscreen</button>
32 | <br/>
33 |     </div>
34 |     <div>
35 |       <header class="no-margin " style="background-color: #000;color:#ccc;">
36 |         <div class="clear-float">
37 |           <a class="place-left" href="/" title="" style="color:#ccc;margin-left:5px;">
38 |             <h3>Open-Dash {{version}}</h3>
39 |           </a>
40 |           <div class="place-right" style="margin-top:5px;margin-right:5px;">
41 |             <button class="button mif-menu mif-2x fg-white" onclick="toggleMetroCharm('#right-charm')" style="background-color: #000;border:none;"></button>
42 |           </div>
43 |           <div id="weather" class="place-right presenter" data-role="presenter" data-height="50" data-width="200" data-duration="5000"
44 |             style="margin-right:5px;min-height: 50px;border:0px inset #ccc">
45 |             <div class="scene">
46 |               <div class="act">
47 |                 <element id="weather1" class="actor" data-position="0,20"></element>
48 |                 <element id="weather2" class="actor" data-position="15,20"></element>
49 |                 <element id="weather3" class="actor" data-position="30,20"> </element>
50 |               </div>
51 |             </div>
52 |           </div>
53 |           <div id="dateTime" class="place-right" data-role="" data-height="50" data-width="150" data-duration="5000" style="margin-right:5px;min-height: 50px;margin-right:25px;width:150px;">
54 |           </div>
55 |         </div>
56 |       </header>
57 |       <div id="main" class="main-content clear-float">
58 |         {{{body}}}
59 |       </div>
60 |     </div>
61 |   </div>
62 | </body>
63 | 
64 | </html>


--------------------------------------------------------------------------------
/app/views/settings.hbs:
--------------------------------------------------------------------------------
 1 | <div style="background-color: #fff;color:#000;margin:0;opacity: .7;padding:15px">
 2 |     <h2>Settings</h2>
 3 |     <div>
 4 |         <p>Port to run on: (will have to restart node application to take effect)</p>
 5 |         <input type="text" name="port" id="port" value="{{settings.port}}" style="width:450px" class="input-control text">
 6 |     </div>
 7 |     <div>
 8 |         <h3>Token</h3>
 9 |         <p>Enter this to skip the oauth2 process if you have manually installed the smartapp and already have a token and url</p>
10 |         <input type="text" name="token" id="token" value="{{settings.token}}" style="width:450px" class="input-control text">
11 |         <h3>API URL</h3>
12 |         <p>Enter this to skip the oauth2 process</p>
13 |         <input type="text" name="apiUrl" id="apiUrl" value="{{settings.apiUrl}}" style="width:450px" class="input-control text">
14 |         <h3>Client ID</h3>
15 |         <p>Enter this if planning on using oauth2 install method</p>
16 |         <input type="text" name="clientId" id="clientId" value="{{settings.clientId}}" style="width:450px" class="input-control text">
17 |         <h3>Client Secret</h3>
18 |         <p>Enter this if planning on using oauth2 install method</p>
19 |         <input type="text" name="clientSecret" id="clientSecret" value="{{settings.clientSecret}}" style="width:450px" class="input-control text"><br/><br/>
20 |         <input id="saveBtn" class="button primary" type="button" value="Save Settings" />
21 |         <div id="results"></div>
22 |         <div>
23 |             <h3>Oauth2 Process</h3>
24 |             <button class="button primary"><a class="fg-white" href="/settings/auth">Connect with SmartThings</a></button>
25 |         </div>
26 |     </div>
27 | </div>
28 | 
29 | <script type="text/javascript" src="/js/settings.js"></script>


--------------------------------------------------------------------------------
/app/views/smartthings.hbs:
--------------------------------------------------------------------------------
  1 | <div id="smartthings" style="background-color: #fff;color:#000;margin:0;opacity: .7;padding:15px">
  2 |     <div>
  3 |         <h3>SmartThings</h3>
  4 |     </div>
  5 |     <div class="tabcontrol" data-role="tabcontrol">
  6 |         <ul class="tabs">
  7 |             <li><a href="#devices">Devices</a></li>
  8 |             <li><a href="#routines">Routines</a></li>
  9 |             <li><a href="#locations">Locations</a></li>
 10 |             <li><a href="#modes">Modes</a></li>
 11 |         </ul>
 12 | 
 13 |         <div class="frames">
 14 |             <div class="frame" id="devices">
 15 |                 <p>
 16 |                     <input id="getDevices" class="button primary" type="button" value="Get Devices from SmartThings" />
 17 |                     <input id="saveDevices" style="display:none" class="button primary" type="button" value="Save Devices" />
 18 |                     <span id="results"></span>
 19 |                 </p>
 20 | 
 21 |                 <div id="devicelist">
 22 |                     <button style="display:none" id="loading" class="button loading-cube lighten danger">Loading...</button>
 23 |                     <div id="deviceTable">
 24 |                         <table id="tableDevices" class='table table-bordered table-condensed' style="opacity: 1;">
 25 |                             <tr>
 26 |                                 <th>Id</th>
 27 |                                 <th>Display Name</th>
 28 |                                 <th>Type</th>
 29 |                                 <th>Commands</th>
 30 |                                 <th>Last Updated</th>
 31 |                             </tr>
 32 |                             {{#each devices}}
 33 |                             <tr>
 34 |                                 <td>{{id}}</td>
 35 |                                 <td>{{name}}</td>
 36 |                                 <td>{{type}}</td>
 37 |                                 <td>{{#each commands}} {{command}}, {{/each}}
 38 |                                 </td>
 39 |                                 <td>{{date}}</td>
 40 |                             </tr>
 41 |                             {{/each}}
 42 |                         </table>
 43 |                     </div>
 44 |                 </div>
 45 |             </div>
 46 |             <div class="frame" id="routines">
 47 |                 <p>
 48 |                     <input id="getRoutines" class="button primary" type="button" value="Get Routines from SmartThings" />
 49 |                     <input id="saveRoutines" style="display:none" class="button primary" type="button" value="Save Routines" />
 50 |                     <span id="results_routines"></span>
 51 |                 </p>
 52 |                 <div id="routinelist">
 53 |                     <button style="display:none" id="loadingRoutines" class="button loading-cube lighten danger">Loading...</button>
 54 |                     <div id="routineTable">
 55 |                         <table id="tableRoutines" class='table table-bordered table-condensed' style="opacity: 1;width=400px">
 56 |                             <tr>
 57 |                                 <th>Label / Name</th>
 58 |                                 <th>Id</th>
 59 |                             </tr>
 60 |                             {{#each routines}}
 61 |                             <tr>
 62 |                                 <td>{{label}}</td>
 63 |                                 <td>{{id}}</td>
 64 |                             </tr>
 65 |                             {{/each}}
 66 |                         </table>
 67 |                     </div>
 68 |                 </div>
 69 |             </div>
 70 |             <div class="frame" id="locations">
 71 |                 <p>
 72 |                     <input id="getLocations" class="button primary" type="button" value="Get Locations from SmartThings" />
 73 |                     <input id="saveLocations" style="display:none" class="button primary" type="button" value="Save Locations" />
 74 |                     <span id="results_locations"></span>
 75 |                     <button style="display:none" id="loadingLocations" class="button loading-cube lighten danger">Loading...</button>
 76 |                 </p>
 77 |                 <div id="locationslist">
 78 |                     <button style="display:none" id="loadingLocations" class="button loading-cube lighten danger">Loading...</button>
 79 |                     <div id="locationsArea">
 80 |                         Name: {{locations.name}}<br/>
 81 |                         zip: {{locations.zipCode}}<br/>
 82 |                         long: {{locations.longitude}}<br/>
 83 |                         lat: {{locations.latitude}}<br/>
 84 |                         Temp Scale: {{locations.temperatureScale}}<br/>
 85 |                         Timezone: {{locations.timeZone}}<br/>
 86 |                         Contact Book Enabled: {{locations.contactBookEnabled}}<br/>
 87 |                         Current Mode: {{locations.currentMode}}<br/>
 88 |                         hubs: {{locations.hubs}}<br/>
 89 |                     </div>
 90 |                 </div>
 91 |             </div>
 92 |             <div class="frame" id="modes">
 93 |                 <p>
 94 |                     <input id="getModes" class="button primary" type="button" value="Get Modes from SmartThings" />
 95 |                     <input id="saveModes" style="display:none" class="button primary" type="button" value="Save Modes" />
 96 |                     <span id="results_modes"></span>
 97 |                 </p>
 98 |                 <div id="modesslist">
 99 |                     <button style="display:none" id="loadingModes" class="button loading-cube lighten danger">Loading...</button>
100 |                     <div id="modesArea">
101 |                         {{#each modes}}
102 |                         {{id}} : {{name}}<br/>
103 |                         {{/each}}
104 |                     </div>
105 |                 </div>
106 |             </div>
107 |         </div>
108 |     </div>
109 | </div>
110 | 
111 | <script type="text/javascript" src="/js/smartthings.js"></script>


--------------------------------------------------------------------------------
/app/views/styles.hbs:
--------------------------------------------------------------------------------
 1 | <link rel="stylesheet" href="/css/codemirror.css">
 2 | <script src="/js/codemirror.js"></script>
 3 | 
 4 | <div class="grid" style="background-color: #fff;color:#000;margin:0;opacity: .7;padding:15px">
 5 |     <h2>Styles</h2>
 6 |     <div class="row cells10">
 7 |         <div class="cell padding10 colspan2">
 8 |             <h3>CSS Styles</h3>
 9 |             <div class="treeview" data-role="treeview">
10 |                 <ul id="tempMenu">
11 |                     {{#each styles}}
12 |                     <li><span id="temp_{{@index}}" class="leaf"><a href="/styles/{{@index}}">{{name}}</a></span></li>
13 |                     {{/each}}
14 |                 </ul>
15 |             </div>
16 |         </div>
17 |         <div class="cell padding10  colspan8">
18 |             <h3>Style editor</h3>
19 |             <ul class="horizontal-menu">
20 |                 <li id="new"><a href="/styles">New Style</a></li>
21 |                 <li id="delete"><a href="#">Delete Style</a></li>
22 |                 <li id="rename"><a href="#">Name: </a><input id="name" class="input-control  text" type="text" value=""></li>
23 |                 <li id="save"><a href="#">Save</a></li>
24 |                 <li id="res"><span id="results"></span></li>
25 |             </ul>
26 |             <div class="input-control textarea " data-role="input" data-text-auto-resize="false" style="width:100%; min-height:100%;height:60vh;">
27 |                 <textarea type="text" id="styleEditor" name="sytleEditor"></textarea>
28 |                 <input type="hidden" id="id" value="{{id}}">
29 |             </div>
30 |         </div>
31 |     </div>
32 | 
33 |     <script type="text/javascript" src="/js/styles.js"></script>


--------------------------------------------------------------------------------
/app/views/templates.hbs:
--------------------------------------------------------------------------------
 1 | <link rel="stylesheet" href="/css/codemirror.css">
 2 | <script src="/js/codemirror.js"></script>
 3 | <div class="grid" style="background-color: #fff;color:#000;margin:0;opacity: .7;padding:15px">
 4 |     <h2>Templates</h2>
 5 |     <div class="row cells10">
 6 |         <div class="cell size2 padding10 ">
 7 |             <h3>Templates</h3>
 8 |             <div class="treeview" data-role="treeview">
 9 |                 <ul id="tempMenu">
10 |                     {{#each templates}}
11 |                     <li><span id="temp_{{@index}}" class="leaf"><a href="/templates/{{@index}}">{{id}}</a></span></li>
12 |                     {{/each}}
13 |                 </ul>
14 |             </div>
15 |         </div>
16 |         <div class="cell padding10  colspan8">
17 |             <h3>Template editor</h3>
18 |             <ul class="horizontal-menu">
19 |                 <li id="new"><a href="/templates">New Template</a></li>
20 |                 <li id="delete"><a href="#">Delete Template</a></li>
21 |                 <li id="rename"><a href="#">Name: </a><input id="name" class="input-control  text" type="text" value=""></li>
22 |                 <li id="save"><a href="#">Save</a></li>
23 |                 <li id="res"><span id="results"></span></li>
24 |             </ul>
25 |             <div class="input-control textarea " data-role="input" data-text-auto-resize="false" style="width:100%; ">
26 |                 <textarea type="text" id="templateEditor"></textarea>
27 |                 <input type="hidden" id="id" value="{{id}}">
28 |             </div>
29 |         </div>
30 |     </div>
31 | 
32 |     <script type="text/javascript" src="/js/templates.js"></script>


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
1 | // index.js
2 | require('./app/');
3 | var SelfReloadJSON = require('self-reload-json');
4 | const appRoot = require('app-root-path');
5 | var config = new SelfReloadJSON(appRoot + '/data/settings.json');
6 | 
7 | console.log("Open-Dash Node.js version " + config.settings.version + " is starting.");


--------------------------------------------------------------------------------
/install.js:
--------------------------------------------------------------------------------
 1 | console.log("Installing config files for a blank install")
 2 | var fs = require('fs');
 3 | var settings = { "settings": { "version": "0.5", "token": "", "apiUrl": "", "clientId": "", "clientSecret": "", "port": "3000" } };
 4 | var updates = { "updates": "" };
 5 | var smartthings = { "devices": "", "locations": "", "modes": "", "routines": "" };
 6 | var dashboards = { "dashboards": [] };
 7 | var cameras = { "cameras": [] };
 8 | var styles = { "styles": { "global": "LmJvcmRlciB7CiAgICBib3JkZXI6IDFweCAjMDAwIHNvbGlkOwp9CgoudGFiY29udHJvbD4uZnJhbWVzIC5mcmFtZSB7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBpbmhlcml0ICFpbXBvcnRhbnQ7CiAgICBib3JkZXI6IDFweCBzb2xpZCAjMWJhMWUyOwp9CgoudGlsZS1ncm91cCB7CgltYXJnaW4tbGVmdDogMjBweCAhaW1wb3J0YW50Owp9", "dashboards": [{ "id": 0, "name": "Image", "css": "LnRpbGUgewogICAgZGlzcGxheTogYmxvY2s7CiAgICBmbG9hdDogbGVmdDsKICAgIG1hcmdpbjogMHB4OwogICAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjI4KTsKICAgIGN1cnNvcjogcG9pbnRlcjsKICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAgIG92ZXJmbG93OiBoaWRkZW47Cn0KCi50aWxlLXdpZGUgewogICAgd2lkdGg6IDMwMHB4Owp9CgojZGFzaGJvYXJkIHsKYmFja2dyb3VuZC1pbWFnZSA6IHVybChodHRwczovL2xoNC5nb29nbGV1c2VyY29udGVudC5jb20vLU4wSWMxVmJOMlVFL1VpX2VKSHVnWjJJL0FBQUFBQUFBRnpnL1A5Ti1RTlFpc1ZJL3MxMjgwLXcxMjgwLWMtaDcyMC9mYXJtX2luX3RoZV9wcmFpcmllLmpwZyk7Cn0KCgoKLnRpbGUtbGFiZWwgewogICAgZm9udC1zaXplOiAuOWVtOwogICAgcGFkZGluZzogMCAhaW1wb3J0YW50OwogICAgbGVmdDogNSAhaW1wb3J0YW50OwogICAgcGFkZGluZy1ib3R0b206IDVweCAhaW1wb3J0YW50OwogICAgdGV4dC1hbGlnbjogbGVmdCAhaW1wb3J0YW50Owp9CgoudGV4dC1zaGFkb3cgewogICAgdGV4dC1zaGFkb3c6IDFweCAxcHggMXB4IHJnYigyNTUsIDI1NSwgMjU1KTsKfQoKI2Rhc2hib2FyZCB7CiAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0OwogICAgYmFja2dyb3VuZC1hdHRhY2htZW50OiBmaXhlZDsKICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7CiAgICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyOwogICAgaGVpZ2h0OiAxMDAlOwogICAgbWluLWhlaWdodDogMTAwJTsKfQoKLnRpbGUgewogICAgb3BhY2l0eTogLjg7CiAgICBjb2xvcjogI2NjYzsKICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDA7Cn0KCi50aWxlLAoudGlsZS1zbWFsbCwKLnRpbGUtc3F1YXJlLAoudGlsZS13aWRlLAoudGlsZS1sYXJnZSwKLnRpbGUtYmlnLAoudGlsZS1zdXBlciB7CiAgICBvcGFjaXR5OiAwOwogICAgLXdlYmtpdC10cmFuc2Zvcm06IHNjYWxlKC41KTsKICAgIHRyYW5zZm9ybTogc2NhbGUoLjUpOwp9CgoK" }, { "id": 1, "name": "Plain", "css": "Ym9keSB7IGJhY2tncm91bmQ6IGJsYWNrIH0=" }] } }
 9 | var templates = { "templates": [{ "id": "default", "content": "PGRpdiBpZD0ie3tkZXZpY2UuZGFzaERldklkfX0iIGNsYXNzPSJ0aWxlIHRleHQtc2hhZG93IiBkYXRhLWlkPSJ7e2RldmljZS5pZH19IiBkYXRhLXJvbGU9InRpbGUiPgogICAgPGRpdiBjbGFzcz0idGlsZS1jb250ZW50IiBkYXRhLWFjdGlvbj0ic3dpdGNoIiBkYXRhLWFwaT0ie3tkZXZpY2UuYXBpfX0iIGRhdGEtaWQ9e3tkZXZpY2UuaWR9fSBkYXRhLWNvbW1hbmQ9InRvZ2dsZSI+CiAgICAgICAgPHNwYW4gY2xhc3M9InRpbGUtbGFiZWwiPnt7ZGV2aWNlLm5hbWV9fTwvc3Bhbj4KICAgICAgICA8c3BhbiBpZD0iZGV0YWlsc197e2RldmljZS5kYXNoRGV2SWR9fSI+CiAgICAgICAgPC9zcGFuPgogICAgPC9kaXY+CjwvZGl2PgoKPCEtLSBSZXF1aXJlZCBTY3JpcHRzIC0tPgo8c2NyaXB0PgoJLy92YXIgYXBpID0ge3tkZXZpY2UuYXBpfX07CiAgICB2YXIgYXR0cmlidXRlcyA9ICd7ICJhdHRyaWJ1dGVzIiA6IHsge3sjZWFjaCBkZXZpY2UuYXR0cmlidXRlc319ICJ7e0BrZXl9fSIgOiAie3t0aGlzfX0iICwge3svZWFjaH19ICB9IH0nOwogICAgYXR0cmlidXRlcyA9IGF0dHJpYnV0ZXMucmVwbGFjZSgvKC4qPyksXHMqKFx9fF0pL2csICIkMSQyIik7CiAgICB2YXIgYXR0cmlicyA9IEpTT04ucGFyc2UoYXR0cmlidXRlcyk7CiAgICB2YXIgY29tbWFuZHMgPSAneyAiY29tbWFuZHMiIDogeyB7eyNlYWNoIGRldmljZS5jb21tYW5kc319ICJjb21tYW5kIiA6ICJ7e2NvbW1hbmR9fSIgLCB7ey9lYWNofX0gfSB9JzsKICAgIGNvbW1hbmRzID0gY29tbWFuZHMucmVwbGFjZSgvKC4qPyksXHMqKFx9fF0pL2csICIkMSQyIik7CiAgICB2YXIgY21kcyA9IEpTT04ucGFyc2UoY29tbWFuZHMpOwogICAgZm9yICh2YXIgaSBpbiBhdHRyaWJzLmF0dHJpYnV0ZXMpIHsKICAgICAgICAkKCcjZGV0YWlsc197e2RldmljZS5kYXNoRGV2SWR9fScpLmFwcGVuZChpICsgIjogPHNwYW4gY2xhc3M9JyIrIGkgKyInPiIrIGF0dHJpYnMuYXR0cmlidXRlc1tpXSArIjwvc3Bhbj4gIik7CiAgICB9Cgo8L3NjcmlwdD4=" }, { "id": "blank", "content": "PGRpdiBpZD0ie3tkZXZpY2UuZGFzaERldklkfX0iIGNsYXNzPSJ0aWxlIHRleHQtc2hhZG93IiBkYXRhLWlkPSJ7e2RldmljZS5pZH19IiBkYXRhLXJvbGU9InRpbGUiPgogICAgPGRpdiBjbGFzcz0idGlsZS1jb250ZW50Ij4KICAgICAgICA8c3BhbiBjbGFzcz0idGlsZS1sYWJlbCI+PC9zcGFuPgogICAgICAgIDxzcGFuIGlkPSJkZXRhaWxzX3t7ZGV2aWNlLmRhc2hEZXZJZH19Ij4KICAgICAgICA8L3NwYW4+CiAgICA8L2Rpdj4KPC9kaXY+" }, { "id": "camera", "content": "PGRpdiBpZD0ie3tkZXZpY2UuZGFzaERldklkfX0iIGNsYXNzPSJ0aWxlIHRpbGUtd2lkZSByb3VuZGVkIiBkYXRhLWlkPSJ7e2RldmljZS5pZH19IiBkYXRhLXJvbGU9InRpbGUiPgogICAgPGRpdiBjbGFzcz0idGlsZS1jb250ZW50Ij4KICAgICAgICA8c3BhbiBjbGFzcz0idGlsZS1sYWJlbCB0ZXh0LWFjY2VudCB0ZXh0LXNoYWRvdyI+e3tkZXZpY2UubmFtZX19PC9zcGFuPgogICAgICAgIDxzcGFuIGlkPSJwcmltYXJ5X3t7ZGV2aWNlLmRhc2hEZXZJZH19Ij4KICAgICAgICAgICAgPGRpdiBjbGFzcz0naW1hZ2UtY29udGFpbmVyIGltYWdlLWZvcm1hdC1oZCByb3VuZGVkJz48aW1nIGlkPSJwaWN0dXJlX3t7ZGV2aWNlX2lkfX0iIGNsYXNzPSdwaWN0dXJlJyBzcmM9Int7ZGV2aWNlLnBhdGh9fSIgd2lkdGg9JzMxMCcgLz48L2Rpdj4KICAgICAgICA8L3NwYW4+CiAgICA8L2Rpdj4KPC9kaXY+CjxzY3JpcHQ+CiAgICBzZXRJbnRlcnZhbChmdW5jdGlvbiAoKSB7CiAgICAgICAgJCgiI3BpY3R1cmVfe3tkZXZpY2VfZGFzaElkfX0iKS5lYWNoKGZ1bmN0aW9uICgpIHsKICAgICAgICAgICAgdmFyIHRpbWUgPSAobmV3IERhdGUoKSkuZ2V0VGltZSgpOyAkKHRoaXMpLmF0dHIoInNyYyIsICQodGhpcykuYXR0cigic3JjIikuc3BsaXQoJz8nKVswXQogICAgICAgICAgICAgICAgKyAiP3Q9IiArIHRpbWUpOwogICAgICAgIH0pCiAgICB9LCAyMDAwKTsKPC9zY3JpcHQ+" }, { "id": "dimmer", "content": "PGRpdiBpZD0ie3tkZXZpY2UuZGFzaERldklkfX0iIGNsYXNzPSJ0aWxlIHRleHQtc2hhZG93IiBkYXRhLWlkPSJ7e2RldmljZS5pZH19IiBkYXRhLXJvbGU9InRpbGUiPgogICAgPGRpdiBjbGFzcz0idGlsZS1jb250ZW50Ij4KICAgICAgICA8c3BhbiBjbGFzcz0idGlsZS1sYWJlbCI+e3tkZXZpY2UubmFtZX19PC9zcGFuPgogICAgICAgIDxkaXYgaWQ9ImRldGFpbHNfe3tkZXZpY2UuZGFzaERldklkfX0iPgogICAgICAgICAgICA8aW5wdXQgdHlwZT0icmFuZ2UiIGlkPSIjc2xpZGVyX3t7ZGV2aWNlLmRhc2hJZH19IiBtaW49IjAiIG1heD0iMTAwIiBjbGFzcz0ic2xpZGVyIiB2YWx1ZT0iMTUiIGRhdGEtYWN0aW9uPSJzZXRMZXZlbCIgZGF0YS1pZD0ie3tkZXZpY2UuaWR9fSI+IAogICAgICAgICAgICBsZXZlbDogPHNwYW4gY2xhc3M9ImxldmVsIj48L3NwYW4+IHN3aXRjaDogPHNwYW4gY2xhc3M9InN3aXRjaCI+PC9zcGFuPgogICAgICAgIDwvZGl2PgogICAgICAgIDxsYWJlbCBjbGFzcz0ic3dpdGNoZWQiPgogICAgICAgICAgICAgICAgPGlucHV0IGNsYXNzPSJjaGVja2JveCIgdHlwZT0iY2hlY2tib3giIGNoZWNrZWQgZGF0YS1hY3Rpb249InN3aXRjaCIvPgogICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9ImNoZWNrIj48L3NwYW4+CiAgICAgICAgICAgIDwvbGFiZWw+CiAgICA8L2Rpdj4KPC9kaXY+Cgo8IS0tIFJlcXVpcmVkIFNjcmlwdHMgLS0+CjxzY3JpcHQ+CiAgICAkKGRvY3VtZW50KS5yZWFkeShmdW5jdGlvbiAoKSB7CiAgICAgICAgdmFyIGF0dHJpYnV0ZXMgPSAneyAiYXR0cmlidXRlcyIgOiB7IHt7I2VhY2ggZGV2aWNlLmF0dHJpYnV0ZXN9fSAie3tAa2V5fX0iIDogInt7dGhpc319IiAsIHt7L2VhY2h9fSAgfSB9JzsKICAgICAgICBhdHRyaWJ1dGVzID0gYXR0cmlidXRlcy5yZXBsYWNlKC8oLio/KSxccyooXH18XSkvZywgIiQxJDIiKTsKICAgICAgICB2YXIgYXR0cmlicyA9IEpTT04ucGFyc2UoYXR0cmlidXRlcyk7CiAgICAgICAgLy92YXIgY29tbWFuZHMgPSAneyAiY29tbWFuZHMiIDogeyB7eyNlYWNoIGRldmljZS5jb21tYW5kc319ICJjb21tYW5kIiA6ICJ7e2NvbW1hbmR9fSIgLCB7ey9lYWNofX0gfSB9JzsKICAgICAgICAvL2NvbW1hbmRzID0gY29tbWFuZHMucmVwbGFjZSgvKC4qPyksXHMqKFx9fF0pL2csICIkMSQyIik7CiAgICAgICAgLy92YXIgY21kcyA9IEpTT04ucGFyc2UoY29tbWFuZHMpOwogICAgICAgIGZvciAodmFyIGkgaW4gYXR0cmlicy5hdHRyaWJ1dGVzKSB7CiAgICAgICAgICAgICQoJyNkZXRhaWxzX3t7ZGV2aWNlLmRhc2hJZH19JykuZmluZCgiLiIgKyBpKS5odG1sKGF0dHJpYnMuYXR0cmlidXRlc1tpXSk7CiAgICAgICAgfQogICAgICAgICQoIiNkZXRhaWxzX3t7ZGV2aWNlLmRhc2hEZXZJZH19IikuZmluZCgnaW5wdXRbdHlwZT1yYW5nZV0nKS52YWwoYXR0cmlicy5hdHRyaWJ1dGVzLmxldmVsKTsKICAgICAgICB2YXIgY2hlY2tlZCA9IChhdHRyaWJzLmF0dHJpYnV0ZXMuc3dpdGNoID09ICJvZmYiKSA/IGZhbHNlIDogdHJ1ZTsKICAgICAgICAkKCIje3tkZXZpY2UuZGFzaERldklkfX0iKS5maW5kKCdpbnB1dFt0eXBlPWNoZWNrYm94XScpLnByb3AoImNoZWNrZWQiLCBjaGVja2VkKSAKCiAgICAgICAgJCgnI2RldGFpbHNfe3tkZXZpY2UuZGFzaERldklkfX0gLmxldmVsJykub24oImNoYW5nZSIsIGZ1bmN0aW9uIChlKSB7CiAgICAgICAgICAgICQoIiNkZXRhaWxzX3t7ZGV2aWNlLmRhc2hJZH19IikuZmluZCgnaW5wdXRbdHlwZT1yYW5nZV0nKS52YWwoZS50YXJnZXQuaW5uZXJIVE1MKTsKICAgICAgICB9KTsKICAgICAgICAkKCcjZGV0YWlsc197e2RldmljZS5kYXNoRGV2SWR9fSAuc3dpdGNoJykub24oImNoYW5nZSIsIGZ1bmN0aW9uIChlKSB7CiAgICAgICAgICAgIHZhciBjaGVja2VkID0gKGUudGFyZ2V0LmlubmVySFRNTCA9PSAib2ZmIikgPyBmYWxzZSA6IHRydWU7CiAgICAgICAgICAgICQoIiN7e2RldmljZS5kYXNoSWR9fSIpLmZpbmQoJ2lucHV0W3R5cGU9Y2hlY2tib3hdJykucHJvcCgiY2hlY2tlZCIsIGNoZWNrZWQpOwogICAgICAgIH0pOwogICAgfSk7Cgo8L3NjcmlwdD4=" }, { "id": "lock", "content": "PGRpdiBpZD0ie3tkZXZpY2UuZGFzaERldklkfX0iIGNsYXNzPSJ0aWxlIHRleHQtc2hhZG93IiBkYXRhLWlkPSJ7e2RldmljZS5pZH19IiBkYXRhLXJvbGU9InRpbGUiPgogICAgPGRpdiBjbGFzcz0idGlsZS1jb250ZW50Ij4KICAgICAgICA8c3BhbiBjbGFzcz0idGlsZS1sYWJlbCI+e3tkZXZpY2UubmFtZX19PC9zcGFuPgogICAgICAgIDxzcGFuIGlkPSJkZXRhaWxzX3t7ZGV2aWNlLmRhc2hEZXZJZH19Ij4KICAgICAgICAgICAgIGxvY2s6IDxzcGFuIGNsYXNzPSJsb2NrIj48L3NwYW4+IAogICAgICAgICAgICAgYmF0dGVyeTogPHNwYW4gY2xhc3M9ImJhdHRlcnkiPjwvc3Bhbj4KICAgICAgICA8ZGl2IGNsYXNzPSJtaWYtbG9jayBtaWYtMnggZmctcmVkIj4KICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJzd2l0Y2giPgogICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9ImNoZWNrYm94IiBjaGVja2VkLz4KICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPSJjaGVjayI+PC9zcGFuPgogICAgICAgICAgICA8L2xhYmVsPgogICAgICAgIDwvZGl2PgogICAgICAgIDwvc3Bhbj4KICAgIDwvZGl2Pgo8L2Rpdj4KCgoKPCEtLSBSZXF1aXJlZCBTY3JpcHRzIC0tPgo8c2NyaXB0PgogICAgdmFyIGF0dHJpYnV0ZXMgPSAneyAiYXR0cmlidXRlcyIgOiB7IHt7I2VhY2ggZGV2aWNlLmF0dHJpYnV0ZXN9fSAie3tAa2V5fX0iIDogInt7dGhpc319IiAsIHt7L2VhY2h9fSAgfSB9JzsKICAgIGF0dHJpYnV0ZXMgPSBhdHRyaWJ1dGVzLnJlcGxhY2UoLyguKj8pLFxzKihcfXxdKS9nLCAiJDEkMiIpOwogICAgdmFyIGF0dHJpYnMgPSBKU09OLnBhcnNlKGF0dHJpYnV0ZXMpOwogICAgCiAgICB2YXIgY29tbWFuZHMgPSAneyAiY29tbWFuZHMiIDogeyB7eyNlYWNoIGRldmljZS5jb21tYW5kc319ICJjb21tYW5kIiA6ICJ7e2NvbW1hbmR9fSIgLCB7ey9lYWNofX0gfSB9JzsKICAgIGNvbW1hbmRzID0gY29tbWFuZHMucmVwbGFjZSgvKC4qPyksXHMqKFx9fF0pL2csICIkMSQyIik7CiAgICB2YXIgY21kcyA9IEpTT04ucGFyc2UoY29tbWFuZHMpOwogICAgdmFyIG91dHB1dCA9ICQoJyNkZXRhaWxzX3t7ZGV2aWNlLmlkfX0nKS5odG1sKCk7CiAgICBmb3IgKHZhciBpIGluIGF0dHJpYnMuYXR0cmlidXRlcykgewogICAgICAgICAkKCcjZGV0YWlsc197e2RldmljZS5kYXNoRGV2SWR9fScpLmZpbmQoIi4iICsgaSkuaHRtbChhdHRyaWJzLmF0dHJpYnV0ZXNbaV0pOwogICAgfQogICAgJCgnI2RldGFpbHNfe3tkZXZpY2UuZGFzaERldklkfX0nKS5odG1sKG91dHB1dCk7Cjwvc2NyaXB0Pg==" }, { "id": "motion", "content": "PGRpdiBpZD0ie3tkZXZpY2UuZGFzaERldklkfX0iIGNsYXNzPSJ0aWxlIHRleHQtc2hhZG93IiBkYXRhLXJvbGU9InRpbGUiIGRhdGEtaWQ9Int7ZGV2aWNlLmlkfX0iPgogICAgPGRpdiBjbGFzcz0idGlsZS1jb250ZW50Ij4KICAgICAgICA8c3BhbiBjbGFzcz0idGlsZS1sYWJlbCI+e3tkZXZpY2UubmFtZX19PC9zcGFuPgogICAgICAgIDxkaXYgaWQ9ImRldGFpbHNfe3tkZXZpY2UuZGFzaERldklkfX0iIHN0eWxlPSJtYXJnaW4tdG9wOjEwcHg7bWFyZ2luLWxlZnQ6MTVweCI+CiAgICAgICAgICAgIDxkaXYgY2xhc3M9IiIgc3R5bGU9InRleHQtYWxpZ246IGNlbnRlcjt3aWR0aDo1MHB4O2Zsb2F0OmxlZnQ7Ij4KICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9Im1pZi1saW5lcyBtaWYtMngiPjwvZGl2Pk1vdGlvbjogPHNwYW4gY2xhc3M9Im1vdGlvbiI+PC9zcGFuPgogICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0iIiBzdHlsZT0idGV4dC1hbGlnbjogY2VudGVyO2xlZnQ6MDsgd2lkdGg6NTBweDtmbG9hdDpsZWZ0OyI+CiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJtaWYtdGhlcm1vbWV0ZXIgbWlmLTJ4Ij48L2Rpdj48c3BhbiBjbGFzcz0idGVtcGVyYXR1cmUiPjwvc3Bhbj7CsEYKICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgIDxkaXYgY2xhc3M9IiIgc3R5bGU9InRleHQtYWxpZ246IGNlbnRlcjt3aWR0aDo1MHB4O2Zsb2F0OmxlZnQ7Ij4KICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9Im1pZi1iYXR0ZXJ5LXR3byBtaWYtMngiPjwvZGl2PjxzcGFuIGNsYXNzPSJiYXR0ZXJ5Ij48L3NwYW4+JQogICAgICAgICAgICA8L2Rpdj4KICAgICAgICA8L2Rpdj4KICAgIDwvZGl2Pgo8L2Rpdj4KCjwhLS0gUmVxdWlyZWQgU2NyaXB0cyAtLT4KPHNjcmlwdD4KICAgIHZhciBhdHRyaWJ1dGVzID0gJ3sgImF0dHJpYnV0ZXMiIDogeyB7eyNlYWNoIGRldmljZS5hdHRyaWJ1dGVzfX0gInt7QGtleX19IiA6ICJ7e3RoaXN9fSIgLCB7ey9lYWNofX0gIH0gfSc7CiAgICBhdHRyaWJ1dGVzID0gYXR0cmlidXRlcy5yZXBsYWNlKC8oLio/KSxccyooXH18XSkvZywgIiQxJDIiKTsKICAgIHZhciBhdHRyaWJzID0gSlNPTi5wYXJzZShhdHRyaWJ1dGVzKTsKICAgIHZhciBjb21tYW5kcyA9ICd7ICJjb21tYW5kcyIgOiB7IHt7I2VhY2ggZGV2aWNlLmNvbW1hbmRzfX0gImNvbW1hbmQiIDogInt7Y29tbWFuZH19IiAsIHt7L2VhY2h9fSB9IH0nOwogICAgY29tbWFuZHMgPSBjb21tYW5kcy5yZXBsYWNlKC8oLio/KSxccyooXH18XSkvZywgIiQxJDIiKTsKICAgIHZhciBjbWRzID0gSlNPTi5wYXJzZShjb21tYW5kcyk7CiAgICBmb3IgKHZhciBpIGluIGF0dHJpYnMuYXR0cmlidXRlcykgewogICAgICAgICQoJyNkZXRhaWxzX3t7ZGV2aWNlLmRhc2hEZXZJZH19JykuZmluZCgiLiIgKyBpKS5odG1sKGF0dHJpYnMuYXR0cmlidXRlc1tpXSk7CiAgICB9Cjwvc2NyaXB0Pg==" }, { "id": "multisensor", "content": "PGRpdiBpZD0ie3tkZXZpY2UuZGFzaERldklkfX0iIGNsYXNzPSJ0aWxlIiBkYXRhLXJvbGU9InRpbGUiIGRhdGEtaWQ9Int7ZGV2aWNlLmlkfX0iPgogICAgPGRpdiBjbGFzcz0idGlsZS1jb250ZW50Ij4KICAgICAgICA8ZGl2IGlkPSJkZXRhaWxzX3t7ZGV2aWNlLmRhc2hEZXZJZH19Ij4KICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9IiBwbGFjZS1sZWZ0IiBzdHlsZT0idGV4dC1hbGlnbjogY2VudGVyO3dpZHRoOjUwcHg7bWFyZ2luOjNweDsiPgogICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9Im1pZi10aGVybW9tZXRlciBtaWYtMngiPjwvZGl2PgogICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPSJ0ZW1wZXJhdHVyZSI+PC9zcGFuPsKwRgogICAgICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSIgcGxhY2UtbGVmdCAiIHN0eWxlPSJ0ZXh0LWFsaWduOiBjZW50ZXI7d2lkdGg6NTBweDttYXJnaW46M3B4OyI+CiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0ibWlmLWJhdHRlcnktdHdvIG1pZi0yeCI+PC9kaXY+CiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9ImJhdHRlcnkiPjwvc3Bhbj4lCiAgICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9IiBwbGFjZS1sZWZ0ICIgc3R5bGU9InRleHQtYWxpZ246IGNlbnRlcjt3aWR0aDo1MHB4O21hcmdpbjozcHg7Ij4KICAgICAgICAgICAgICAgICAgICBjb250YWN0OiA8c3BhbiBjbGFzcz0iY29udGFjdCI+PC9zcGFuPgogICAgICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSIgcGxhY2UtbGVmdCAiIHN0eWxlPSJ0ZXh0LWFsaWduOiBjZW50ZXI7d2lkdGg6NTBweDttYXJnaW46M3B4OyI+CiAgICAgICAgICAgICAgICAgICAgdGhyZWVBeGlzOiA8c3BhbiBjbGFzcz0idGhyZWVBeGlzIj48L3NwYW4+CiAgICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9IiBwbGFjZS1sZWZ0ICIgc3R5bGU9InRleHQtYWxpZ246IGNlbnRlcjt3aWR0aDo1MHB4O21hcmdpbjozcHg7Ij4KICAgICAgICAgICAgICAgICAgICBhY2NlbGVyYXRpb246IDxzcGFuIGNsYXNzPSJhY2NlbGVyYXRpb24iPjwvc3Bhbj4KICAgICAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0idGlsZS1sYWJlbCI+e3tkZXZpY2UubmFtZX19PC9kaXY+CiAgICA8L2Rpdj4KPC9kaXY+CjwhLS0gUmVxdWlyZWQgU2NyaXB0cyAtLT4KPHNjcmlwdD4KICAgIHZhciBhdHRyaWJ1dGVzID0gJ3sgImF0dHJpYnV0ZXMiIDogeyB7eyNlYWNoIGRldmljZS5hdHRyaWJ1dGVzfX0gInt7QGtleX19IiA6ICJ7e3RoaXN9fSIgLCB7ey9lYWNofX0gIH0gfSc7CiAgICBhdHRyaWJ1dGVzID0gYXR0cmlidXRlcy5yZXBsYWNlKC8oLio/KSxccyooXH18XSkvZywgIiQxJDIiKTsKICAgIHZhciBhdHRyaWJzID0gSlNPTi5wYXJzZShhdHRyaWJ1dGVzKTsKICAgIHZhciBjb21tYW5kcyA9ICd7ICJjb21tYW5kcyIgOiB7IHt7I2VhY2ggZGV2aWNlLmNvbW1hbmRzfX0gImNvbW1hbmQiIDogInt7Y29tbWFuZH19IiAsIHt7L2VhY2h9fSB9IH0nOwogICAgY29tbWFuZHMgPSBjb21tYW5kcy5yZXBsYWNlKC8oLio/KSxccyooXH18XSkvZywgIiQxJDIiKTsKICAgIHZhciBjbWRzID0gSlNPTi5wYXJzZShjb21tYW5kcyk7CiAgICBmb3IgKHZhciBpIGluIGF0dHJpYnMuYXR0cmlidXRlcykgewogICAgICAgICQoJyNkZXRhaWxzX3t7ZGV2aWNlLmRhc2hEZXZJZH19JykuZmluZCgiLiIgKyBpKS5odG1sKGF0dHJpYnMuYXR0cmlidXRlc1tpXSk7CiAgICB9Cjwvc2NyaXB0Pg==" }, { "id": "switch", "content": "PGRpdiBpZD0ie3tkZXZpY2UuZGFzaERldklkfX0iIGNsYXNzPSJ0aWxlIHRleHQtc2hhZG93IiBkYXRhLXJvbGU9InRpbGUiIGRhdGEtaWQ9Int7ZGV2aWNlLmlkfX0iPgogICAgPGRpdiBjbGFzcz0idGlsZS1jb250ZW50Ij4KICAgICAgICA8c3BhbiBjbGFzcz0idGlsZS1sYWJlbCI+e3tkZXZpY2UubmFtZX19PC9zcGFuPgogICAgICAgIDxzcGFuIGlkPSJkZXRhaWxzX3t7ZGV2aWNlLmRhc2hEZXZJZH19Ij4KICAgICAgICAgICAgIHN3aXRjaDogPHNwYW4gY2xhc3M9InN3aXRjaCI+PC9zcGFuPiAKICAgICAgICAgICAgIHBvd2VyOiA8c3BhbiBjbGFzcz0icG93ZXIiPjwvc3Bhbj4KICAgICAgICA8L3NwYW4+CiAgICA8L2Rpdj4KPC9kaXY+Cgo8IS0tIFJlcXVpcmVkIFNjcmlwdHMgLS0+CjxzY3JpcHQ+CiAgICB2YXIgYXR0cmlidXRlcyA9ICd7ICJhdHRyaWJ1dGVzIiA6IHsge3sjZWFjaCBkZXZpY2UuYXR0cmlidXRlc319ICJ7e0BrZXl9fSIgOiAie3t0aGlzfX0iICwge3svZWFjaH19ICB9IH0nOwogICAgYXR0cmlidXRlcyA9IGF0dHJpYnV0ZXMucmVwbGFjZSgvKC4qPyksXHMqKFx9fF0pL2csICIkMSQyIik7CiAgICB2YXIgYXR0cmlicyA9IEpTT04ucGFyc2UoYXR0cmlidXRlcyk7CiAgICB2YXIgY29tbWFuZHMgPSAneyAiY29tbWFuZHMiIDogeyB7eyNlYWNoIGRldmljZS5jb21tYW5kc319ICJjb21tYW5kIiA6ICJ7e2NvbW1hbmR9fSIgLCB7ey9lYWNofX0gfSB9JzsKICAgIGNvbW1hbmRzID0gY29tbWFuZHMucmVwbGFjZSgvKC4qPyksXHMqKFx9fF0pL2csICIkMSQyIik7CiAgICB2YXIgY21kcyA9IEpTT04ucGFyc2UoY29tbWFuZHMpOwogICAgdmFyIG91dHB1dCA9ICQoJyNkZXRhaWxzX3t7ZGV2aWNlLmlkfX0nKS5odG1sKCk7CiAgICBmb3IgKHZhciBpIGluIGF0dHJpYnMuYXR0cmlidXRlcykgewogICAgICAgICAkKCcjZGV0YWlsc197e2RldmljZS5kYXNoSWR9fScpLmZpbmQoIi4iICsgaSkuaHRtbChhdHRyaWJzLmF0dHJpYnV0ZXNbaV0pOwogICAgfQogICAgJCgnI2RldGFpbHNfe3tkZXZpY2UuZGFzaERldklkfX0nKS5odG1sKG91dHB1dCk7Cjwvc2NyaXB0Pg==" }, { "id": "thermostat", "content": "PGRpdiBpZD0ie3tkZXZpY2UuZGFzaERldklkfX0iIGNsYXNzPSJ0aWxlIHRpbGUtd2lkZSB0ZXh0LXNoYWRvdyIgZGF0YS1yb2xlPSJ0aWxlIiBkYXRhLWlkPSJ7e2RldmljZS5pZH19Ij4KICAgIDxkaXYgY2xhc3M9InRpbGUtY29udGVudCI+CiAgICAgICAgPHNwYW4gY2xhc3M9InRpbGUtbGFiZWwiPnt7ZGV2aWNlLm5hbWV9fTwvc3Bhbj4KICAgICAgICA8c3BhbiBpZD0iZGV0YWlsc197e2RldmljZS5kYXNoRGV2SWR9fSI+CiAgICAgICAgICAgIHRlbXA6IDxzcGFuIGNsYXNzPSJ0ZW1wZXJhdHVyZSI+PC9zcGFuPiAKICAgICAgICAgICAgaHVtaWRpdHk6IDxzcGFuIGNsYXNzPSJodW1pZGl0eSI+PC9zcGFuPiAKICAgICAgICAgICAgaGV0U2V0OiA8c3BhbiBjbGFzcz0iaGVhdGluZ1NldHBvaW50Ij48L3NwYW4+IAogICAgICAgICAgICBjb29sU2V0OiA8c3BhbiBjbGFzcz0iY29vbGluZ1NldHBvaW50Ij48L3NwYW4+IAogICAgICAgICAgICBTZXRwb2ludDogPHNwYW4gY2xhc3M9InRoZXJtb3N0YXRTZXRwb2ludCI+PC9zcGFuPiAKICAgICAgICAgICAgTW9kZTogPHNwYW4gY2xhc3M9InRoZXJtb3N0YXRNb2RlIj48L3NwYW4+CiAgICAgICAgICAgIEZhbk1vZGU6IDxzcGFuIGNsYXNzPSJ0ZW1wZXJhdHVyZSI+PC9zcGFuPiAKICAgICAgICAgICAgT3BlcmF0aW5nU3RhdGU6IDxzcGFuIGNsYXNzPSJodW1pZGl0eSI+PC9zcGFuPiAKICAgICAgICAgICAgU3RhdHVzOiA8c3BhbiBjbGFzcz0iaGVhdGluZ1NldHBvaW50Ij48L3NwYW4+IAogICAgICAgICAgICBtYXhIZWF0aW5nU2V0cG9pbnQ6IDxzcGFuIGNsYXNzPSJjb29saW5nU2V0cG9pbnQiPjwvc3Bhbj4gCiAgICAgICAgICAgIG1heENvb2xpbmdTZXRwb2ludDogPHNwYW4gY2xhc3M9InRoZXJtb3N0YXRTZXRwb2ludCI+PC9zcGFuPiAKICAgICAgICAgICAgbWluQ29vbGluZ1NldHBvaW50OiA8c3BhbiBjbGFzcz0idGhlcm1vc3RhdE1vZGUiPjwvc3Bhbj4KICAgICAgICAgICAgdGVtcFVuaXQ6IDxzcGFuIGNsYXNzPSJkZXZpY2VUZW1wZXJhdHVyZVVuaXQiPjwvc3Bhbj4KCiAgICAgICAgPGRpdiBkYXRhLXJvbGU9Imdyb3VwIiBkYXRhLWdyb3VwLXR5cGU9Im11bHRpLXN0YXRlIiBkYXRhLWJ1dHRvbi1zdHlsZT0iY2xhc3MiPgogICAgICAgICAgICA8YnV0dG9uIGNsYXNzPSJidXR0b24gbWlmLWZpcnN0Ij48L2J1dHRvbj4KICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz0iYnV0dG9uIG1pZi1sYXN0Ij48L2J1dHRvbj4KICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz0iYnV0dG9uIj5GYW4gT248L2J1dHRvbj4KICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz0iYnV0dG9uIj5GYW4gQXV0bzwvYnV0dG9uPgogICAgICAgIDwvZGl2PgogICAgPC9kaXY+CiAgICA8L3NwYW4+CjwvZGl2Pgo8L2Rpdj4KCgoKPCEtLSBSZXF1aXJlZCBTY3JpcHRzIC0tPgo8c2NyaXB0PgogICAgdmFyIGF0dHJpYnV0ZXMgPSAneyAiYXR0cmlidXRlcyIgOiB7IHt7I2VhY2ggZGV2aWNlLmF0dHJpYnV0ZXN9fSAie3tAa2V5fX0iIDogInt7dGhpc319IiAsIHt7L2VhY2h9fSAgfSB9JzsKICAgIGF0dHJpYnV0ZXMgPSBhdHRyaWJ1dGVzLnJlcGxhY2UoLyguKj8pLFxzKihcfXxdKS9nLCAiJDEkMiIpOwogICAgdmFyIGF0dHJpYnMgPSBKU09OLnBhcnNlKGF0dHJpYnV0ZXMpOwogICAgdmFyIGNvbW1hbmRzID0gJ3sgImNvbW1hbmRzIiA6IHsge3sjZWFjaCBkZXZpY2UuY29tbWFuZHN9fSAiY29tbWFuZCIgOiAie3tjb21tYW5kfX0iICwge3svZWFjaH19IH0gfSc7CiAgICBjb21tYW5kcyA9IGNvbW1hbmRzLnJlcGxhY2UoLyguKj8pLFxzKihcfXxdKS9nLCAiJDEkMiIpOwogICAgdmFyIGNtZHMgPSBKU09OLnBhcnNlKGNvbW1hbmRzKTsKICAgIGZvciAodmFyIGkgaW4gYXR0cmlicy5hdHRyaWJ1dGVzKSB7CiAgICAgICAgJCgnI2RldGFpbHNfe3tkZXZpY2UuZGFzaERldklkfX0nKS5maW5kKCIuIiArIGkpLmh0bWwoYXR0cmlicy5hdHRyaWJ1dGVzW2ldKTsKICAgIH0KPC9zY3JpcHQ+" }, { "id": "water", "content": "PGRpdiBpZD0ie3tkZXZpY2UuZGFzaERldklkfX0iIGNsYXNzPSJ0aWxlIHRleHQtc2hhZG93IiBkYXRhLXJvbGU9InRpbGUiIGRhdGEtaWQ9Int7ZGV2aWNlLmlkfX0iPgogICAgPGRpdiBjbGFzcz0idGlsZS1jb250ZW50Ij4KICAgICAgICA8c3BhbiBjbGFzcz0idGlsZS1sYWJlbCI+e3tkZXZpY2UubmFtZX19PC9zcGFuPgogICAgICAgIDxzcGFuIGlkPSJkZXRhaWxzX3t7ZGV2aWNlLmRhc2hJZH19Ij4KICAgICAgICAgICAgdGVtcGVyYXR1cmU6IDxzcGFuIGNsYXNzPSJ0ZW1wZXJhdHVyZSI+PC9zcGFuPiBiYXR0ZXJ5OiA8c3BhbiBjbGFzcz0iYmF0dGVyeSI+PC9zcGFuPiBjb250YWN0OiA8c3BhbgogICAgICAgICAgICBjbGFzcz0iY29udGFjdCI+PC9zcGFuPiB0aHJlZUF4aXM6IDxzcGFuIGNsYXNzPSJ0aHJlZUF4aXMiPjwvc3Bhbj4gYWNjZWxlcmF0aW9uOiA8c3BhbiBjbGFzcz0iYWNjZWxlcmF0aW9uIj48L3NwYW4+ICAgICAgICBzdGF0dXM6IDxzcGFuIGNsYXNzPSJzdGF0dXMiPjwvc3Bhbj4gbGV2ZWw6IDxzcGFuIGNsYXNzPSJsZXZlbCI+PC9zcGFuPiBzd2l0Y2g6IDxzcGFuIGNsYXNzPSJzd2l0Y2giPjwvc3Bhbj4gTW90aW9uOgogICAgICAgIDxzcGFuIGNsYXNzPSJtb3Rpb24iPjwvc3Bhbj4KICAgICAgICA8L3NwYW4+CiAgICA8L2Rpdj4KPC9kaXY+CgoKCjwhLS0gUmVxdWlyZWQgU2NyaXB0cyAtLT4KPHNjcmlwdD4KICAgIHZhciBhdHRyaWJ1dGVzID0gJ3sgImF0dHJpYnV0ZXMiIDogeyB7eyNlYWNoIGRldmljZS5hdHRyaWJ1dGVzfX0gInt7QGtleX19IiA6ICJ7e3RoaXN9fSIgLCB7ey9lYWNofX0gIH0gfSc7CiAgICBhdHRyaWJ1dGVzID0gYXR0cmlidXRlcy5yZXBsYWNlKC8oLio/KSxccyooXH18XSkvZywgIiQxJDIiKTsKICAgIHZhciBhdHRyaWJzID0gSlNPTi5wYXJzZShhdHRyaWJ1dGVzKTsKICAgIHZhciBjb21tYW5kcyA9ICd7ICJjb21tYW5kcyIgOiB7IHt7I2VhY2ggZGV2aWNlLmNvbW1hbmRzfX0gImNvbW1hbmQiIDogInt7Y29tbWFuZH19IiAsIHt7L2VhY2h9fSB9IH0nOwogICAgY29tbWFuZHMgPSBjb21tYW5kcy5yZXBsYWNlKC8oLio/KSxccyooXH18XSkvZywgIiQxJDIiKTsKICAgIHZhciBjbWRzID0gSlNPTi5wYXJzZShjb21tYW5kcyk7CiAgICBmb3IgKHZhciBpIGluIGF0dHJpYnMuYXR0cmlidXRlcykgewogICAgICAgICQoJyNkZXRhaWxzX3t7ZGV2aWNlLmRhc2hEZXZJZH19JykuZmluZCgiLiIgKyBpKS5odG1sKGF0dHJpYnMuYXR0cmlidXRlc1tpXSk7CiAgICB9Cjwvc2NyaXB0Pg==" }, { "id": "weather", "content": "PGRpdiBpZD0ie3tkZXZpY2UuZGFzaERldklkfX0iIGNsYXNzPSJ0aWxlIHRpbGUtd2lkZSB0ZXh0LXNoYWRvdyIgZGF0YS1yb2xlPSJ0aWxlIiBkYXRhLWlkPSJ7e2RldmljZS5pZH19Ij4KICAgIDxkaXYgY2xhc3M9InRpbGUtY29udGVudCIgZGF0YS1hY3Rpb249InN3aXRjaCIgZGF0YS1jb21tYW5kPSJ0b2dnbGUiPgogICAgICAgIDxzcGFuIGNsYXNzPSJ0aWxlLWxhYmVsIj57e2RldmljZS5uYW1lfX08L3NwYW4+CiAgICAgICAgPHNwYW4gaWQ9ImRldGFpbHNfe3tkZXZpY2UuZGFzaERldklkfX0iPgogICAgICAgIDwvc3Bhbj4KICAgIDwvZGl2Pgo8L2Rpdj4KCjwhLS0gUmVxdWlyZWQgU2NyaXB0cyAtLT4KPHNjcmlwdD4KICAgIHZhciBhdHRyaWJ1dGVzID0gJ3sgImF0dHJpYnV0ZXMiIDogeyB7eyNlYWNoIGRldmljZS5hdHRyaWJ1dGVzfX0gInt7QGtleX19IiA6ICJ7e3RoaXN9fSIgLCB7ey9lYWNofX0gIH0gfSc7CiAgICBhdHRyaWJ1dGVzID0gYXR0cmlidXRlcy5yZXBsYWNlKC8oLio/KSxccyooXH18XSkvZywgIiQxJDIiKTsKICAgIHZhciBhdHRyaWJzID0gSlNPTi5wYXJzZShhdHRyaWJ1dGVzKTsKICAgIHZhciBjb21tYW5kcyA9ICd7ICJjb21tYW5kcyIgOiB7IHt7I2VhY2ggZGV2aWNlLmNvbW1hbmRzfX0gImNvbW1hbmQiIDogInt7Y29tbWFuZH19IiAsIHt7L2VhY2h9fSB9IH0nOwogICAgY29tbWFuZHMgPSBjb21tYW5kcy5yZXBsYWNlKC8oLio/KSxccyooXH18XSkvZywgIiQxJDIiKTsKICAgIHZhciBjbWRzID0gSlNPTi5wYXJzZShjb21tYW5kcyk7CiAgICBmb3IgKHZhciBpIGluIGF0dHJpYnMuYXR0cmlidXRlcykgewogICAgICAgICQoJyNkZXRhaWxzX3t7ZGV2aWNlLmRhc2hEZXZJZH19JykuYXBwZW5kKGkgKyAiOiA8c3BhbiBjbGFzcz0nIiArIGkgKyAiJz4iICsgYXR0cmlicy5hdHRyaWJ1dGVzW2ldICsgIjwvc3Bhbj4gIik7CiAgICB9Cgo8L3NjcmlwdD4=" }, { "id": "routine", "content": "PGRpdiBpZD0ie3tkZXZpY2UuZGFzaERldklkfX0iIGNsYXNzPSJ0aWxlIHRleHQtc2hhZG93IiBkYXRhLXJvbGU9InRpbGUiIGRhdGEtaWQ9Int7ZGV2aWNlLmlkfX0iPgogICAgPGRpdiBjbGFzcz0idGlsZS1jb250ZW50IiBkYXRhLWFjdGlvbj0icm91dGluZSIgZGF0YS1hcGk9Int7ZGV2aWNlLmFwaX19IiBkYXRhLWNvbW1hbmQ9InRvZ2dsZSI+CiAgICB7e2RldmljZS50eXBlfX0KICAgICAgICA8c3BhbiBjbGFzcz0idGlsZS1sYWJlbCI+e3tkZXZpY2UubmFtZX19PC9zcGFuPgogICAgICAgIDxzcGFuIGlkPSJkZXRhaWxzX3t7ZGV2aWNlLmRhc2hEZXZJZH19Ij4KICAgICAgICA8L3NwYW4+CiAgICA8L2Rpdj4KPC9kaXY+Cgo8IS0tIFJlcXVpcmVkIFNjcmlwdHMgLS0+CjxzY3JpcHQ+Cjwvc2NyaXB0Pg==" }] };
10 | 
11 | if (!fs.existsSync('data')) {
12 |     fs.mkdirSync('data');
13 | }
14 | 
15 | if (!fs.existsSync('data/settings.json')) {
16 |     //create settings.json
17 |     fs.writeFile('data/settings.json', JSON.stringify(settings), function(err) {
18 |         if (err) {
19 |             return console.log(err);
20 |         }
21 |     });
22 | };
23 | 
24 | if (!fs.existsSync('data/updates.json')) {
25 |     //create settings.json
26 |     fs.writeFile('data/updates.json', JSON.stringify(updates), function(err) {
27 |         if (err) {
28 |             return console.log(err);
29 |         }
30 |     });
31 | };
32 | 
33 | if (!fs.existsSync('data/smartthings.json')) {
34 |     //create settings.json
35 |     fs.writeFile('data/smartthings.json', JSON.stringify(smartthings), function(err) {
36 |         if (err) {
37 |             return console.log(err);
38 |         }
39 |     });
40 | };
41 | 
42 | if (!fs.existsSync('data/dashboards.json')) {
43 |     //create settings.json
44 |     fs.writeFile('data/dashboards.json', JSON.stringify(dashboards), function(err) {
45 |         if (err) {
46 |             return console.log(err);
47 |         }
48 |     });
49 | };
50 | 
51 | if (!fs.existsSync('data/cameras.json')) {
52 |     //create settings.json
53 |     fs.writeFile('data/cameras.json', JSON.stringify(cameras), function(err) {
54 |         if (err) {
55 |             return console.log(err);
56 |         }
57 |     });
58 | };
59 | 
60 | if (!fs.existsSync('data/templates.json')) {
61 |     //create settings.json
62 |     fs.writeFile('data/templates.json', JSON.stringify(templates), function(err) {
63 |         if (err) {
64 |             return console.log(err);
65 |         }
66 |     });
67 | };
68 | 
69 | if (!fs.existsSync('data/styles.json')) {
70 |     //create settings.json
71 |     fs.writeFile('data/styles.json', JSON.stringify(styles), function(err) {
72 |         if (err) {
73 |             return console.log(err);
74 |         }
75 |     });
76 | };


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "open-dash-nodejs",
 3 |     "version": "1.0.0",
 4 |     "description": "Open-Dash IoT Dashboard",
 5 |     "main": "index.js",
 6 |     "scripts": {
 7 |         "test": "echo \"Error: no test specified\" && exit 1",
 8 |         "start": "node index.js"
 9 |     },
10 |     "author": "pstuart",
11 |     "license": "",
12 |     "dependencies": {
13 |         "app-root-path": "^2.0.1",
14 |         "async": "^2.1.4",
15 |         "body-parser": "^1.16.1",
16 |         "connect": "^3.5.1",
17 |         "express": "^4.14.1",
18 |         "express-handlebars": "^3.0.0",
19 |         "handlebars": "^4.0.6",
20 |         "handlebars-helpers": "^0.8.0",
21 |         "ip": "^1.1.4",
22 |         "multer": "^1.3.0",
23 |         "request": "^2.79.0",
24 |         "self-reload-json": "^0.2.0",
25 |         "simple-oauth2": "^1.0.3",
26 |         "uuid": "^3.0.1"
27 |     },
28 |     "devDependencies": {
29 |         "jshint": "^2.9.4"
30 |     }
31 | }


--------------------------------------------------------------------------------
/public/css/codemirror.css:
--------------------------------------------------------------------------------
  1 | /* BASICS */
  2 | 
  3 | .CodeMirror {
  4 |     /* Set height, width, borders, and global font properties here */
  5 |     font-family: monospace;
  6 |     height: 300px;
  7 |     color: black;
  8 | }
  9 | 
 10 | 
 11 | /* PADDING */
 12 | 
 13 | .CodeMirror-lines {
 14 |     padding: 4px 0;
 15 |     /* Vertical padding around content */
 16 | }
 17 | 
 18 | .CodeMirror pre {
 19 |     padding: 0 4px;
 20 |     /* Horizontal padding of content */
 21 | }
 22 | 
 23 | .CodeMirror-scrollbar-filler,
 24 | .CodeMirror-gutter-filler {
 25 |     background-color: white;
 26 |     /* The little square between H and V scrollbars */
 27 | }
 28 | 
 29 | 
 30 | /* GUTTER */
 31 | 
 32 | .CodeMirror-gutters {
 33 |     border-right: 1px solid #ddd;
 34 |     background-color: #f7f7f7;
 35 |     white-space: nowrap;
 36 | }
 37 | 
 38 | .CodeMirror-linenumbers {}
 39 | 
 40 | .CodeMirror-linenumber {
 41 |     padding: 0 3px 0 5px;
 42 |     min-width: 20px;
 43 |     text-align: right;
 44 |     color: #999;
 45 |     white-space: nowrap;
 46 | }
 47 | 
 48 | .CodeMirror-guttermarker {
 49 |     color: black;
 50 | }
 51 | 
 52 | .CodeMirror-guttermarker-subtle {
 53 |     color: #999;
 54 | }
 55 | 
 56 | 
 57 | /* CURSOR */
 58 | 
 59 | .CodeMirror-cursor {
 60 |     border-left: 1px solid black;
 61 |     border-right: none;
 62 |     width: 0;
 63 | }
 64 | 
 65 | 
 66 | /* Shown when moving in bi-directional text */
 67 | 
 68 | .CodeMirror div.CodeMirror-secondarycursor {
 69 |     border-left: 1px solid silver;
 70 | }
 71 | 
 72 | .cm-fat-cursor .CodeMirror-cursor {
 73 |     width: auto;
 74 |     border: 0 !important;
 75 |     background: #7e7;
 76 | }
 77 | 
 78 | .cm-fat-cursor div.CodeMirror-cursors {
 79 |     z-index: 1;
 80 | }
 81 | 
 82 | .cm-animate-fat-cursor {
 83 |     width: auto;
 84 |     border: 0;
 85 |     -webkit-animation: blink 1.06s steps(1) infinite;
 86 |     -moz-animation: blink 1.06s steps(1) infinite;
 87 |     animation: blink 1.06s steps(1) infinite;
 88 |     background-color: #7e7;
 89 | }
 90 | 
 91 | @-moz-keyframes blink {
 92 |     0% {}
 93 |     50% {
 94 |         background-color: transparent;
 95 |     }
 96 |     100% {}
 97 | }
 98 | 
 99 | @-webkit-keyframes blink {
100 |     0% {}
101 |     50% {
102 |         background-color: transparent;
103 |     }
104 |     100% {}
105 | }
106 | 
107 | @keyframes blink {
108 |     0% {}
109 |     50% {
110 |         background-color: transparent;
111 |     }
112 |     100% {}
113 | }
114 | 
115 | 
116 | /* Can style cursor different in overwrite (non-insert) mode */
117 | 
118 | .CodeMirror-overwrite .CodeMirror-cursor {}
119 | 
120 | .cm-tab {
121 |     display: inline-block;
122 |     text-decoration: inherit;
123 | }
124 | 
125 | .CodeMirror-rulers {
126 |     position: absolute;
127 |     left: 0;
128 |     right: 0;
129 |     top: -50px;
130 |     bottom: -20px;
131 |     overflow: hidden;
132 | }
133 | 
134 | .CodeMirror-ruler {
135 |     border-left: 1px solid #ccc;
136 |     top: 0;
137 |     bottom: 0;
138 |     position: absolute;
139 | }
140 | 
141 | 
142 | /* DEFAULT THEME */
143 | 
144 | .cm-s-default .cm-header {
145 |     color: blue;
146 | }
147 | 
148 | .cm-s-default .cm-quote {
149 |     color: #090;
150 | }
151 | 
152 | .cm-negative {
153 |     color: #d44;
154 | }
155 | 
156 | .cm-positive {
157 |     color: #292;
158 | }
159 | 
160 | .cm-header,
161 | .cm-strong {
162 |     font-weight: bold;
163 | }
164 | 
165 | .cm-em {
166 |     font-style: italic;
167 | }
168 | 
169 | .cm-link {
170 |     text-decoration: underline;
171 | }
172 | 
173 | .cm-strikethrough {
174 |     text-decoration: line-through;
175 | }
176 | 
177 | .cm-s-default .cm-keyword {
178 |     color: #708;
179 | }
180 | 
181 | .cm-s-default .cm-atom {
182 |     color: #219;
183 | }
184 | 
185 | .cm-s-default .cm-number {
186 |     color: #164;
187 | }
188 | 
189 | .cm-s-default .cm-def {
190 |     color: #00f;
191 | }
192 | 
193 | .cm-s-default .cm-variable,
194 | .cm-s-default .cm-punctuation,
195 | .cm-s-default .cm-property,
196 | .cm-s-default .cm-operator {}
197 | 
198 | .cm-s-default .cm-variable-2 {
199 |     color: #05a;
200 | }
201 | 
202 | .cm-s-default .cm-variable-3 {
203 |     color: #085;
204 | }
205 | 
206 | .cm-s-default .cm-comment {
207 |     color: #a50;
208 | }
209 | 
210 | .cm-s-default .cm-string {
211 |     color: #a11;
212 | }
213 | 
214 | .cm-s-default .cm-string-2 {
215 |     color: #f50;
216 | }
217 | 
218 | .cm-s-default .cm-meta {
219 |     color: #555;
220 | }
221 | 
222 | .cm-s-default .cm-qualifier {
223 |     color: #555;
224 | }
225 | 
226 | .cm-s-default .cm-builtin {
227 |     color: #30a;
228 | }
229 | 
230 | .cm-s-default .cm-bracket {
231 |     color: #997;
232 | }
233 | 
234 | .cm-s-default .cm-tag {
235 |     color: #170;
236 | }
237 | 
238 | .cm-s-default .cm-attribute {
239 |     color: #00c;
240 | }
241 | 
242 | .cm-s-default .cm-hr {
243 |     color: #999;
244 | }
245 | 
246 | .cm-s-default .cm-link {
247 |     color: #00c;
248 | }
249 | 
250 | .cm-s-default .cm-error {
251 |     color: #f00;
252 | }
253 | 
254 | .cm-invalidchar {
255 |     color: #f00;
256 | }
257 | 
258 | .CodeMirror-composing {
259 |     border-bottom: 2px solid;
260 | }
261 | 
262 | 
263 | /* Default styles for common addons */
264 | 
265 | div.CodeMirror span.CodeMirror-matchingbracket {
266 |     color: #0f0;
267 | }
268 | 
269 | div.CodeMirror span.CodeMirror-nonmatchingbracket {
270 |     color: #f22;
271 | }
272 | 
273 | .CodeMirror-matchingtag {
274 |     background: rgba(255, 150, 0, .3);
275 | }
276 | 
277 | .CodeMirror-activeline-background {
278 |     background: #e8f2ff;
279 | }
280 | 
281 | 
282 | /* STOP */
283 | 
284 | 
285 | /* The rest of this file contains styles related to the mechanics of
286 |    the editor. You probably shouldn't touch them. */
287 | 
288 | .CodeMirror {
289 |     position: relative;
290 |     overflow: hidden;
291 |     background: white;
292 | }
293 | 
294 | .CodeMirror-scroll {
295 |     overflow: scroll !important;
296 |     /* Things will break if this is overridden */
297 |     /* 30px is the magic margin used to hide the element's real scrollbars */
298 |     /* See overflow: hidden in .CodeMirror */
299 |     margin-bottom: -30px;
300 |     margin-right: -30px;
301 |     padding-bottom: 30px;
302 |     height: 100%;
303 |     outline: none;
304 |     /* Prevent dragging from highlighting the element */
305 |     position: relative;
306 | }
307 | 
308 | .CodeMirror-sizer {
309 |     position: relative;
310 |     border-right: 30px solid transparent;
311 | }
312 | 
313 | 
314 | /* The fake, visible scrollbars. Used to force redraw during scrolling
315 |    before actual scrolling happens, thus preventing shaking and
316 |    flickering artifacts. */
317 | 
318 | .CodeMirror-vscrollbar,
319 | .CodeMirror-hscrollbar,
320 | .CodeMirror-scrollbar-filler,
321 | .CodeMirror-gutter-filler {
322 |     position: absolute;
323 |     z-index: 6;
324 |     display: none;
325 | }
326 | 
327 | .CodeMirror-vscrollbar {
328 |     right: 0;
329 |     top: 0;
330 |     overflow-x: hidden;
331 |     overflow-y: scroll;
332 | }
333 | 
334 | .CodeMirror-hscrollbar {
335 |     bottom: 0;
336 |     left: 0;
337 |     overflow-y: hidden;
338 |     overflow-x: scroll;
339 | }
340 | 
341 | .CodeMirror-scrollbar-filler {
342 |     right: 0;
343 |     bottom: 0;
344 | }
345 | 
346 | .CodeMirror-gutter-filler {
347 |     left: 0;
348 |     bottom: 0;
349 | }
350 | 
351 | .CodeMirror-gutters {
352 |     position: absolute;
353 |     left: 0;
354 |     top: 0;
355 |     min-height: 100%;
356 |     z-index: 3;
357 | }
358 | 
359 | .CodeMirror-gutter {
360 |     white-space: normal;
361 |     height: 100%;
362 |     display: inline-block;
363 |     vertical-align: top;
364 |     margin-bottom: -30px;
365 | }
366 | 
367 | .CodeMirror-gutter-wrapper {
368 |     position: absolute;
369 |     z-index: 4;
370 |     background: none !important;
371 |     border: none !important;
372 | }
373 | 
374 | .CodeMirror-gutter-background {
375 |     position: absolute;
376 |     top: 0;
377 |     bottom: 0;
378 |     z-index: 4;
379 | }
380 | 
381 | .CodeMirror-gutter-elt {
382 |     position: absolute;
383 |     cursor: default;
384 |     z-index: 4;
385 | }
386 | 
387 | .CodeMirror-gutter-wrapper {
388 |     -webkit-user-select: none;
389 |     -moz-user-select: none;
390 |     user-select: none;
391 | }
392 | 
393 | .CodeMirror-lines {
394 |     cursor: text;
395 |     min-height: 1px;
396 |     /* prevents collapsing before first draw */
397 | }
398 | 
399 | .CodeMirror pre {
400 |     /* Reset some styles that the rest of the page might have set */
401 |     -moz-border-radius: 0;
402 |     -webkit-border-radius: 0;
403 |     border-radius: 0;
404 |     border-width: 0;
405 |     background: transparent;
406 |     font-family: inherit;
407 |     font-size: inherit;
408 |     margin: 0;
409 |     white-space: pre;
410 |     word-wrap: normal;
411 |     line-height: inherit;
412 |     color: inherit;
413 |     z-index: 2;
414 |     position: relative;
415 |     overflow: visible;
416 |     -webkit-tap-highlight-color: transparent;
417 |     -webkit-font-variant-ligatures: contextual;
418 |     font-variant-ligatures: contextual;
419 | }
420 | 
421 | .CodeMirror-wrap pre {
422 |     word-wrap: break-word;
423 |     white-space: pre-wrap;
424 |     word-break: normal;
425 | }
426 | 
427 | .CodeMirror-linebackground {
428 |     position: absolute;
429 |     left: 0;
430 |     right: 0;
431 |     top: 0;
432 |     bottom: 0;
433 |     z-index: 0;
434 | }
435 | 
436 | .CodeMirror-linewidget {
437 |     position: relative;
438 |     z-index: 2;
439 |     overflow: auto;
440 | }
441 | 
442 | .CodeMirror-widget {}
443 | 
444 | .CodeMirror-code {
445 |     outline: none;
446 | }
447 | 
448 | 
449 | /* Force content-box sizing for the elements where we expect it */
450 | 
451 | .CodeMirror-scroll,
452 | .CodeMirror-sizer,
453 | .CodeMirror-gutter,
454 | .CodeMirror-gutters,
455 | .CodeMirror-linenumber {
456 |     -moz-box-sizing: content-box;
457 |     box-sizing: content-box;
458 | }
459 | 
460 | .CodeMirror-measure {
461 |     position: absolute;
462 |     width: 100%;
463 |     height: 0;
464 |     overflow: hidden;
465 |     visibility: hidden;
466 | }
467 | 
468 | .CodeMirror-cursor {
469 |     position: absolute;
470 |     pointer-events: none;
471 | }
472 | 
473 | .CodeMirror-measure pre {
474 |     position: static;
475 | }
476 | 
477 | div.CodeMirror-cursors {
478 |     visibility: hidden;
479 |     position: relative;
480 |     z-index: 3;
481 | }
482 | 
483 | div.CodeMirror-dragcursors {
484 |     visibility: visible;
485 | }
486 | 
487 | .CodeMirror-focused div.CodeMirror-cursors {
488 |     visibility: visible;
489 | }
490 | 
491 | .CodeMirror-selected {
492 |     background: #d9d9d9;
493 | }
494 | 
495 | .CodeMirror-focused .CodeMirror-selected {
496 |     background: #d7d4f0;
497 | }
498 | 
499 | .CodeMirror-crosshair {
500 |     cursor: crosshair;
501 | }
502 | 
503 | .CodeMirror-line::selection,
504 | .CodeMirror-line>span::selection,
505 | .CodeMirror-line>span>span::selection {
506 |     background: #d7d4f0;
507 | }
508 | 
509 | .CodeMirror-line::-moz-selection,
510 | .CodeMirror-line>span::-moz-selection,
511 | .CodeMirror-line>span>span::-moz-selection {
512 |     background: #d7d4f0;
513 | }
514 | 
515 | .cm-searching {
516 |     background: #ffa;
517 |     background: rgba(255, 255, 0, .4);
518 | }
519 | 
520 | 
521 | /* Used to force a border model for a node */
522 | 
523 | .cm-force-border {
524 |     padding-right: .1px;
525 | }
526 | 
527 | @media print {
528 |     /* Hide the cursor when printing */
529 |     .CodeMirror div.CodeMirror-cursors {
530 |         visibility: hidden;
531 |     }
532 | }
533 | 
534 | 
535 | /* See issue #2901 */
536 | 
537 | .cm-tab-wrap-hack:after {
538 |     content: '';
539 | }
540 | 
541 | 
542 | /* Help users use markselection to safely style text background */
543 | 
544 | span.CodeMirror-selectedtext {
545 |     background: none;
546 | }


--------------------------------------------------------------------------------
/public/css/metro-responsive.css:
--------------------------------------------------------------------------------
  1 | .flexbox {
  2 |   display: -webkit-flex;
  3 |   display: flex;
  4 | }
  5 | .flex-dir-row {
  6 |   -webkit-flex-direction: row;
  7 |           flex-direction: row;
  8 | }
  9 | .flex-dir-row-reverse {
 10 |   -webkit-flex-direction: row-reverse;
 11 |           flex-direction: row-reverse;
 12 | }
 13 | .flex-dir-column {
 14 |   -webkit-flex-direction: column;
 15 |           flex-direction: column;
 16 | }
 17 | .flex-dir-column-reverse {
 18 |   -webkit-flex-direction: column-reverse;
 19 |           flex-direction: column-reverse;
 20 | }
 21 | .flex-wrap {
 22 |   -webkit-flex-wrap: wrap;
 23 |           flex-wrap: wrap;
 24 | }
 25 | .flex-wrap-reverse {
 26 |   -webkit-flex-wrap: wrap-reverse;
 27 |           flex-wrap: wrap-reverse;
 28 | }
 29 | .flex-no-wrap {
 30 |   -webkit-flex-wrap: nowrap;
 31 |           flex-wrap: nowrap;
 32 | }
 33 | .flex-just-start {
 34 |   -webkit-justify-content: flex-start;
 35 |           justify-content: flex-start;
 36 | }
 37 | .flex-just-end {
 38 |   -webkit-justify-content: flex-end;
 39 |           justify-content: flex-end;
 40 | }
 41 | .flex-just-center {
 42 |   -webkit-justify-content: center;
 43 |           justify-content: center;
 44 | }
 45 | .flex-just-sa {
 46 |   -webkit-justify-content: space-around;
 47 |           justify-content: space-around;
 48 | }
 49 | .flex-just-sb {
 50 |   -webkit-justify-content: space-between;
 51 |           justify-content: space-between;
 52 | }
 53 | .flex-align-stretch {
 54 |   -webkit-align-items: stretch;
 55 |           align-items: stretch;
 56 | }
 57 | .flex-align-start {
 58 |   -webkit-align-items: flex-start;
 59 |           align-items: flex-start;
 60 | }
 61 | .flex-align-end {
 62 |   -webkit-align-items: flex-end;
 63 |           align-items: flex-end;
 64 | }
 65 | .flex-align-center {
 66 |   -webkit-align-items: center;
 67 |           align-items: center;
 68 | }
 69 | .flex-align-base {
 70 |   -webkit-align-items: baseline;
 71 |           align-items: baseline;
 72 | }
 73 | .flex-content-stretch {
 74 |   -webkit-align-content: stretch;
 75 |           align-content: stretch;
 76 | }
 77 | .flex-content-start {
 78 |   -webkit-align-content: flex-start;
 79 |           align-content: flex-start;
 80 | }
 81 | .flex-content-end {
 82 |   -webkit-align-content: flex-end;
 83 |           align-content: flex-end;
 84 | }
 85 | .flex-content-center {
 86 |   -webkit-align-content: center;
 87 |           align-content: center;
 88 | }
 89 | .flex-content-sb {
 90 |   -webkit-align-content: space-between;
 91 |           align-content: space-between;
 92 | }
 93 | .flex-content-sa {
 94 |   -webkit-align-content: space-around;
 95 |           align-content: space-around;
 96 | }
 97 | .flex-self-auto {
 98 |   -webkit-align-self: auto;
 99 |           align-self: auto;
100 | }
101 | .flex-self-start {
102 |   -webkit-align-self: flex-start;
103 |           align-self: flex-start;
104 | }
105 | .flex-self-end {
106 |   -webkit-align-self: flex-end;
107 |           align-self: flex-end;
108 | }
109 | .flex-self-center {
110 |   -webkit-align-self: center;
111 |           align-self: center;
112 | }
113 | .flex-self-base {
114 |   -webkit-align-self: baseline;
115 |           align-self: baseline;
116 | }
117 | .flex-self-stretch {
118 |   -webkit-align-self: stretch;
119 |           align-self: stretch;
120 | }
121 | .no-shrink {
122 |   -webkit-flex-shrink: 0 !important;
123 |           flex-shrink: 0 !important;
124 | }
125 | .no-grow {
126 |   -webkit-flex-grow: 0 !important;
127 |           flex-grow: 0 !important;
128 | }
129 | .flex-size-auto {
130 |   -webkit-flex: 1 auto;
131 |   flex: 1 auto;
132 | }
133 | .flex-size1 {
134 |   -webkit-flex-grow: 1;
135 |           flex-grow: 1;
136 | }
137 | .flex-size2 {
138 |   -webkit-flex-grow: 2;
139 |           flex-grow: 2;
140 | }
141 | .flex-size3 {
142 |   -webkit-flex-grow: 3;
143 |           flex-grow: 3;
144 | }
145 | .flex-size4 {
146 |   -webkit-flex-grow: 4;
147 |           flex-grow: 4;
148 | }
149 | .flex-size5 {
150 |   -webkit-flex-grow: 5;
151 |           flex-grow: 5;
152 | }
153 | .flex-size6 {
154 |   -webkit-flex-grow: 6;
155 |           flex-grow: 6;
156 | }
157 | .flex-size7 {
158 |   -webkit-flex-grow: 7;
159 |           flex-grow: 7;
160 | }
161 | .flex-size8 {
162 |   -webkit-flex-grow: 8;
163 |           flex-grow: 8;
164 | }
165 | .flex-size9 {
166 |   -webkit-flex-grow: 9;
167 |           flex-grow: 9;
168 | }
169 | .flex-size10 {
170 |   -webkit-flex-grow: 10;
171 |           flex-grow: 10;
172 | }
173 | .flex-size11 {
174 |   -webkit-flex-grow: 11;
175 |           flex-grow: 11;
176 | }
177 | .flex-size12 {
178 |   -webkit-flex-grow: 12;
179 |           flex-grow: 12;
180 | }
181 | .flex-size-p10 {
182 |   -webkit-flex: 0 0 10%;
183 |   flex: 0 0 10%;
184 | }
185 | .flex-size-p20 {
186 |   -webkit-flex: 0 0 20%;
187 |   flex: 0 0 20%;
188 | }
189 | .flex-size-p30 {
190 |   -webkit-flex: 0 0 30%;
191 |   flex: 0 0 30%;
192 | }
193 | .flex-size-p40 {
194 |   -webkit-flex: 0 0 40%;
195 |   flex: 0 0 40%;
196 | }
197 | .flex-size-p50 {
198 |   -webkit-flex: 0 0 50%;
199 |   flex: 0 0 50%;
200 | }
201 | .flex-size-p60 {
202 |   -webkit-flex: 0 0 60%;
203 |   flex: 0 0 60%;
204 | }
205 | .flex-size-p70 {
206 |   -webkit-flex: 0 0 70%;
207 |   flex: 0 0 70%;
208 | }
209 | .flex-size-p80 {
210 |   -webkit-flex: 0 0 80%;
211 |   flex: 0 0 80%;
212 | }
213 | .flex-size-p90 {
214 |   -webkit-flex: 0 0 90%;
215 |   flex: 0 0 90%;
216 | }
217 | .flex-size-p100 {
218 |   -webkit-flex: 0 0 100%;
219 |   flex: 0 0 100%;
220 | }
221 | .flex-size-x100 {
222 |   -webkit-flex: 0 0 100px;
223 |   flex: 0 0 100px;
224 | }
225 | .flex-size-x200 {
226 |   -webkit-flex: 0 0 200px;
227 |   flex: 0 0 200px;
228 | }
229 | .flex-size-x300 {
230 |   -webkit-flex: 0 0 300px;
231 |   flex: 0 0 300px;
232 | }
233 | .flex-size-x400 {
234 |   -webkit-flex: 0 0 400px;
235 |   flex: 0 0 400px;
236 | }
237 | .flex-size-x500 {
238 |   -webkit-flex: 0 0 500px;
239 |   flex: 0 0 500px;
240 | }
241 | .flex-size-x600 {
242 |   -webkit-flex: 0 0 600px;
243 |   flex: 0 0 600px;
244 | }
245 | .flex-size-x700 {
246 |   -webkit-flex: 0 0 700px;
247 |   flex: 0 0 700px;
248 | }
249 | .flex-size-x800 {
250 |   -webkit-flex: 0 0 800px;
251 |   flex: 0 0 800px;
252 | }
253 | .flex-size-x900 {
254 |   -webkit-flex: 0 0 900px;
255 |   flex: 0 0 900px;
256 | }
257 | .flex-size-x1000 {
258 |   -webkit-flex: 0 0 1000px;
259 |   flex: 0 0 1000px;
260 | }
261 | @media screen and (min-width: 1401px) {
262 |   html {
263 |     font-size: 120%;
264 |   }
265 | }
266 | @media screen and (max-width: 1400px) {
267 |   html {
268 |     font-size: 110%;
269 |   }
270 | }
271 | @media screen and (max-width: 1200px) {
272 |   html {
273 |     font-size: 100%;
274 |   }
275 | }
276 | @media screen and (max-width: 768px) {
277 |   html {
278 |     font-size: 100%;
279 |   }
280 | }
281 | @media screen and (max-width: 640px) {
282 |   html {
283 |     font-size: 90%;
284 |   }
285 | }
286 | @media screen and (max-width: 320px) {
287 |   html {
288 |     font-size: 80%;
289 |   }
290 | }
291 | @media screen and (max-width: 800px) {
292 |   h1,
293 |   h2,
294 |   h3,
295 |   h4,
296 |   h5,
297 |   h6,
298 |   p {
299 |     margin: .625rem;
300 |   }
301 | }
302 | @media screen and (min-width: 1401px) {
303 |   .container {
304 |     width: 1200px;
305 |   }
306 | }
307 | @media screen and (max-width: 992px) {
308 |   .container {
309 |     width: 100%;
310 |     padding: 10px;
311 |   }
312 | }
313 | @media screen and (max-width: 768px) {
314 |   .container {
315 |     width: 100%;
316 |     padding: 10px;
317 |   }
318 | }
319 | @media screen and (max-width: 640px) {
320 |   .container {
321 |     width: 100%;
322 |     padding: 10px;
323 |   }
324 | }
325 | @media screen and (max-width: 320px) {
326 |   .container {
327 |     width: 100%;
328 |     padding: 5px;
329 |   }
330 | }
331 | @media only screen and (max-width: 800px) {
332 |   .flex-grid .row {
333 |     -webkit-flex-wrap: wrap;
334 |             flex-wrap: wrap;
335 |   }
336 |   .flex-grid .row .cell,
337 |   .flex-grid .row .cell[class*=size] {
338 |     -webkit-flex: 0 0 50%;
339 |     flex: 0 0 50%;
340 |   }
341 |   .flex-grid .row .cell:nth-child(1):last-child,
342 |   .flex-grid .row .cell[class*=size]:nth-child(1):last-child,
343 |   .flex-grid .row .cell:nth-child(3):last-child,
344 |   .flex-grid .row .cell[class*=size]:nth-child(3):last-child,
345 |   .flex-grid .row .cell:nth-child(5):last-child,
346 |   .flex-grid .row .cell[class*=size]:nth-child(5):last-child,
347 |   .flex-grid .row .cell:nth-child(7):last-child,
348 |   .flex-grid .row .cell[class*=size]:nth-child(7):last-child,
349 |   .flex-grid .row .cell:nth-child(9):last-child,
350 |   .flex-grid .row .cell[class*=size]:nth-child(9):last-child,
351 |   .flex-grid .row .cell:nth-child(11):last-child,
352 |   .flex-grid .row .cell[class*=size]:nth-child(11):last-child {
353 |     -webkit-flex-basis: 100%;
354 |             flex-basis: 100%;
355 |   }
356 | }
357 | @media only screen and (max-width: 640px) {
358 |   .flex-grid .row {
359 |     -webkit-flex-direction: column;
360 |             flex-direction: column;
361 |   }
362 | }
363 | @media screen and (max-width: 800px) {
364 |   .grid .row,
365 |   .grid .row[class*=cells] {
366 |     margin: 0;
367 |   }
368 |   .grid .row > .cell,
369 |   .grid .row[class*=cells] > .cell,
370 |   .grid .row > .cell[class*=colspan],
371 |   .grid .row[class*=cells] > .cell[class*=colspan] {
372 |     width: 48.936175% ;
373 |     margin-bottom: 10px;
374 |   }
375 |   .grid .row > .cell:nth-child(odd),
376 |   .grid .row[class*=cells] > .cell:nth-child(odd),
377 |   .grid .row > .cell[class*=colspan]:nth-child(odd),
378 |   .grid .row[class*=cells] > .cell[class*=colspan]:nth-child(odd) {
379 |     margin-left: 0;
380 |   }
381 |   .grid .row > .cell:nth-child(1):last-child,
382 |   .grid .row[class*=cells] > .cell:nth-child(1):last-child,
383 |   .grid .row > .cell[class*=colspan]:nth-child(1):last-child,
384 |   .grid .row[class*=cells] > .cell[class*=colspan]:nth-child(1):last-child,
385 |   .grid .row > .cell:nth-child(3):last-child,
386 |   .grid .row[class*=cells] > .cell:nth-child(3):last-child,
387 |   .grid .row > .cell[class*=colspan]:nth-child(3):last-child,
388 |   .grid .row[class*=cells] > .cell[class*=colspan]:nth-child(3):last-child,
389 |   .grid .row > .cell:nth-child(5):last-child,
390 |   .grid .row[class*=cells] > .cell:nth-child(5):last-child,
391 |   .grid .row > .cell[class*=colspan]:nth-child(5):last-child,
392 |   .grid .row[class*=cells] > .cell[class*=colspan]:nth-child(5):last-child,
393 |   .grid .row > .cell:nth-child(7):last-child,
394 |   .grid .row[class*=cells] > .cell:nth-child(7):last-child,
395 |   .grid .row > .cell[class*=colspan]:nth-child(7):last-child,
396 |   .grid .row[class*=cells] > .cell[class*=colspan]:nth-child(7):last-child,
397 |   .grid .row > .cell:nth-child(9):last-child,
398 |   .grid .row[class*=cells] > .cell:nth-child(9):last-child,
399 |   .grid .row > .cell[class*=colspan]:nth-child(9):last-child,
400 |   .grid .row[class*=cells] > .cell[class*=colspan]:nth-child(9):last-child,
401 |   .grid .row > .cell:nth-child(11):last-child,
402 |   .grid .row[class*=cells] > .cell:nth-child(11):last-child,
403 |   .grid .row > .cell[class*=colspan]:nth-child(11):last-child,
404 |   .grid .row[class*=cells] > .cell[class*=colspan]:nth-child(11):last-child {
405 |     width: 100%;
406 |   }
407 | }
408 | @media screen and (max-width: 640px) {
409 |   .grid .row,
410 |   .grid .row[class*=cells] {
411 |     margin: 0;
412 |   }
413 |   .grid .row > .cell,
414 |   .grid .row[class*=cells] > .cell,
415 |   .grid .row > .cell[class*=colspan],
416 |   .grid .row[class*=cells] > .cell[class*=colspan] {
417 |     width: 100%;
418 |     margin: .3125rem 0;
419 |   }
420 | }
421 | @media screen and (max-width: 800px) {
422 |   .grid.condensed .row,
423 |   .grid.condensed .row[class*=cells] {
424 |     margin: 0;
425 |   }
426 |   .grid.condensed .row > .cell,
427 |   .grid.condensed .row[class*=cells] > .cell,
428 |   .grid.condensed .row > .cell[class*=colspan],
429 |   .grid.condensed .row[class*=cells] > .cell[class*=colspan] {
430 |     width: 50% ;
431 |     margin-bottom: 10px ;
432 |   }
433 |   .grid.condensed .row > .cell:nth-child(odd),
434 |   .grid.condensed .row[class*=cells] > .cell:nth-child(odd),
435 |   .grid.condensed .row > .cell[class*=colspan]:nth-child(odd),
436 |   .grid.condensed .row[class*=cells] > .cell[class*=colspan]:nth-child(odd) {
437 |     margin-left: 0;
438 |   }
439 |   .grid.condensed .row > .cell:nth-child(1):last-child,
440 |   .grid.condensed .row[class*=cells] > .cell:nth-child(1):last-child,
441 |   .grid.condensed .row > .cell[class*=colspan]:nth-child(1):last-child,
442 |   .grid.condensed .row[class*=cells] > .cell[class*=colspan]:nth-child(1):last-child,
443 |   .grid.condensed .row > .cell:nth-child(3):last-child,
444 |   .grid.condensed .row[class*=cells] > .cell:nth-child(3):last-child,
445 |   .grid.condensed .row > .cell[class*=colspan]:nth-child(3):last-child,
446 |   .grid.condensed .row[class*=cells] > .cell[class*=colspan]:nth-child(3):last-child,
447 |   .grid.condensed .row > .cell:nth-child(5):last-child,
448 |   .grid.condensed .row[class*=cells] > .cell:nth-child(5):last-child,
449 |   .grid.condensed .row > .cell[class*=colspan]:nth-child(5):last-child,
450 |   .grid.condensed .row[class*=cells] > .cell[class*=colspan]:nth-child(5):last-child,
451 |   .grid.condensed .row > .cell:nth-child(7):last-child,
452 |   .grid.condensed .row[class*=cells] > .cell:nth-child(7):last-child,
453 |   .grid.condensed .row > .cell[class*=colspan]:nth-child(7):last-child,
454 |   .grid.condensed .row[class*=cells] > .cell[class*=colspan]:nth-child(7):last-child,
455 |   .grid.condensed .row > .cell:nth-child(9):last-child,
456 |   .grid.condensed .row[class*=cells] > .cell:nth-child(9):last-child,
457 |   .grid.condensed .row > .cell[class*=colspan]:nth-child(9):last-child,
458 |   .grid.condensed .row[class*=cells] > .cell[class*=colspan]:nth-child(9):last-child,
459 |   .grid.condensed .row > .cell:nth-child(11):last-child,
460 |   .grid.condensed .row[class*=cells] > .cell:nth-child(11):last-child,
461 |   .grid.condensed .row > .cell[class*=colspan]:nth-child(11):last-child,
462 |   .grid.condensed .row[class*=cells] > .cell[class*=colspan]:nth-child(11):last-child {
463 |     width: 100%;
464 |   }
465 | }
466 | @media only screen and (max-width: 640px) {
467 |   .grid.condensed .row,
468 |   .grid.condensed .row[class*=cells] {
469 |     margin: 0;
470 |   }
471 |   .grid.condensed .row > .cell,
472 |   .grid.condensed .row[class*=cells] > .cell,
473 |   .grid.condensed .row > .cell[class*=colspan],
474 |   .grid.condensed .row[class*=cells] > .cell[class*=colspan] {
475 |     width: 100%;
476 |     margin: .3125rem 0;
477 |   }
478 | }
479 | @media only screen and (max-width: 640px) {
480 |   .f-menu {
481 |     -webkit-flex-direction: column;
482 |             flex-direction: column;
483 |   }
484 | }
485 | @media only screen and (max-width: 640px) {
486 |   .f-menu > li .d-menu {
487 |     position: relative;
488 |     box-shadow: none;
489 |     left: 0;
490 |   }
491 | }
492 | @media screen and (max-width: 800px) {
493 |   .sidebar {
494 |     width: 52px;
495 |   }
496 |   .sidebar li > a {
497 |     padding-right: 0;
498 |     padding-left: 0;
499 |     width: 52px !important;
500 |   }
501 |   .sidebar li > a > .title {
502 |     display: none ;
503 |   }
504 |   .sidebar li > a > .counter {
505 |     position: absolute;
506 |     top: 0;
507 |     right: 4px;
508 |   }
509 | }
510 | @media screen and (max-width: 320px) {
511 |   .wizard2 .step:before {
512 |     width: 16px;
513 |   }
514 | }
515 | @media screen and (max-width: 800px) {
516 |   .tile {
517 |     width: 120px;
518 |     height: 120px;
519 |   }
520 | }
521 | @media screen and (max-width: 800px) {
522 |   .tile.small-tile {
523 |     width: 56px;
524 |     height: 56px;
525 |   }
526 | }
527 | @media screen and (max-width: 800px) {
528 |   .tile.wide-tile {
529 |     width: 248px;
530 |     height: 120px;
531 |   }
532 | }
533 | @media screen and (max-width: 800px) {
534 |   .tile.wide-tile-v {
535 |     width: 120px;
536 |     height: 248px;
537 |   }
538 | }
539 | @media screen and (max-width: 800px) {
540 |   .tile.large-tile {
541 |     width: 248px;
542 |     height: 248px;
543 |   }
544 | }
545 | @media screen and (max-width: 800px) {
546 |   .tile.big-tile {
547 |     width: 376px;
548 |     height: 376px;
549 |   }
550 | }
551 | @media screen and (max-width: 800px) {
552 |   .tile.super-tile {
553 |     width: 504px;
554 |     height: 504px;
555 |   }
556 | }
557 | @media screen and (max-width: 800px) {
558 |   .tile-square {
559 |     width: 120px;
560 |     height: 120px;
561 |   }
562 | }
563 | @media screen and (max-width: 800px) {
564 |   .tile-small {
565 |     width: 56px;
566 |     height: 56px;
567 |   }
568 | }
569 | @media screen and (max-width: 800px) {
570 |   .tile-wide {
571 |     width: 248px;
572 |     height: 120px;
573 |   }
574 | }
575 | @media screen and (max-width: 800px) {
576 |   .tile-large {
577 |     width: 248px;
578 |     height: 248px;
579 |   }
580 | }
581 | @media screen and (max-width: 800px) {
582 |   .tile-big {
583 |     width: 376px;
584 |     height: 376px;
585 |   }
586 | }
587 | @media screen and (max-width: 800px) {
588 |   .tile-super {
589 |     width: 504px;
590 |     height: 504px;
591 |   }
592 | }
593 | @media screen and (max-width: 800px) {
594 |   .tile-small-x {
595 |     width: 56px;
596 |   }
597 | }
598 | @media screen and (max-width: 800px) {
599 |   .tile-square-x {
600 |     width: 120px;
601 |   }
602 | }
603 | @media screen and (max-width: 800px) {
604 |   .tile-wide-x {
605 |     width: 248px;
606 |   }
607 | }
608 | @media screen and (max-width: 800px) {
609 |   .tile-large-x {
610 |     width: 248px;
611 |   }
612 | }
613 | @media screen and (max-width: 800px) {
614 |   .tile-big-x {
615 |     width: 376px;
616 |   }
617 | }
618 | @media screen and (max-width: 800px) {
619 |   .tile-super-x {
620 |     width: 504px;
621 |   }
622 | }
623 | @media screen and (max-width: 800px) {
624 |   .tile-small-y {
625 |     height: 56px;
626 |   }
627 | }
628 | @media screen and (max-width: 800px) {
629 |   .tile-square-y {
630 |     height: 120px;
631 |   }
632 | }
633 | @media screen and (max-width: 800px) {
634 |   .tile-wide-y {
635 |     height: 248px;
636 |   }
637 | }
638 | @media screen and (max-width: 800px) {
639 |   .tile-large-y {
640 |     height: 248px;
641 |   }
642 | }
643 | @media screen and (max-width: 800px) {
644 |   .tile-big-y {
645 |     height: 376px;
646 |   }
647 | }
648 | @media screen and (max-width: 800px) {
649 |   .tile-super-y {
650 |     height: 504px;
651 |   }
652 | }
653 | @media screen and (max-width: 800px) {
654 |   .tile-content.iconic .icon {
655 |     width: 51.2px;
656 |     height: 51.2px;
657 |     margin-left: -25.6px;
658 |     margin-top: -32px;
659 |     font-size: 51.2px;
660 |   }
661 | }
662 | @media screen and (max-width: 800px) {
663 |   .tile-small .tile-content.iconic .icon {
664 |     font-size: 25.6px;
665 |     width: 25.6px;
666 |     height: 25.6px;
667 |     margin-left: -12.8px;
668 |     margin-top: -12.8px;
669 |   }
670 | }
671 | @media screen and (max-width: 640px) {
672 |   .tile-area {
673 |     width: 100% ;
674 |     padding: 0;
675 |   }
676 |   .tile-area .tile-area-title {
677 |     display: none;
678 |   }
679 |   .tile-area .tile-group {
680 |     margin: 0 ;
681 |     padding: 0 ;
682 |     float: none;
683 |   }
684 |   .tile-area .tile-group .tile-group-title {
685 |     display: none;
686 |   }
687 | }
688 | @media screen and (max-width: 640px) {
689 |   .tile-container {
690 |     width: 100% ;
691 |   }
692 | }
693 | @media screen and (max-width: 320px) {
694 |   .tile-big,
695 |   .tile.big-tile,
696 |   .tile-super,
697 |   .tile.super-tile {
698 |     width: 310px ;
699 |   }
700 | }
701 | @media screen and (max-width: 320px) {
702 |   .no-small-phone {
703 |     display: none !important;
704 |   }
705 | }
706 | @media screen and (max-width: 640px) {
707 |   .no-phone {
708 |     display: none !important;
709 |   }
710 | }
711 | @media screen and (max-width: 800px) {
712 |   .no-tablet {
713 |     display: none !important;
714 |   }
715 | }
716 | @media screen and (min-width: 801px) {
717 |   .no-pc {
718 |     display: none !important;
719 |   }
720 | }
721 | 


--------------------------------------------------------------------------------
/public/css/metro-responsive.min.css:
--------------------------------------------------------------------------------
1 | .flexbox{display:-webkit-flex;display:flex}.flex-dir-row{-webkit-flex-direction:row;flex-direction:row}.flex-dir-row-reverse{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.flex-dir-column{-webkit-flex-direction:column;flex-direction:column}.flex-dir-column-reverse{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.flex-wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}.flex-wrap-reverse{-webkit-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-no-wrap{-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.flex-just-start{-webkit-justify-content:flex-start;justify-content:flex-start}.flex-just-end{-webkit-justify-content:flex-end;justify-content:flex-end}.flex-just-center{-webkit-justify-content:center;justify-content:center}.flex-just-sa{-webkit-justify-content:space-around;justify-content:space-around}.flex-just-sb{-webkit-justify-content:space-between;justify-content:space-between}.flex-align-stretch{-webkit-align-items:stretch;align-items:stretch}.flex-align-start{-webkit-align-items:flex-start;align-items:flex-start}.flex-align-end{-webkit-align-items:flex-end;align-items:flex-end}.flex-align-center{-webkit-align-items:center;align-items:center}.flex-align-base{-webkit-align-items:baseline;align-items:baseline}.flex-content-stretch{-webkit-align-content:stretch;align-content:stretch}.flex-content-start{-webkit-align-content:flex-start;align-content:flex-start}.flex-content-end{-webkit-align-content:flex-end;align-content:flex-end}.flex-content-center{-webkit-align-content:center;align-content:center}.flex-content-sb{-webkit-align-content:space-between;align-content:space-between}.flex-content-sa{-webkit-align-content:space-around;align-content:space-around}.flex-self-auto{-webkit-align-self:auto;align-self:auto}.flex-self-start{-webkit-align-self:flex-start;align-self:flex-start}.flex-self-end{-webkit-align-self:flex-end;align-self:flex-end}.flex-self-center{-webkit-align-self:center;align-self:center}.flex-self-base{-webkit-align-self:baseline;align-self:baseline}.flex-self-stretch{-webkit-align-self:stretch;align-self:stretch}.no-shrink{-webkit-flex-shrink:0!important;flex-shrink:0!important}.no-grow{-webkit-flex-grow:0!important;flex-grow:0!important}.flex-size-auto{-webkit-flex:1 auto;flex:1 auto}.flex-size1{-webkit-flex-grow:1;flex-grow:1}.flex-size2{-webkit-flex-grow:2;flex-grow:2}.flex-size3{-webkit-flex-grow:3;flex-grow:3}.flex-size4{-webkit-flex-grow:4;flex-grow:4}.flex-size5{-webkit-flex-grow:5;flex-grow:5}.flex-size6{-webkit-flex-grow:6;flex-grow:6}.flex-size7{-webkit-flex-grow:7;flex-grow:7}.flex-size8{-webkit-flex-grow:8;flex-grow:8}.flex-size9{-webkit-flex-grow:9;flex-grow:9}.flex-size10{-webkit-flex-grow:10;flex-grow:10}.flex-size11{-webkit-flex-grow:11;flex-grow:11}.flex-size12{-webkit-flex-grow:12;flex-grow:12}.flex-size-p10{-webkit-flex:0 0 10%;flex:0 0 10%}.flex-size-p20{-webkit-flex:0 0 20%;flex:0 0 20%}.flex-size-p30{-webkit-flex:0 0 30%;flex:0 0 30%}.flex-size-p40{-webkit-flex:0 0 40%;flex:0 0 40%}.flex-size-p50{-webkit-flex:0 0 50%;flex:0 0 50%}.flex-size-p60{-webkit-flex:0 0 60%;flex:0 0 60%}.flex-size-p70{-webkit-flex:0 0 70%;flex:0 0 70%}.flex-size-p80{-webkit-flex:0 0 80%;flex:0 0 80%}.flex-size-p90{-webkit-flex:0 0 90%;flex:0 0 90%}.flex-size-p100{-webkit-flex:0 0 100%;flex:0 0 100%}.flex-size-x100{-webkit-flex:0 0 100px;flex:0 0 100px}.flex-size-x200{-webkit-flex:0 0 200px;flex:0 0 200px}.flex-size-x300{-webkit-flex:0 0 300px;flex:0 0 300px}.flex-size-x400{-webkit-flex:0 0 400px;flex:0 0 400px}.flex-size-x500{-webkit-flex:0 0 500px;flex:0 0 500px}.flex-size-x600{-webkit-flex:0 0 600px;flex:0 0 600px}.flex-size-x700{-webkit-flex:0 0 700px;flex:0 0 700px}.flex-size-x800{-webkit-flex:0 0 800px;flex:0 0 800px}.flex-size-x900{-webkit-flex:0 0 900px;flex:0 0 900px}.flex-size-x1000{-webkit-flex:0 0 1000px;flex:0 0 1000px}@media screen and (min-width:1401px){html{font-size:120%}}@media screen and (max-width:1400px){html{font-size:110%}}@media screen and (max-width:1200px){html{font-size:100%}}@media screen and (max-width:768px){html{font-size:100%}}@media screen and (max-width:640px){html{font-size:90%}}@media screen and (min-width:1401px){.container{width:1200px}}@media screen and (max-width:992px){.container{width:100%;padding:10px}}@media screen and (max-width:768px){.container{width:100%;padding:10px}}@media screen and (max-width:640px){.container{width:100%;padding:10px}}@media screen and (max-width:320px){html{font-size:80%}.container{width:100%;padding:5px}}@media only screen and (max-width:800px){.flex-grid .row{-webkit-flex-wrap:wrap;flex-wrap:wrap}.flex-grid .row .cell,.flex-grid .row .cell[class*=size]{-webkit-flex:0 0 50%;flex:0 0 50%}.flex-grid .row .cell:nth-child(1):last-child,.flex-grid .row .cell:nth-child(11):last-child,.flex-grid .row .cell:nth-child(3):last-child,.flex-grid .row .cell:nth-child(5):last-child,.flex-grid .row .cell:nth-child(7):last-child,.flex-grid .row .cell:nth-child(9):last-child,.flex-grid .row .cell[class*=size]:nth-child(1):last-child,.flex-grid .row .cell[class*=size]:nth-child(11):last-child,.flex-grid .row .cell[class*=size]:nth-child(3):last-child,.flex-grid .row .cell[class*=size]:nth-child(5):last-child,.flex-grid .row .cell[class*=size]:nth-child(7):last-child,.flex-grid .row .cell[class*=size]:nth-child(9):last-child{-webkit-flex-basis:100%;flex-basis:100%}}@media screen and (max-width:800px){h1,h2,h3,h4,h5,h6,p{margin:.625rem}.grid .row,.grid .row[class*=cells]{margin:0}.grid .row>.cell,.grid .row>.cell[class*=colspan],.grid .row[class*=cells]>.cell,.grid .row[class*=cells]>.cell[class*=colspan]{width:48.936175%;margin-bottom:10px}.grid .row>.cell:nth-child(odd),.grid .row>.cell[class*=colspan]:nth-child(odd),.grid .row[class*=cells]>.cell:nth-child(odd),.grid .row[class*=cells]>.cell[class*=colspan]:nth-child(odd){margin-left:0}.grid .row>.cell:nth-child(1):last-child,.grid .row>.cell:nth-child(11):last-child,.grid .row>.cell:nth-child(3):last-child,.grid .row>.cell:nth-child(5):last-child,.grid .row>.cell:nth-child(7):last-child,.grid .row>.cell:nth-child(9):last-child,.grid .row>.cell[class*=colspan]:nth-child(1):last-child,.grid .row>.cell[class*=colspan]:nth-child(11):last-child,.grid .row>.cell[class*=colspan]:nth-child(3):last-child,.grid .row>.cell[class*=colspan]:nth-child(5):last-child,.grid .row>.cell[class*=colspan]:nth-child(7):last-child,.grid .row>.cell[class*=colspan]:nth-child(9):last-child,.grid .row[class*=cells]>.cell:nth-child(1):last-child,.grid .row[class*=cells]>.cell:nth-child(11):last-child,.grid .row[class*=cells]>.cell:nth-child(3):last-child,.grid .row[class*=cells]>.cell:nth-child(5):last-child,.grid .row[class*=cells]>.cell:nth-child(7):last-child,.grid .row[class*=cells]>.cell:nth-child(9):last-child,.grid .row[class*=cells]>.cell[class*=colspan]:nth-child(1):last-child,.grid .row[class*=cells]>.cell[class*=colspan]:nth-child(11):last-child,.grid .row[class*=cells]>.cell[class*=colspan]:nth-child(3):last-child,.grid .row[class*=cells]>.cell[class*=colspan]:nth-child(5):last-child,.grid .row[class*=cells]>.cell[class*=colspan]:nth-child(7):last-child,.grid .row[class*=cells]>.cell[class*=colspan]:nth-child(9):last-child{width:100%}}@media screen and (max-width:640px){.grid .row,.grid .row[class*=cells]{margin:0}.grid .row>.cell,.grid .row>.cell[class*=colspan],.grid .row[class*=cells]>.cell,.grid .row[class*=cells]>.cell[class*=colspan]{width:100%;margin:.3125rem 0}}@media screen and (max-width:800px){.grid.condensed .row,.grid.condensed .row[class*=cells]{margin:0}.grid.condensed .row>.cell,.grid.condensed .row>.cell[class*=colspan],.grid.condensed .row[class*=cells]>.cell,.grid.condensed .row[class*=cells]>.cell[class*=colspan]{width:50%;margin-bottom:10px}.grid.condensed .row>.cell:nth-child(odd),.grid.condensed .row>.cell[class*=colspan]:nth-child(odd),.grid.condensed .row[class*=cells]>.cell:nth-child(odd),.grid.condensed .row[class*=cells]>.cell[class*=colspan]:nth-child(odd){margin-left:0}.grid.condensed .row>.cell:nth-child(1):last-child,.grid.condensed .row>.cell:nth-child(11):last-child,.grid.condensed .row>.cell:nth-child(3):last-child,.grid.condensed .row>.cell:nth-child(5):last-child,.grid.condensed .row>.cell:nth-child(7):last-child,.grid.condensed .row>.cell:nth-child(9):last-child,.grid.condensed .row>.cell[class*=colspan]:nth-child(1):last-child,.grid.condensed .row>.cell[class*=colspan]:nth-child(11):last-child,.grid.condensed .row>.cell[class*=colspan]:nth-child(3):last-child,.grid.condensed .row>.cell[class*=colspan]:nth-child(5):last-child,.grid.condensed .row>.cell[class*=colspan]:nth-child(7):last-child,.grid.condensed .row>.cell[class*=colspan]:nth-child(9):last-child,.grid.condensed .row[class*=cells]>.cell:nth-child(1):last-child,.grid.condensed .row[class*=cells]>.cell:nth-child(11):last-child,.grid.condensed .row[class*=cells]>.cell:nth-child(3):last-child,.grid.condensed .row[class*=cells]>.cell:nth-child(5):last-child,.grid.condensed .row[class*=cells]>.cell:nth-child(7):last-child,.grid.condensed .row[class*=cells]>.cell:nth-child(9):last-child,.grid.condensed .row[class*=cells]>.cell[class*=colspan]:nth-child(1):last-child,.grid.condensed .row[class*=cells]>.cell[class*=colspan]:nth-child(11):last-child,.grid.condensed .row[class*=cells]>.cell[class*=colspan]:nth-child(3):last-child,.grid.condensed .row[class*=cells]>.cell[class*=colspan]:nth-child(5):last-child,.grid.condensed .row[class*=cells]>.cell[class*=colspan]:nth-child(7):last-child,.grid.condensed .row[class*=cells]>.cell[class*=colspan]:nth-child(9):last-child{width:100%}}@media only screen and (max-width:640px){.flex-grid .row{-webkit-flex-direction:column;flex-direction:column}.grid.condensed .row,.grid.condensed .row[class*=cells]{margin:0}.grid.condensed .row>.cell,.grid.condensed .row>.cell[class*=colspan],.grid.condensed .row[class*=cells]>.cell,.grid.condensed .row[class*=cells]>.cell[class*=colspan]{width:100%;margin:.3125rem 0}.f-menu{-webkit-flex-direction:column;flex-direction:column}.f-menu>li .d-menu{position:relative;box-shadow:none;left:0}}@media screen and (max-width:800px){.sidebar{width:52px}.sidebar li>a{padding-right:0;padding-left:0;width:52px!important}.sidebar li>a>.title{display:none}.sidebar li>a>.counter{position:absolute;top:0;right:4px}}@media screen and (max-width:320px){.wizard2 .step:before{width:16px}}@media screen and (max-width:800px){.tile{width:120px;height:120px}.tile.small-tile{width:56px;height:56px}.tile.wide-tile{width:248px;height:120px}.tile.wide-tile-v{width:120px;height:248px}.tile.large-tile{width:248px;height:248px}.tile.big-tile{width:376px;height:376px}.tile.super-tile{width:504px;height:504px}.tile-square{width:120px;height:120px}.tile-small{width:56px;height:56px}.tile-wide{width:248px;height:120px}.tile-large{width:248px;height:248px}.tile-big{width:376px;height:376px}.tile-super{width:504px;height:504px}.tile-small-x{width:56px}.tile-square-x{width:120px}.tile-large-x,.tile-wide-x{width:248px}.tile-big-x{width:376px}.tile-super-x{width:504px}.tile-small-y{height:56px}.tile-square-y{height:120px}.tile-large-y,.tile-wide-y{height:248px}.tile-big-y{height:376px}.tile-super-y{height:504px}.tile-content.iconic .icon{width:51.2px;height:51.2px;margin-left:-25.6px;margin-top:-32px;font-size:51.2px}.tile-small .tile-content.iconic .icon{font-size:25.6px;width:25.6px;height:25.6px;margin-left:-12.8px;margin-top:-12.8px}}@media screen and (max-width:640px){.tile-area .tile-area-title,.tile-area .tile-group .tile-group-title{display:none}.tile-area{width:100%;padding:0}.tile-area .tile-group{margin:0;padding:0;float:none}.tile-container{width:100%}}@media screen and (max-width:320px){.tile-big,.tile-super,.tile.big-tile,.tile.super-tile{width:310px}.no-small-phone{display:none!important}}@media screen and (max-width:640px){.no-phone{display:none!important}}@media screen and (max-width:800px){.no-tablet{display:none!important}}@media screen and (min-width:801px){.no-pc{display:none!important}}


--------------------------------------------------------------------------------
/public/css/metro-rtl.css:
--------------------------------------------------------------------------------
  1 | *[dir=ltr] {
  2 |   direction: ltr;
  3 |   unicode-bidi: embed;
  4 | }
  5 | *[dir=rtl] {
  6 |   direction: rtl;
  7 |   unicode-bidi: embed;
  8 | }
  9 | bdo[dir=ltr] {
 10 |   direction: ltr;
 11 |   unicode-bidi: bidi-override;
 12 | }
 13 | bdo[dir=rtl] {
 14 |   direction: rtl;
 15 |   unicode-bidi: bidi-override;
 16 | }
 17 | *[dir=rtl] ul,
 18 | *[dir=rtl] ol,
 19 | ul[dir=rtl],
 20 | ol[dir=rtl] {
 21 |   margin-right: .3125rem;
 22 |   margin-left: 0;
 23 |   padding-right: .625rem;
 24 | }
 25 | *[dir=rtl] ul li ul,
 26 | *[dir=rtl] ol li ul,
 27 | ul[dir=rtl] li ul,
 28 | ol[dir=rtl] li ul,
 29 | *[dir=rtl] ul li ol,
 30 | *[dir=rtl] ol li ol,
 31 | ul[dir=rtl] li ol,
 32 | ol[dir=rtl] li ol {
 33 |   padding-right: 1.5625rem;
 34 |   padding-left: 0;
 35 | }
 36 | *[dir=rtl] dl dd,
 37 | dl[dir=rtl] dd {
 38 |   margin-right: .9375rem;
 39 |   margin-left: 0;
 40 | }
 41 | *[dir=rtl] dl.horizontal dt,
 42 | dl[dir=rtl].horizontal dt {
 43 |   float: right;
 44 |   width: 10rem;
 45 |   overflow: hidden;
 46 |   clear: left;
 47 |   text-align: right;
 48 |   text-overflow: ellipsis;
 49 |   white-space: nowrap;
 50 | }
 51 | *[dir=rtl] dl.horizontal dd,
 52 | dl[dir=rtl].horizontal dd {
 53 |   margin-right: 11.25rem;
 54 |   margin-left: 0;
 55 | }
 56 | *[dir=rtl] blockquote,
 57 | blockquote[dir=rtl] {
 58 |   margin: .625rem 0;
 59 |   padding: 0 .625rem 0 0;
 60 |   border-left: none;
 61 |   border-right: 0.25rem #999999 solid;
 62 | }
 63 | *[dir=rtl] .input-control.text .button,
 64 | .input-control[dir=rtl].text .button,
 65 | *[dir=rtl] .input-control.select .button,
 66 | .input-control[dir=rtl].select .button,
 67 | *[dir=rtl] .input-control.file .button,
 68 | .input-control[dir=rtl].file .button,
 69 | *[dir=rtl] .input-control.password .button,
 70 | .input-control[dir=rtl].password .button,
 71 | *[dir=rtl] .input-control.number .button,
 72 | .input-control[dir=rtl].number .button,
 73 | *[dir=rtl] .input-control.email .button,
 74 | .input-control[dir=rtl].email .button,
 75 | *[dir=rtl] .input-control.tel .button,
 76 | .input-control[dir=rtl].tel .button,
 77 | *[dir=rtl] .input-control.text .button-group,
 78 | .input-control[dir=rtl].text .button-group,
 79 | *[dir=rtl] .input-control.select .button-group,
 80 | .input-control[dir=rtl].select .button-group,
 81 | *[dir=rtl] .input-control.file .button-group,
 82 | .input-control[dir=rtl].file .button-group,
 83 | *[dir=rtl] .input-control.password .button-group,
 84 | .input-control[dir=rtl].password .button-group,
 85 | *[dir=rtl] .input-control.number .button-group,
 86 | .input-control[dir=rtl].number .button-group,
 87 | *[dir=rtl] .input-control.email .button-group,
 88 | .input-control[dir=rtl].email .button-group,
 89 | *[dir=rtl] .input-control.tel .button-group,
 90 | .input-control[dir=rtl].tel .button-group {
 91 |   right: auto;
 92 |   left: 0;
 93 | }
 94 | *[dir=rtl] .input-control.text .prepend-icon,
 95 | .input-control[dir=rtl].text .prepend-icon,
 96 | *[dir=rtl] .input-control.select .prepend-icon,
 97 | .input-control[dir=rtl].select .prepend-icon,
 98 | *[dir=rtl] .input-control.file .prepend-icon,
 99 | .input-control[dir=rtl].file .prepend-icon,
100 | *[dir=rtl] .input-control.password .prepend-icon,
101 | .input-control[dir=rtl].password .prepend-icon,
102 | *[dir=rtl] .input-control.number .prepend-icon,
103 | .input-control[dir=rtl].number .prepend-icon,
104 | *[dir=rtl] .input-control.email .prepend-icon,
105 | .input-control[dir=rtl].email .prepend-icon,
106 | *[dir=rtl] .input-control.tel .prepend-icon,
107 | .input-control[dir=rtl].tel .prepend-icon {
108 |   left: auto;
109 |   right: 4px;
110 | }
111 | *[dir=rtl] .input-control.text .prepend-icon ~ input,
112 | .input-control[dir=rtl].text .prepend-icon ~ input,
113 | *[dir=rtl] .input-control.select .prepend-icon ~ input,
114 | .input-control[dir=rtl].select .prepend-icon ~ input,
115 | *[dir=rtl] .input-control.file .prepend-icon ~ input,
116 | .input-control[dir=rtl].file .prepend-icon ~ input,
117 | *[dir=rtl] .input-control.password .prepend-icon ~ input,
118 | .input-control[dir=rtl].password .prepend-icon ~ input,
119 | *[dir=rtl] .input-control.number .prepend-icon ~ input,
120 | .input-control[dir=rtl].number .prepend-icon ~ input,
121 | *[dir=rtl] .input-control.email .prepend-icon ~ input,
122 | .input-control[dir=rtl].email .prepend-icon ~ input,
123 | *[dir=rtl] .input-control.tel .prepend-icon ~ input,
124 | .input-control[dir=rtl].tel .prepend-icon ~ input {
125 |   padding-left: 0;
126 |   padding-right: 30px;
127 | }
128 | *[dir=rtl] .grid .row > .cell {
129 |   float: right;
130 | }
131 | 


--------------------------------------------------------------------------------
/public/css/metro-rtl.min.css:
--------------------------------------------------------------------------------
1 | [dir=ltr],[dir=rtl]{unicode-bidi:embed}[dir=ltr],bdo[dir=ltr]{direction:ltr}bdo[dir=ltr],bdo[dir=rtl]{unicode-bidi:bidi-override}[dir=rtl]{direction:rtl}bdo[dir=rtl]{direction:rtl}[dir=rtl] ol,[dir=rtl] ul,ol[dir=rtl],ul[dir=rtl]{margin-right:.3125rem;margin-left:0;padding-right:.625rem}[dir=rtl] ol li ol,[dir=rtl] ol li ul,[dir=rtl] ul li ol,[dir=rtl] ul li ul,ol[dir=rtl] li ol,ol[dir=rtl] li ul,ul[dir=rtl] li ol,ul[dir=rtl] li ul{padding-right:1.5625rem;padding-left:0}[dir=rtl] dl dd,dl[dir=rtl] dd{margin-right:.9375rem;margin-left:0}[dir=rtl] dl.horizontal dt,dl[dir=rtl].horizontal dt{float:right;width:10rem;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}[dir=rtl] dl.horizontal dd,dl[dir=rtl].horizontal dd{margin-right:11.25rem;margin-left:0}[dir=rtl] blockquote,blockquote[dir=rtl]{margin:.625rem 0;padding:0 .625rem 0 0;border-left:none;border-right:.25rem #999 solid}.input-control[dir=rtl].email .button,.input-control[dir=rtl].email .button-group,.input-control[dir=rtl].file .button,.input-control[dir=rtl].file .button-group,.input-control[dir=rtl].number .button,.input-control[dir=rtl].number .button-group,.input-control[dir=rtl].password .button,.input-control[dir=rtl].password .button-group,.input-control[dir=rtl].select .button,.input-control[dir=rtl].select .button-group,.input-control[dir=rtl].tel .button,.input-control[dir=rtl].tel .button-group,.input-control[dir=rtl].text .button,.input-control[dir=rtl].text .button-group,[dir=rtl] .input-control.email .button,[dir=rtl] .input-control.email .button-group,[dir=rtl] .input-control.file .button,[dir=rtl] .input-control.file .button-group,[dir=rtl] .input-control.number .button,[dir=rtl] .input-control.number .button-group,[dir=rtl] .input-control.password .button,[dir=rtl] .input-control.password .button-group,[dir=rtl] .input-control.select .button,[dir=rtl] .input-control.select .button-group,[dir=rtl] .input-control.tel .button,[dir=rtl] .input-control.tel .button-group,[dir=rtl] .input-control.text .button,[dir=rtl] .input-control.text .button-group{right:auto;left:0}.input-control[dir=rtl].email .prepend-icon,.input-control[dir=rtl].file .prepend-icon,.input-control[dir=rtl].number .prepend-icon,.input-control[dir=rtl].password .prepend-icon,.input-control[dir=rtl].select .prepend-icon,.input-control[dir=rtl].tel .prepend-icon,.input-control[dir=rtl].text .prepend-icon,[dir=rtl] .input-control.email .prepend-icon,[dir=rtl] .input-control.file .prepend-icon,[dir=rtl] .input-control.number .prepend-icon,[dir=rtl] .input-control.password .prepend-icon,[dir=rtl] .input-control.select .prepend-icon,[dir=rtl] .input-control.tel .prepend-icon,[dir=rtl] .input-control.text .prepend-icon{left:auto;right:4px}.input-control[dir=rtl].email .prepend-icon~input,.input-control[dir=rtl].file .prepend-icon~input,.input-control[dir=rtl].number .prepend-icon~input,.input-control[dir=rtl].password .prepend-icon~input,.input-control[dir=rtl].select .prepend-icon~input,.input-control[dir=rtl].tel .prepend-icon~input,.input-control[dir=rtl].text .prepend-icon~input,[dir=rtl] .input-control.email .prepend-icon~input,[dir=rtl] .input-control.file .prepend-icon~input,[dir=rtl] .input-control.number .prepend-icon~input,[dir=rtl] .input-control.password .prepend-icon~input,[dir=rtl] .input-control.select .prepend-icon~input,[dir=rtl] .input-control.tel .prepend-icon~input,[dir=rtl] .input-control.text .prepend-icon~input{padding-left:0;padding-right:30px}[dir=rtl] .grid .row>.cell{float:right}


--------------------------------------------------------------------------------
/public/fonts/metro.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/open-dash/open-dash-diy/cdc286073bf8c3cb7a9fe2751af121e5641af3fb/public/fonts/metro.eot


--------------------------------------------------------------------------------
/public/fonts/metro.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/open-dash/open-dash-diy/cdc286073bf8c3cb7a9fe2751af121e5641af3fb/public/fonts/metro.ttf


--------------------------------------------------------------------------------
/public/fonts/metro.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/open-dash/open-dash-diy/cdc286073bf8c3cb7a9fe2751af121e5641af3fb/public/fonts/metro.woff


--------------------------------------------------------------------------------
/public/js/FileSaver.min.js:
--------------------------------------------------------------------------------
 1 | /*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js */
 2 | var saveAs = saveAs || function(e) {
 3 |     "use strict";
 4 |     if (typeof e === "undefined" || typeof navigator !== "undefined" && /MSIE [1-9]\./.test(navigator.userAgent)) { return }
 5 |     var t = e.document,
 6 |         n = function() { return e.URL || e.webkitURL || e },
 7 |         r = t.createElementNS("http://www.w3.org/1999/xhtml", "a"),
 8 |         o = "download" in r,
 9 |         a = function(e) {
10 |             var t = new MouseEvent("click");
11 |             e.dispatchEvent(t)
12 |         },
13 |         i = /constructor/i.test(e.HTMLElement) || e.safari,
14 |         f = /CriOS\/[\d]+/.test(navigator.userAgent),
15 |         u = function(t) {
16 |             (e.setImmediate || e.setTimeout)(function() { throw t }, 0)
17 |         },
18 |         s = "application/octet-stream",
19 |         d = 1e3 * 40,
20 |         c = function(e) {
21 |             var t = function() { if (typeof e === "string") { n().revokeObjectURL(e) } else { e.remove() } };
22 |             setTimeout(t, d)
23 |         },
24 |         l = function(e, t, n) { t = [].concat(t); var r = t.length; while (r--) { var o = e["on" + t[r]]; if (typeof o === "function") { try { o.call(e, n || e) } catch (a) { u(a) } } } },
25 |         p = function(e) { if (/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(e.type)) { return new Blob([String.fromCharCode(65279), e], { type: e.type }) } return e },
26 |         v = function(t, u, d) {
27 |             if (!d) { t = p(t) }
28 |             var v = this,
29 |                 w = t.type,
30 |                 m = w === s,
31 |                 y, h = function() { l(v, "writestart progress write writeend".split(" ")) },
32 |                 S = function() {
33 |                     if ((f || m && i) && e.FileReader) {
34 |                         var r = new FileReader;
35 |                         r.onloadend = function() {
36 |                             var t = f ? r.result : r.result.replace(/^data:[^;]*;/, "data:attachment/file;");
37 |                             var n = e.open(t, "_blank");
38 |                             if (!n) e.location.href = t;
39 |                             t = undefined;
40 |                             v.readyState = v.DONE;
41 |                             h()
42 |                         };
43 |                         r.readAsDataURL(t);
44 |                         v.readyState = v.INIT;
45 |                         return
46 |                     }
47 |                     if (!y) { y = n().createObjectURL(t) }
48 |                     if (m) { e.location.href = y } else { var o = e.open(y, "_blank"); if (!o) { e.location.href = y } }
49 |                     v.readyState = v.DONE;
50 |                     h();
51 |                     c(y)
52 |                 };
53 |             v.readyState = v.INIT;
54 |             if (o) {
55 |                 y = n().createObjectURL(t);
56 |                 setTimeout(function() {
57 |                     r.href = y;
58 |                     r.download = u;
59 |                     a(r);
60 |                     h();
61 |                     c(y);
62 |                     v.readyState = v.DONE
63 |                 });
64 |                 return
65 |             }
66 |             S()
67 |         },
68 |         w = v.prototype,
69 |         m = function(e, t, n) { return new v(e, t || e.name || "download", n) };
70 |     if (typeof navigator !== "undefined" && navigator.msSaveOrOpenBlob) { return function(e, t, n) { t = t || e.name || "download"; if (!n) { e = p(e) } return navigator.msSaveOrOpenBlob(e, t) } }
71 |     w.abort = function() {};
72 |     w.readyState = w.INIT = 0;
73 |     w.WRITING = 1;
74 |     w.DONE = 2;
75 |     w.error = w.onwritestart = w.onprogress = w.onwrite = w.onabort = w.onerror = w.onwriteend = null;
76 |     return m
77 | }(typeof self !== "undefined" && self || typeof window !== "undefined" && window || this.content);
78 | if (typeof module !== "undefined" && module.exports) { module.exports.saveAs = saveAs } else if (typeof define !== "undefined" && define !== null && define.amd !== null) { define("FileSaver.js", function() { return saveAs }) }


--------------------------------------------------------------------------------
/public/js/dashboard-device-edit.js:
--------------------------------------------------------------------------------
 1 | $(document).ready(function() {
 2 |     var x = $('#templateValue').text().replace("template: ", "").toLowerCase();
 3 |     //console.log(x);
 4 |     $('#template').val(x);
 5 |     if ($('#enabledValue').text() == "true") {
 6 |         $('#enabled').prop('checked', true);
 7 |     }
 8 | 
 9 |     $('#saveDashDevice').on("click", function() {
10 |         var data = {};
11 |         data.dashDevId = this.dataset.dashdevid;
12 |         data.id = this.dataset.id;
13 |         data.dashid = this.dataset.dashid;
14 |         data.name = $('#name').val();
15 |         data.enabled = $('#enabled').prop("checked");
16 |         data.order = $('#order').val();
17 |         data.template = $('#template').val();
18 |         //console.log(data);
19 | 
20 |         $.ajax({
21 |             type: 'POST',
22 |             url: '/api/dashboard/' + data.dashid + '/device/' + data.dashDevId + '/save',
23 |             dataType: 'json',
24 |             data: JSON.stringify(data),
25 |             contentType: 'application/json',
26 |             complete: function(data) {
27 |                 // do something
28 |                 $('#results').text("Successfully Saved");
29 |                 location.reload();
30 |             }
31 |         });
32 |     });
33 | });


--------------------------------------------------------------------------------
/public/js/dashboard-edit.js:
--------------------------------------------------------------------------------
  1 | var devices = [];
  2 | $(function() {
  3 |     $("#addBlankTile").on('click', function(e) {
  4 |         var id = this.dataset.id;
  5 |         var emptyDevice = {};
  6 |         emptyDevice.type = "blank";
  7 |         $.ajax({
  8 |             type: 'POST',
  9 |             url: '/api/dashboard/' + id + '/add',
 10 |             dataType: 'json',
 11 |             data: JSON.stringify(emptyDevice),
 12 |             contentType: 'application/json',
 13 |             complete: function(data) {
 14 |                 // do something
 15 |                 $('#results').text("Successfully Saved");
 16 |                 location.reload();
 17 |             }
 18 |         });
 19 |     });
 20 | 
 21 |     $("#saveDashboard").on('click', function(e) {
 22 |         var id = this.dataset.id;
 23 |         var css = $('#css').val();
 24 |         //alert($('#dashName').val());
 25 |         $.ajax({
 26 |             type: 'POST',
 27 |             url: '/api/dashboard/' + id + '/save',
 28 |             dataType: 'json',
 29 |             data: '{ "name": ' + JSON.stringify($('#dashName').val()) + ', "css" : ' + css + ' }',
 30 |             contentType: 'application/json',
 31 |             complete: function(data) {
 32 |                 // do something
 33 |                 $('#saveResults').html("Successfully Saved");
 34 |             }
 35 |         });
 36 |     });
 37 | 
 38 |     $("#addDashboardDevices").on('click', function(e) {
 39 |         var id = this.dataset.id;
 40 |         var dashboardDevices = [];
 41 |         $.each($('.deviceCheckbox'), function(key, value) {
 42 |             if (this.checked) {
 43 |                 dashboardDevices.push({ id: this.id.replace("cb_", ""), type: this.parentElement.parentElement.children[2].innerText, api: this.parentElement.parentElement.children[3].innerText });
 44 |             }
 45 |         });
 46 |         //alert(dashboardDevices);
 47 |         $.ajax({
 48 |             type: 'POST',
 49 |             url: '/api/dashboard/' + id + '/add',
 50 |             dataType: 'json',
 51 |             data: JSON.stringify(dashboardDevices),
 52 |             contentType: 'application/json',
 53 |             complete: function(data) {
 54 |                 // do something
 55 |                 $('#results').text("Successfully Saved");
 56 |                 location.reload();
 57 |             }
 58 |         });
 59 |     });
 60 | 
 61 |     $("#addCamera").on('click', function(e) {
 62 |         var id = this.dataset.id; //need to get dashboard id
 63 |         var camera = $('#cameras').val(); //should be 1
 64 |         //alert(camera);
 65 |         if (camera != "na") {
 66 |             $.ajax({
 67 |                 type: 'POST',
 68 |                 url: '/api/dashboard/' + id + '/addcamera',
 69 |                 dataType: 'json',
 70 |                 data: '{ "id": ' + JSON.stringify(camera) + ' }',
 71 |                 contentType: 'application/json',
 72 |                 complete: function(data) {
 73 |                     // do something
 74 |                     $('#results').text("Successfully Added");
 75 |                     location.reload();
 76 |                 }
 77 |             });
 78 |         } else {
 79 |             alert("Select a Camera First!");
 80 |         }
 81 |     });
 82 | 
 83 |     $("#removeDashboardDevices").on('click', function(e) {
 84 |         var id = this.dataset.id; //need to get dashboard id
 85 |         var dashboardDevices = []; //need to get selected ids of devices to add.
 86 |         $.each($('.dashboardCheckbox'), function(key, value) {
 87 |             if (this.checked) {
 88 |                 dashboardDevices.push(this.id.replace("cb_", ""));
 89 |             }
 90 |         });
 91 |         //alert(dashboardDevices);
 92 |         $.ajax({
 93 |             type: 'POST',
 94 |             url: '/api/dashboard/' + id + '/remove',
 95 |             dataType: 'json',
 96 |             data: JSON.stringify(dashboardDevices),
 97 |             contentType: 'application/json',
 98 |             complete: function(data) {
 99 |                 // do something
100 |                 $('#results').text("Successfully Saved");
101 |                 location.reload();
102 |             }
103 |         });
104 |     });
105 | });
106 | 
107 | $(document).ready(function() {
108 |     var cssId = $('#cssId').val();
109 |     $('#css').val(cssId);
110 | });
111 | 
112 | function toggle(source) {
113 |     checkboxes = document.getElementsByName('deviceCB');
114 |     checkboxes.forEach((cb) => { cb.checked = source.checked });
115 | }
116 | 
117 | function toggleDashboard(source) {
118 |     checkboxes = document.getElementsByName('dashboardCB');
119 |     checkboxes.forEach((cb) => { cb.checked = source.checked });
120 | }
121 | 
122 | $(document).ready(function() {
123 |     $.each($('.checkbox'), function(key, value) {
124 |         devices.push(this.id.replace("cb_", ""));
125 |     });
126 | });


--------------------------------------------------------------------------------
/public/js/dashboard.js:
--------------------------------------------------------------------------------
  1 | var tiles = [];
  2 | var devices = [];
  3 | 
  4 | $(document).ready(function() {
  5 |     //alert(value.id);
  6 | 
  7 |     var dashboard = $('#dashboard');
  8 |     $.getJSON('/api/dashboard/' + dashboard[0].dataset.id + '/devices', function(data, status) {
  9 |         devices = data.sort(function(a, b) {
 10 |             var sortStatus = 0;
 11 |             if (parseInt(a.order) < parseInt(b.order)) {
 12 |                 sortStatus = -1;
 13 |             } else if (parseInt(a.order) > parseInt(b.order)) {
 14 |                 sortStatus = 1;
 15 |             }
 16 | 
 17 |             return sortStatus;
 18 |         });
 19 |         //dashboard.html("");
 20 |         var i = 1;
 21 |         if (devices.length > 0) {
 22 |             devices.forEach(dev => {
 23 |                 dashboard.html("");
 24 |                 $.get('/device/' + dashboard[0].dataset.id + '/' + dev.id, function(data, status) {
 25 |                     if (status == "success") {
 26 |                         tiles.push({ "order": dev.order, "html": data });
 27 |                         finallyShowTiles(i);
 28 |                         i++;
 29 |                     }
 30 |                 });
 31 |             });
 32 |         }
 33 |     });
 34 | 
 35 |     //Add Right Menu options specific to dashboard view
 36 |     var dashMenu = $('<br/>Dashboard Options<br/><button class="button " style="width:100px;"><a href="#" onClick="showEdit();">Show Edit</a></button><br/><button class="button " style="width:100px;"><a href="#" onClick="hideEdit();">Hide Edit</a></button><br/>');
 37 |     $('#wrapper').find('.charm').append(dashMenu);
 38 | 
 39 | });
 40 | 
 41 | 
 42 | $(document.body).on('click', '.tile', function(e) {
 43 |     var id = this.dataset.id;
 44 |     console.log(id)
 45 |     console.log("target is: " + e.target.className);
 46 |     var action = $(this).find('.' + e.target.className);
 47 |     var actioncmd = action[0].dataset.action;
 48 |     var actiontoggle = action[0].dataset.command;
 49 |     var actionval = action.val();
 50 | 
 51 |     switch (actioncmd) {
 52 |         case "switch": //switch is clicked
 53 |             var currentVal = $(action).prop("checked");
 54 |             var cmd = "toggle";
 55 |             if (currentVal) {
 56 |                 cmd = "on";
 57 |             }
 58 |             if (!currentVal) {
 59 |                 cmd = "off";
 60 |             }
 61 |             console.log("cmd to send : " + cmd);
 62 |             $.getJSON('/api/smartthings/devices/' + id + "/" + cmd, function(data, status) {
 63 |                 var x = status;
 64 |             });
 65 |             break;
 66 |         case "setLevel": //setLevel cmd is changed
 67 |             console.log("setLevel to : " + actionval);
 68 |             $.getJSON('/api/smartthings/devices/' + id + "/" + actioncmd + "/" + actionval, function(data, status) {
 69 |                 var x = status;
 70 |             });
 71 |             break;
 72 |         case "routine":
 73 |             console.log("toggle routine");
 74 |             $.ajax({
 75 |                 type: 'POST',
 76 |                 url: '/api/smartthings/routines/send/' + id,
 77 |                 dataType: 'json',
 78 |                 //data: JSON.stringify(data),
 79 |                 contentType: 'application/json',
 80 |                 complete: function(data) {
 81 |                     // do something
 82 |                 }
 83 |             });
 84 |             break;
 85 |             //TODO: Insert other commands here, remember to set data-action="cmd name" in the object that holds the value and triggers the command.
 86 |         default:
 87 |             console.log("no matching data-action found, is it set in the template?");
 88 |             break;
 89 |     }
 90 | });
 91 | 
 92 | var showTiles = function() {
 93 |     var tiles = $(".tile, .tile-small, .tile-square, .tile-wide, .tile-large, .tile-big, .tile-super");
 94 | 
 95 |     $.each(tiles, function() {
 96 |         var tile = $(this);
 97 |         setTimeout(function() {
 98 |             tile.css({
 99 |                 opacity: .85,
100 |                 "-webkit-transform": "scale(1)",
101 |                 "transform": "scale(1)",
102 |                 "-webkit-transition": ".3s",
103 |                 "transition": ".3s"
104 |             });
105 |         }, Math.floor(Math.random() * 500));
106 |     });
107 | };
108 | 
109 | function sortByOrder(x, y) {
110 |     return ((x.order == y.order) ? 0 : ((x.order > y.order) ? 1 : -1));
111 | }
112 | 
113 | var finallyShowTiles = function(index) {
114 |     if (index >= devices.length) {
115 |         var sortedTiles = tiles.sort(sortByOrder);
116 |         sortedTiles.forEach(tile => {
117 |             $(dashboard).append(tile.html);
118 |         });
119 |         showTiles();
120 |     }
121 | }
122 | 
123 | function showEdit() {
124 |     //alert('do something');
125 |     var dashboard = $('#dashboard');
126 |     var tiles = $('#dashboard').find('.tile');
127 |     for (var tile in tiles) {
128 |         if (tile < tiles.length) {
129 |             var badge = $('<span class="tile-badge bg-darkGreen fg-white"><a href="/dashboards/' + dashboard[0].dataset.id + '/device/' + tiles[tile].id + '">Edit</a>')
130 |             $(tiles[tile]).append(badge);
131 |         }
132 |     };
133 | }
134 | 
135 | function hideEdit() {
136 |     //alert('do something');
137 |     var dashboard = $('#dashboard');
138 |     var tiles = $('#dashboard').find('.tile-badge').hide();
139 | }


--------------------------------------------------------------------------------
/public/js/dashboards.js:
--------------------------------------------------------------------------------
 1 | $(function() {
 2 |     $("#addDash").on('click', function(e) {
 3 |         var name = $('#newDashName').val();
 4 |         var dashName = '{ "name": "' + name + '" }';
 5 |         $.ajax({
 6 |             type: 'POST',
 7 |             url: '/api/dashboard/add',
 8 |             dataType: 'json',
 9 |             data: dashName,
10 |             contentType: 'application/json',
11 |             error: function(err) {
12 |                 //alert(err);
13 |             },
14 |             complete: function(data) {
15 |                 // do something
16 |                 $('#results').text("Successfully Saved");
17 |                 location.reload();
18 |             }
19 |         });
20 |     });
21 | 
22 | });
23 | 
24 | 
25 | $(document).ready(function() {
26 |     //alert("test");
27 | 
28 | });


--------------------------------------------------------------------------------
/public/js/dateTime.js:
--------------------------------------------------------------------------------
1 | $(document).ready(function() {
2 |     //alert("test");
3 |     setInterval(function() {
4 |         var thisDate = new Date();
5 |         $('#dateTime').html(thisDate.toDateString() + "<br/>" + thisDate.toTimeString().replace(" (", "<br/>("));
6 |     }, 1000);
7 | 
8 | });


--------------------------------------------------------------------------------
/public/js/global.js:
--------------------------------------------------------------------------------
 1 | (function() {
 2 |     var
 3 |         fullScreenApi = {
 4 |             supportsFullScreen: false,
 5 |             isFullScreen: function() { return false; },
 6 |             requestFullScreen: function() {},
 7 |             cancelFullScreen: function() {},
 8 |             fullScreenEventName: '',
 9 |             prefix: ''
10 |         },
11 |         browserPrefixes = 'webkit moz o ms khtml'.split(' ');
12 | 
13 |     // check for native support
14 |     if (typeof document.cancelFullScreen != 'undefined') {
15 |         fullScreenApi.supportsFullScreen = true;
16 |     } else {
17 |         // check for fullscreen support by vendor prefix
18 |         for (var i = 0, il = browserPrefixes.length; i < il; i++) {
19 |             fullScreenApi.prefix = browserPrefixes[i];
20 | 
21 |             if (typeof document[fullScreenApi.prefix + 'CancelFullScreen'] != 'undefined') {
22 |                 fullScreenApi.supportsFullScreen = true;
23 | 
24 |                 break;
25 |             }
26 |         }
27 |     }
28 | 
29 |     // update methods to do something useful
30 |     if (fullScreenApi.supportsFullScreen) {
31 |         fullScreenApi.fullScreenEventName = fullScreenApi.prefix + 'fullscreenchange';
32 | 
33 |         fullScreenApi.isFullScreen = function() {
34 |             switch (this.prefix) {
35 |                 case '':
36 |                     return document.fullScreen;
37 |                 case 'webkit':
38 |                     return document.webkitIsFullScreen;
39 |                 default:
40 |                     return document[this.prefix + 'FullScreen'];
41 |             }
42 |         }
43 |         fullScreenApi.requestFullScreen = function(el) {
44 |             return (this.prefix === '') ? el.requestFullScreen() : el[this.prefix + 'RequestFullScreen']();
45 |         }
46 |         fullScreenApi.cancelFullScreen = function(el) {
47 |             return (this.prefix === '') ? document.cancelFullScreen() : document[this.prefix + 'CancelFullScreen']();
48 |         }
49 |     }
50 | 
51 |     // jQuery plugin
52 |     if (typeof jQuery != 'undefined') {
53 |         jQuery.fn.requestFullScreen = function() {
54 | 
55 |             return this.each(function() {
56 |                 if (fullScreenApi.supportsFullScreen) {
57 |                     fullScreenApi.requestFullScreen(this);
58 |                 }
59 |             });
60 |         };
61 |     }
62 | 
63 |     // export api
64 |     window.fullScreenApi = fullScreenApi;
65 | })();
66 | 
67 | $(document).ready(function() {
68 |     $('#right-charm .button').on('click', function(e) {
69 |         //alert('button clicked');
70 |         if (e.target.textContent == "Toggle Fullscreen") {
71 |             var wrapper = document.getElementById('body');
72 |             if (!fullScreenApi.isFullScreen()) {
73 |                 if (fullScreenApi.supportsFullScreen) {
74 |                     window.fullScreenApi.requestFullScreen(wrapper);
75 |                 }
76 |             } else {
77 |                 fullScreenApi.cancelFullScreen(wrapper);
78 |             }
79 |         } else {
80 |             var url = "";
81 |             if ($(this).attr('href')) {
82 |                 url = $(this).attr('href');
83 |             } else {
84 |                 url = $(this).find('a').attr('href');
85 |             }
86 |             e.preventDefault();
87 |             window.location = url
88 |         }
89 |     });
90 | 
91 | });


--------------------------------------------------------------------------------
/public/js/importexport.js:
--------------------------------------------------------------------------------
 1 | $(document).ready(function() {
 2 | 
 3 | });
 4 | 
 5 | 
 6 | 
 7 | $("#btnImport").on('click', function(e) {
 8 | 
 9 | });
10 | 
11 | $("#btnExport").on('click', function(e) {
12 |     //get selected styles
13 |     var styleids = [];
14 |     $.each($('.styles'), function(key, value) {
15 |         if (this.checked) {
16 |             styleids.push(this.id.replace("cb_", ""));
17 |         }
18 |     });
19 |     //get selected templates
20 |     var tempids = [];
21 |     $.each($('.templates'), function(key, value) {
22 |         if (this.checked) {
23 |             tempids.push(this.id.replace("cb_", ""));
24 |         }
25 |     });
26 |     var exported = {};
27 | 
28 |     exported.styles = styleids;
29 |     exported.templates = tempids;
30 | 
31 |     $.ajax({
32 |         type: 'POST',
33 |         url: '/api/importexport/export',
34 |         dataType: 'json',
35 |         data: JSON.stringify(exported),
36 |         contentType: 'application/json',
37 |         complete: function(data) {
38 |             // do something
39 |             $('#results').text("Successfully Saved");
40 |             //location.reload();
41 |             var blob = new Blob([data.responseText], { type: "text/plain;charset=utf-8" });
42 |             saveAs(blob, "Open-Dash-Export.json");
43 |         }
44 |     });
45 | 
46 | });
47 | 
48 | 
49 | 
50 | function toggle(source) {
51 |     checkboxes = document.getElementsByName('styleCB');
52 |     checkboxes.forEach((cb) => { cb.checked = source.checked });
53 | }
54 | 
55 | function toggleTemplates(source) {
56 |     checkboxes = document.getElementsByName('templateCB');
57 |     checkboxes.forEach((cb) => { cb.checked = source.checked });
58 | }


--------------------------------------------------------------------------------
/public/js/settings.js:
--------------------------------------------------------------------------------
 1 | $(function() {
 2 |     $("#saveBtn").on('click', function(e) {
 3 |         var settings = '{ "token" : "' + $('#token').val() + '", "apiUrl" : "' + $('#apiUrl').val() + '", "clientId" : "' + $('#clientId').val() + '", "clientSecret" : "' + $('#clientSecret').val() + '", "port" : "' + $('#port').val() + '" }';
 4 |         $.ajax({
 5 |             type: 'POST',
 6 |             url: '/api/settings/save',
 7 |             dataType: 'json',
 8 |             data: settings,
 9 |             contentType: 'application/json',
10 |             complete: function(data) {
11 |                 // do something
12 |                 $('#results').text("Successfully Saved");
13 |                 location.reload();
14 |             }
15 |         });
16 |     });
17 | });
18 | 
19 | $(document).ready(function() {
20 |     if ($('#port').val() == "") {
21 |         $('#port').val("3000");
22 |     }
23 | });


--------------------------------------------------------------------------------
/public/js/smartthings.js:
--------------------------------------------------------------------------------
  1 | var devices;
  2 | var routines;
  3 | var locations;
  4 | var modes;
  5 | 
  6 | $(function() {
  7 |     $("#getDevices").on('click', function(e) {
  8 |         $('#loading').show();
  9 |         $('#deviceTable').empty();
 10 |         $.ajax({
 11 |             type: 'GET',
 12 |             url: '/api/smartthings/devices',
 13 |             success: function(data) {
 14 |                 $('#loading').hide();
 15 |                 $('#saveDevices').show();
 16 |                 devices = data;
 17 |                 var table = "<table class='table table-bordered table-condensed'><tr><th>Id</th><th>Display Name</th><th>Type</th> <th>Commands</th><th>Last Updated</th></tr>";
 18 |                 $.each(data, function(i, item) {
 19 |                     table += "<tr><td>" + data[i].id + "</td><td>" + data[i].name + "</td><td>" + data[i].type + "</td><td>" + JSON.stringify(data[i].commands) + "</td><td>" + data[i].date + "</td></tr>";
 20 |                 });
 21 |                 table += "</table>";
 22 |                 $('#devicelist').append(table);
 23 |             }
 24 |         });
 25 |     });
 26 | 
 27 |     $("#getRoutines").on('click', function(e) {
 28 |         $('#loadingRoutines').show();
 29 |         $('#routineTable').empty();
 30 |         $.ajax({
 31 |             type: 'GET',
 32 |             url: '/api/smartthings/routines',
 33 |             success: function(data) {
 34 |                 $('#loadingRoutines').hide();
 35 |                 $('#saveRoutines').show();
 36 |                 routines = data;
 37 |                 var table = "<table class='table table-bordered table-condensed'><tr><th>Label / Name</th><th>Id</th></tr>";
 38 |                 $.each(data, function(i, item) {
 39 |                     table += "<tr><td>" + data[i].label + "</td><td>" + data[i].id + "</td></tr>";
 40 |                 });
 41 |                 table += "</table>";
 42 |                 $('#routineTable').append(table);
 43 |             }
 44 |         });
 45 |     });
 46 | 
 47 |     $("#getLocations").on('click', function(e) {
 48 |         $('#loadingLocations').show();
 49 |         $('#locationsArea').empty();
 50 |         $.ajax({
 51 |             type: 'GET',
 52 |             url: '/api/smartthings/locations',
 53 |             success: function(data) {
 54 |                 $('#loadingLocations').hide();
 55 |                 $('#saveLocations').show();
 56 |                 locations = data;
 57 |                 var result = "";
 58 |                 for (var i in data) {
 59 |                     result += "<div>" + i + ": ";
 60 |                     if (i == "currentMode") {
 61 |                         for (var x in data[i]) {
 62 |                             result += "<div>" + x + ": " + data[i][x] + "</div>";
 63 |                         }
 64 |                     } else if (i == "hubs") {
 65 |                         data[i].forEach(hub => {
 66 |                             result += "<div>" + hub.id + "</div><div>" + hub.name + "</div>";
 67 |                         });
 68 |                     } else {
 69 |                         result += data[i] + "</div>";
 70 |                     }
 71 |                 }
 72 |                 $('#locationsArea').append(result);
 73 |             }
 74 |         });
 75 |     });
 76 | 
 77 |     $("#getModes").on('click', function(e) {
 78 |         $('#loadingModes').show();
 79 |         $('#modesArea').empty();
 80 |         $.ajax({
 81 |             type: 'GET',
 82 |             url: '/api/smartthings/modes',
 83 |             success: function(data) {
 84 |                 $('#loadingModes').hide();
 85 |                 $('#saveModes').show();
 86 |                 modes = data;
 87 |                 result = "";
 88 |                 data.forEach(mode => {
 89 |                     result += "<div>" + mode.id + " : " + mode.name + "</div>";
 90 |                 })
 91 |                 $('#modesArea').append(result);
 92 |             }
 93 |         });
 94 |     });
 95 | 
 96 | 
 97 | 
 98 |     $("#saveDevices").on('click', function(e) {
 99 |         $.ajax({
100 |             type: 'POST',
101 |             url: '/api/smartthings/devices/save',
102 |             dataType: 'json',
103 |             data: JSON.stringify(devices),
104 |             contentType: 'application/json',
105 |             complete: function(data) {
106 |                 // do something
107 |                 $('#results').text("Successfully Saved");
108 |                 //location.reload();
109 |             }
110 |         });
111 |     });
112 | 
113 |     $("#saveRoutines").on('click', function(e) {
114 |         $.ajax({
115 |             type: 'POST',
116 |             url: '/api/smartthings/routines/save',
117 |             dataType: 'json',
118 |             data: JSON.stringify(routines),
119 |             contentType: 'application/json',
120 |             complete: function(data) {
121 |                 // do something
122 |                 $('#results_routines').text("Successfully Saved");
123 |                 //location.reload();
124 |             }
125 |         });
126 |     });
127 | 
128 |     $("#saveLocations").on('click', function(e) {
129 |         $.ajax({
130 |             type: 'POST',
131 |             url: '/api/smartthings/locations/save',
132 |             dataType: 'json',
133 |             data: JSON.stringify(locations),
134 |             contentType: 'application/json',
135 |             complete: function(data) {
136 |                 // do something
137 |                 $('#results_locations').text("Successfully Saved");
138 |                 //location.reload();
139 |             }
140 |         });
141 |     });
142 | 
143 |     $("#saveModes").on('click', function(e) {
144 |         $.ajax({
145 |             type: 'POST',
146 |             url: '/api/smartthings/modes/save',
147 |             dataType: 'json',
148 |             data: JSON.stringify(modes),
149 |             contentType: 'application/json',
150 |             complete: function(data) {
151 |                 // do something
152 |                 $('#results_modes').text("Successfully Saved");
153 |                 //location.reload();
154 |             }
155 |         });
156 |     });
157 | });


--------------------------------------------------------------------------------
/public/js/styles.js:
--------------------------------------------------------------------------------
  1 |  var editor = CodeMirror.fromTextArea(document.getElementById("styleEditor"), { lineNumbers: true, lineWrapping: true });
  2 |  editor.setSize(800, 500);
  3 |  $(function() {
  4 |      $("#save").on('click', function(e) {
  5 |          e.preventDefault();
  6 |          var id = $("#id").val();
  7 |          if (id == "") {
  8 |              id = $('#tempMenu').fund('li').length
  9 |          }
 10 |          var name = $("#name").val();
 11 |          //var content = $('#styleEditor').val();
 12 |          var content = editor.getDoc().getValue();
 13 |          if (name == "") {
 14 |              alert('Please Enter A Name');
 15 |          } else {
 16 |              $.ajax({
 17 |                  type: 'POST',
 18 |                  url: '/api/styles/' + id + '/save',
 19 |                  dataType: 'json',
 20 |                  data: JSON.stringify({ "content": content, "name": name }),
 21 |                  contentType: 'application/json',
 22 |                  complete: function(data) {
 23 |                      // do something
 24 |                      $('#results').text("Successfully Saved");
 25 |                      //setInterval(function () {
 26 |                      //location.reload()
 27 |                      window.location = "/styles/" + id;
 28 |                      //}, 2000);
 29 |                  }
 30 |              });
 31 |          }
 32 |      });
 33 | 
 34 |      $("#name").on('click', function(e) {
 35 |          e.preventDefault();
 36 |      });
 37 | 
 38 |      $("#new").on('click', function(e) {
 39 |          //get count of templates + 1
 40 |          var id = $("#tempMenu").find("li").length;
 41 |          $("#id").val(id);
 42 |          var name = $("#name").val("");
 43 |          var content = $('#styleEditor').val("");
 44 |          window.location = "/styles";
 45 |      });
 46 | 
 47 |      $("#delete").on('click', function(e) {
 48 |          e.preventDefault();
 49 |          var id = $("#id").val();
 50 |          if (id != "") {
 51 |              $.ajax({
 52 |                  type: 'DELETE',
 53 |                  url: '/api/styles/' + id,
 54 |                  dataType: 'json',
 55 |                  data: JSON.stringify({ "id": id }),
 56 |                  contentType: 'application/json',
 57 |                  complete: function(data) {
 58 |                      // do something
 59 |                      $('#results').text("Successfully Deleted");
 60 |                      //setInterval(function() { location.reload() }, 2000);
 61 |                      window.location = "/styles";
 62 |                  }
 63 |              });
 64 |          }
 65 |      });
 66 | 
 67 |      /*$(".leaf").on('click', function(e) {
 68 |          var id = this.id.replace("temp_", "");
 69 |          var name = this.textContent;
 70 |          $.ajax({
 71 |              type: 'GET',
 72 |              url: '/api/styles/' + id + '',
 73 |              //dataType: 'json',
 74 |              //data: JSON.stringify(emptyDevice),
 75 |              //contentType: 'application/json',
 76 |              complete: function(data) {
 77 |                  //$('#styleEditor').val(data.responseText);
 78 |                  editor.getDoc().setValue(data.responseText);
 79 |                  $('#name').val(name);
 80 |                  $('#id').val(id);
 81 |                  if (id == "0") {
 82 |                      $('#name').prop('disabled', true);
 83 |                  } else {
 84 |                      $('#name').prop('disabled', false);
 85 |                  }
 86 |              }
 87 |          });
 88 |      });*/
 89 | 
 90 |  });
 91 | 
 92 |  $(document).ready(function() {
 93 |      var id = $('#id').val();
 94 |      if (id != "") {
 95 |          $.getJSON('/api/styles/' + id + '', function(data) {
 96 |              //$('#templateEditor').val(data.responseText);
 97 |              editor.getDoc().setValue(data.css);
 98 |              $('#name').val(data.name); //$('#id').val(id);
 99 |          });
100 |      }
101 |  });


--------------------------------------------------------------------------------
/public/js/templates.js:
--------------------------------------------------------------------------------
  1 |  var editor = CodeMirror.fromTextArea(document.getElementById("templateEditor"), { lineNumbers: true, lineWrapping: true });
  2 |  editor.setSize(800, 500);
  3 |  $(function() {
  4 |      $("#save").on('click', function(e) {
  5 |          e.preventDefault();
  6 |          var id = $("#id").val();
  7 |          if (id == "") {
  8 |              id = $('#tempMenu').find('li').length;
  9 |          }
 10 |          var name = $("#name").val();
 11 |          var content = editor.getDoc().getValue();
 12 |          if (name == "") {
 13 |              alert('Please Enter A Name');
 14 |          } else {
 15 |              $.ajax({
 16 |                  type: 'POST',
 17 |                  url: '/api/templates/' + id + '/save',
 18 |                  dataType: 'json',
 19 |                  data: JSON.stringify({ "content": content, "name": name }),
 20 |                  contentType: 'application/json',
 21 |                  complete: function(data) {
 22 |                      // do something
 23 |                      $('#results').text("Successfully Saved, refresh page to see changes");
 24 |                      //setInterval(function() { location.reload() }, 1000);
 25 |                      //Session.set("result", "Successfully Saved, refresh page to see changes");
 26 |                      //Session.set("tempId", id);
 27 |                      //setInterval(function () {
 28 |                      //location.reload();
 29 |                      //}, 2000);
 30 |                      window.location = "/templates/" + id;
 31 |                  }
 32 |              });
 33 |          }
 34 |      });
 35 | 
 36 |      $("#name").on('click', function(e) {
 37 |          e.preventDefault();
 38 |      });
 39 | 
 40 |      $("#new").on('click', function(e) {
 41 |          //e.preventDefault();
 42 |          //get count of templates + 1
 43 |          var id = $("#tempMenu").find("li").length;
 44 |          $("#id").val(id);
 45 |          var name = $("#name").val("");
 46 |          //var content = editor.getDoc().getValue();
 47 |          editor.getDoc().setValue("");
 48 |          var content = $('#templateEditor').val("");
 49 |          window.location = "/templates";
 50 |      });
 51 | 
 52 |      $("#delete").on('click', function(e) {
 53 |          e.preventDefault();
 54 |          var id = $("#id").val();
 55 |          if (id != "") {
 56 |              $.ajax({
 57 |                  type: 'DELETE',
 58 |                  url: '/api/templates/' + id,
 59 |                  dataType: 'json',
 60 |                  data: JSON.stringify({ "id": id }),
 61 |                  contentType: 'application/json',
 62 |                  complete: function(data) {
 63 |                      // do something
 64 |                      $('#results').text("Successfully Deleted, reload page to see changes");
 65 |                      //var results = "Successfully Deleted";
 66 |                      //Session.set(result, "Successfully Deleted");
 67 |                      //setInterval(function () {
 68 |                      //location.reload()
 69 |                      //}, 2000);
 70 |                      window.location = "/templates";
 71 |                  }
 72 |              });
 73 |          } else { alert("Can't delete an empty template"); }
 74 |      });
 75 | 
 76 |      /*$(".leaf").on('click', function(e) {
 77 |          var id = this.id.replace("temp_", "");
 78 |          var name = this.textContent;
 79 |          $.ajax({
 80 |              type: 'GET',
 81 |              url: '/api/templates/' + id + '',
 82 |              //dataType: 'json',
 83 |              //data: JSON.stringify(emptyDevice),
 84 |              //contentType: 'application/json',
 85 |              complete: function(data) {
 86 |                  //$('#templateEditor').val(data.responseText);
 87 |                  editor.getDoc().setValue(data.responseText);
 88 |                  $('#name').val(name);
 89 |                  $('#id').val(id);
 90 |              }
 91 |          });
 92 |      });*/
 93 | 
 94 |  });
 95 | 
 96 |  $(document).ready(function() {
 97 |      var id = $('#id').val();
 98 |      if (id != "") {
 99 |          $.getJSON('/api/templates/' + id + '', function(data) {
100 |              //$('#templateEditor').val(data.responseText);
101 |              editor.getDoc().setValue(data.css);
102 |              $('#name').val(data.name);
103 |              //$('#id').val(id);
104 | 
105 |          });
106 |      }
107 |  });


--------------------------------------------------------------------------------
/public/js/updates.js:
--------------------------------------------------------------------------------
 1 | $(document).ready(function() {
 2 |     //alert("test");
 3 |     processUpdates();
 4 | });
 5 | 
 6 | 
 7 | setInterval(function() {
 8 |         processUpdates();
 9 |     },
10 |     5200
11 | );
12 | 
13 | var getUpdates = function(callback) {
14 |     $.ajax({
15 |         type: 'GET',
16 |         url: '/updates',
17 |         json: true,
18 |         success: function(data) {
19 |             //TODO update devices
20 |             callback(null, data);
21 |         }
22 |     });
23 | };
24 | 
25 | var processUpdates = function() {
26 |     getUpdates(function(err, result) {
27 |         if (err) {
28 |             console.log('something went wrong');
29 |         } else {
30 |             //console.log(JSON.stringify(result));
31 |             for (i = 0; result.length > i; i++) {
32 |                 // var ii = parseInt(i);
33 |                 //var tile = $('#details_' + result[i].id);
34 |                 var tile = $(".tile").find("[data-id='" + result[i].id + "']").end();
35 |                 if (tile.length > 0) {
36 |                     for (x = 0; result[i].attributes.length > x; x++) {
37 |                         var attrib = result[i].attributes[x].name;
38 |                         var value = result[i].attributes[x].currentValue;
39 |                         $(tile).each(function() {
40 |                             if (this.dataset.id == result[i].id) {
41 |                                 var current = $(this).find("." + attrib).html();
42 | 
43 |                                 if (current && current != value) {
44 |                                     $(this).find("." + attrib).html(value).change();
45 |                                 }
46 |                             }
47 |                         });
48 |                     }
49 |                 }
50 |             }
51 |         }
52 |     });
53 | }


--------------------------------------------------------------------------------
/public/js/weather.js:
--------------------------------------------------------------------------------
 1 | $(document).ready(function() {
 2 |     //alert("test");
 3 |     $.ajax({
 4 |         type: 'GET',
 5 |         url: '/api/weather',
 6 |         success: function(data) {
 7 |             //console.log(weather);
 8 |             $('#weather1').html(data.weather);
 9 |             $('#weather2').html(data.temperature_string);
10 |             $('#weather3').html(data.display_location.full);
11 |         },
12 |         error: function(jqXHR, data, error) {
13 |             $('#weather1').html(data);
14 |             $('#weather2').html(error);
15 |             $.Notify({
16 |                 caption: 'Potential Problem Communicating with SmartThings',
17 |                 content: 'There was an error "' + error + '"',
18 |                 type: 'alert',
19 |                 keepOpen: true
20 |             });
21 |         }
22 |     });
23 | });


--------------------------------------------------------------------------------
/upgrade.js:
--------------------------------------------------------------------------------
 1 | var fs = require('fs');
 2 | var uuid = require('uuid');
 3 | console.log("backing up data/dashboards.json")
 4 | fs.writeFileSync('data/dashboards.bak', fs.readFileSync('data/dashboards.json'));
 5 | var obj = JSON.parse(fs.readFileSync('data/dashboards.json', 'utf8'));
 6 | for (var x in obj.dashboards) {
 7 |     var devices = obj.dashboards[x].devices;
 8 |     devices.forEach(d => {
 9 |         if (!d.api) {
10 |             d.api = "smartthings";
11 |         }
12 |         if (!d.dashDevId) {
13 |             d.dashDevId = uuid.v1();
14 |         }
15 |     })
16 | }
17 | 
18 | fs.writeFile('data/dashboards.json', JSON.stringify(obj), function(err) {
19 |     if (err) return console.error(err);
20 |     console.log('done upgrading');
21 | })


--------------------------------------------------------------------------------