mirror of
https://gitlab.silvrtree.co.uk/martind2000/SODashServer.git
synced 2025-01-11 04:25:08 +00:00
216 lines
8.9 KiB
HTML
216 lines
8.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Console</title>
|
|
<!-- build:fonts -->
|
|
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" type="text/css">
|
|
<link href='https://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
<!-- endbuild -->
|
|
<!-- build:css -->
|
|
<link href="css/mui.min.css" rel="stylesheet" type="text/css"/>
|
|
<link href="css/app.css" rel="stylesheet" type="text/css"/>
|
|
<!-- endbuild -->
|
|
<link rel="apple-touch-icon" sizes="57x57" href="/fav/apple-touch-icon-57x57.png">
|
|
<link rel="apple-touch-icon" sizes="60x60" href="/fav/apple-touch-icon-60x60.png">
|
|
<link rel="apple-touch-icon" sizes="72x72" href="/fav/apple-touch-icon-72x72.png">
|
|
<link rel="apple-touch-icon" sizes="76x76" href="/fav/apple-touch-icon-76x76.png">
|
|
<link rel="apple-touch-icon" sizes="114x114" href="/fav/apple-touch-icon-114x114.png">
|
|
<link rel="apple-touch-icon" sizes="120x120" href="/fav/apple-touch-icon-120x120.png">
|
|
<link rel="apple-touch-icon" sizes="144x144" href="/fav/apple-touch-icon-144x144.png">
|
|
<link rel="apple-touch-icon" sizes="152x152" href="/fav/apple-touch-icon-152x152.png">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/fav/apple-touch-icon-180x180.png">
|
|
<link rel="icon" type="image/png" href="/fav/favicon-32x32.png" sizes="32x32">
|
|
<link rel="icon" type="image/png" href="/fav/android-chrome-192x192.png" sizes="192x192">
|
|
<link rel="icon" type="image/png" href="/fav/favicon-96x96.png" sizes="96x96">
|
|
<link rel="icon" type="image/png" href="/fav/favicon-16x16.png" sizes="16x16">
|
|
<link rel="manifest" href="/fav/manifest.json">
|
|
<link rel="mask-icon" href="/fav/safari-pinned-tab.svg" color="#5bbad5">
|
|
<link rel="shortcut icon" href="/fav/favicon.ico">
|
|
<meta name="msapplication-TileColor" content="#da532c">
|
|
<meta name="msapplication-TileImage" content="/fav/mstile-144x144.png">
|
|
<meta name="msapplication-config" content="/fav/browserconfig.xml">
|
|
<meta name="theme-color" content="#00aeef">
|
|
</head>
|
|
<body>
|
|
<div id="iosTaskbar" style="height:25px;display:none;"></div>
|
|
<div class="mui-container">
|
|
<div class="mui-panel" id="noSocket" style="display: none;">
|
|
<div class="mui-row">
|
|
<div class="mui--text-body2 mui--text-center noConnection">Lost connection to server. Waiting for connection</div>
|
|
|
|
<div id='longWait' class="spinner" style="display: none;">
|
|
<div class="bounce1"></div>
|
|
<div class="bounce2"></div>
|
|
<div class="bounce3"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="mui-panel" id="clock">
|
|
<div class="mui-row">
|
|
<div class="mui-col-xs-4 ">
|
|
<div id="time" class="mui--text-center time">12:34</div>
|
|
</div>
|
|
<div class="mui-col-xs-4 item_content">
|
|
<div id="date" class="mui--text-center date">14 April<br>2016</div>
|
|
</div>
|
|
<div class="mui-col-xs-4 item_content">
|
|
<div id="weather" class="mui--text-center date"><div id="weatherIcon"><canvas id="icon1" width="210" height="210" style="max-width: 70px; max-height:70px"></canvas></div><div class="mui--text-center" id="weatherText"></div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mui-panel" id="calendar" style="display: none;">
|
|
<div class="mui-row">
|
|
<div class="mui-col-xs-4 mui--text-center"><span class="material-icons md-100"></span></div>
|
|
<div class="mui-col-xs-8 item_content">
|
|
<div class="mui-row ">
|
|
<div class="mui--text-title "><a class='title'
|
|
href="#">Meeting room</a>
|
|
</div>
|
|
</div>
|
|
<div class="mui-row">
|
|
<span id="caltext"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="mui-panel" id="front-light">
|
|
<div class="mui-row">
|
|
<div class="mui-col-xs-4 mui--text-center"><span class="material-icons md-100"></span></div>
|
|
<div class="mui-col-xs-4 item_content">
|
|
<div class="mui-row mui--text-center">
|
|
<div class="mui--text-title mui--text-center"><a class='title'
|
|
href="#">Front light</a>
|
|
</div>
|
|
</div>
|
|
<div class="mui-row mui--text-center">
|
|
<button id="frontLightOn"
|
|
class="mui-btn mui-btn--primary">On
|
|
</button>
|
|
<button id="frontLightOff" class="mui-btn mui-btn--danger"
|
|
style="display: none;">Off
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--<div class="mui-panel" id="middle-light">
|
|
<div class="mui-row">
|
|
<div class="mui-col-xs-4 mui--text-center"><i class="material-icons md-100"></i></div>
|
|
<div class="mui-col-xs-4 item_content">
|
|
<div class="mui-row">
|
|
<div class="mui--text-title mui--text-center"><a class='title'
|
|
href="#">Middle light</a>
|
|
</div>
|
|
</div>
|
|
<div class="mui-row mui--text-center">
|
|
<button id="middleLightOn"
|
|
class="mui-btn mui-btn--primary">On
|
|
</button>
|
|
<button id="middleLightOff" class="mui-btn mui-btn--danger"
|
|
style="display: none;">Off
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>-->
|
|
<div class="mui-panel" id="back-light">
|
|
<div class="mui-row">
|
|
<div class="mui-col-xs-4 mui--text-center"><i class="material-icons md-100"></i></div>
|
|
<div class="mui-col-xs-4 item_content">
|
|
<div class="mui-row">
|
|
<div class="mui--text-title mui--text-center"><a class='title' href="#">Back light</a>
|
|
</div>
|
|
</div>
|
|
<div class="mui-row mui--text-center">
|
|
<button id="backLightOn"
|
|
class="mui-btn mui-btn--primary">On
|
|
</button>
|
|
<button id="backLightOff" class="mui-btn mui-btn--danger"
|
|
style="display: none;">Off
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mui-panel" id="heating-panel">
|
|
<div class="mui-row">
|
|
<div class="mui-col-xs-4 mui--text-center"><i class="material-icons md-100"></i>
|
|
</div>
|
|
<div class="mui-col-xs-4 item_content">
|
|
<div class="mui-row">
|
|
<div class="mui--text-title mui--text-center"><a class='title' href="#">Fan</a>
|
|
</div>
|
|
</div>
|
|
<div class="mui-row mui--text-center">
|
|
<button id="heatingOn" class="mui-btn mui-btn--primary">On
|
|
</button>
|
|
<button id="heatingOff" class="mui-btn mui-btn--danger"
|
|
style="display: none;">Off
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="mui-col-xs-4 mui--text-center">
|
|
<div id="curTemp" class="temp"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mui-panel" id="projector-panel">
|
|
<div class="mui-row">
|
|
<div class="mui-col-xs-4 mui--text-center"><i class="material-icons md-100"></i></div>
|
|
<div class="mui-col-xs-4 item_content">
|
|
<div class="mui-row">
|
|
<div class="mui--text-title mui--text-center"><a class='title' href="#">Projector</a>
|
|
</div>
|
|
</div>
|
|
<div class="mui-row mui--text-center">
|
|
<button id="projectorOn" class="mui-btn mui-btn--primary">On
|
|
</button>
|
|
<button id="projectorOff" class="mui-btn mui-btn--danger"
|
|
style="display: none;">Off
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--<div class="mui-panel">
|
|
<div class="mui-row">
|
|
<div class="mui-col-md-3"><span id="lightR">---</span></div>
|
|
<div class="mui-col-md-3"><span id="lightG">---</span></div>
|
|
<div class="mui-col-md-3"><span id="lightB">---</span></div>
|
|
<div class="mui-col-md-3"><span id="lightW">---</span></div>
|
|
</div>
|
|
<div class="mui-row">
|
|
<div class="mui-col-md-3"><span id="projR">---</span></div>
|
|
<div class="mui-col-md-3"><span id="projG">---</span></div>
|
|
<div class="mui-col-md-3"><span id="projB">---</span></div>
|
|
<div class="mui-col-md-3"><span id="projW">---</span></div>
|
|
</div>
|
|
</div>-->
|
|
</div>
|
|
<script src="cordova.js"></script>
|
|
<!-- build:vendor -->
|
|
<script src="lib/mui.js"></script>
|
|
<script src="lib/jquery.js" integrity="sha256-laXWtGydpwqJ8JA+X9x2miwmaiKhn8tVmOVEigRNtP4=" crossorigin="anonymous"></script>
|
|
<script src="lib/chroma.js"></script>
|
|
<script src="lib/sugar-date.js"></script>
|
|
<script src="lib/skycons.js"></script>
|
|
<script src="lib/microevent.js"></script>
|
|
<!-- endbuild -->
|
|
|
|
<!-- build:js -->
|
|
<script src="js/sowebsocket.js"></script>
|
|
<script src="js/colours.js"></script>
|
|
<script src="js/appv2.js"></script>
|
|
|
|
</body>
|
|
<!-- endbuild -->
|
|
</html>
|