SODashServer/app/index.html

216 lines
8.9 KiB
HTML
Raw Normal View History

2016-04-13 09:01:28 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
2016-04-20 13:48:48 +00:00
<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">
2016-04-13 09:01:28 +00:00
</head>
<body>
2016-04-20 13:48:48 +00:00
<div id="iosTaskbar" style="height:25px;display:none;"></div>
2016-04-13 09:01:28 +00:00
<div class="mui-container">
2016-04-20 13:48:48 +00:00
<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>
2016-04-13 09:01:28 +00:00
2016-04-20 13:48:48 +00:00
<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>
2016-04-13 09:01:28 +00:00
</div>
2016-04-20 13:48:48 +00:00
</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">&#xE616;</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>
2016-04-13 09:01:28 +00:00
2016-04-20 13:48:48 +00:00
<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">&#xE90F;</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">
2016-04-20 13:48:48 +00:00
<div class="mui-row">
<div class="mui-col-xs-4 mui&#45;&#45;text-center"><i class="material-icons md-100">&#xE90F;</i></div>
2016-04-20 13:48:48 +00:00
<div class="mui-col-xs-4 item_content">
2016-04-13 09:01:28 +00:00
<div class="mui-row">
<div class="mui&#45;&#45;text-title mui&#45;&#45;text-center"><a class='title'
2016-04-20 13:48:48 +00:00
href="#">Middle light</a>
</div>
2016-04-13 09:01:28 +00:00
</div>
<div class="mui-row mui&#45;&#45;text-center">
2016-04-20 13:48:48 +00:00
<button id="middleLightOn"
class="mui-btn mui-btn&#45;&#45;primary">On
2016-04-20 13:48:48 +00:00
</button>
<button id="middleLightOff" class="mui-btn mui-btn&#45;&#45;danger"
2016-04-20 13:48:48 +00:00
style="display: none;">Off
</button>
</div>
</div>
2016-04-13 09:01:28 +00:00
</div>
</div>-->
2016-04-20 13:48:48 +00:00
<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">&#xE90F;</i></div>
<div class="mui-col-xs-4 item_content">
2016-04-13 09:01:28 +00:00
<div class="mui-row">
2016-04-20 13:48:48 +00:00
<div class="mui--text-title mui--text-center"><a class='title' href="#">Back light</a>
</div>
2016-04-13 09:01:28 +00:00
</div>
2016-04-20 13:48:48 +00:00
<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>
2016-04-13 09:01:28 +00:00
</div>
2016-04-20 13:48:48 +00:00
</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">&#xE332;</i>
</div>
<div class="mui-col-xs-4 item_content">
2016-04-13 09:01:28 +00:00
<div class="mui-row">
2016-04-20 13:48:48 +00:00
<div class="mui--text-title mui--text-center"><a class='title' href="#">Fan</a>
</div>
2016-04-13 09:01:28 +00:00
</div>
2016-04-20 13:48:48 +00:00
<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">&#xE307;</i></div>
<div class="mui-col-xs-4 item_content">
2016-04-13 09:01:28 +00:00
<div class="mui-row">
2016-04-20 13:48:48 +00:00
<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>
2016-04-13 09:01:28 +00:00
</div>
2016-04-20 13:48:48 +00:00
</div>
2016-04-13 09:01:28 +00:00
</div>
2016-04-20 13:48:48 +00:00
</div>
<!--<div class="mui-panel">
<div class="mui-row">
<div class="mui-col-md-3"><span id="lightR">-&#45;&#45;</span></div>
<div class="mui-col-md-3"><span id="lightG">-&#45;&#45;</span></div>
<div class="mui-col-md-3"><span id="lightB">-&#45;&#45;</span></div>
<div class="mui-col-md-3"><span id="lightW">-&#45;&#45;</span></div>
</div>
<div class="mui-row">
<div class="mui-col-md-3"><span id="projR">-&#45;&#45;</span></div>
<div class="mui-col-md-3"><span id="projG">-&#45;&#45;</span></div>
<div class="mui-col-md-3"><span id="projB">-&#45;&#45;</span></div>
<div class="mui-col-md-3"><span id="projW">-&#45;&#45;</span></div>
</div>
</div>-->
2016-04-13 09:01:28 +00:00
</div>
2016-04-21 15:15:11 +00:00
<script src="cordova.js"></script>
2016-04-20 13:48:48 +00:00
<!-- 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>
2016-04-20 13:48:48 +00:00
<!-- endbuild -->
</html>