319 lines
12 KiB
Plaintext
319 lines
12 KiB
Plaintext
<!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.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 class="mui--no-user-select">
|
|
<div id="iosTaskbar" style="height:25px;display:none;"></div>
|
|
<div class="mui-container">
|
|
<div class="mui-panel" style="display: ;">
|
|
<div class="mui-row mui--text-center">
|
|
<img src="gfx/censis_logo_white.png">
|
|
|
|
</div>
|
|
</div>
|
|
<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="noDevice" style="display: none;">
|
|
<div class="mui-row">
|
|
<div
|
|
class="mui--text-body2 mui--text-center noConnection">We are having problems connecting to one or more of the devices. Please restart them and wait for them to reconnect.
|
|
</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="extender" style="display: none;">
|
|
<div class="mui-row">
|
|
<div class="mui-col-xs-12 mui--text-center">
|
|
<div class="mui--text-title ">
|
|
Extend meeting
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mui-row">
|
|
<div class="mui-col-xs-12 mui--text-center">
|
|
<button id="extend05" class="mui-btn mui-btn--fab">5</button>
|
|
<button id="extend10" class="mui-btn mui-btn--fab">10</button>
|
|
<button id="extend15" class="mui-btn mui-btn--fab">15</button>
|
|
<button id="extend30" class="mui-btn mui-btn--fab">30</button>
|
|
</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">
|
|
<div id="caltext"></div>
|
|
<div id="extendInfo" class="mui--text-subhead mui--text-accent"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="front-light" class="md-display">
|
|
<div class="mui-panel">
|
|
<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 lightOn">On
|
|
</button>
|
|
<button id="frontLightOff" class="mui-btn mui-btn--danger lightOff"
|
|
style="display: none;">Off
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="mui-col-xs-4 mui--text-center" id="auxFront"
|
|
style="display:none;">
|
|
<div>
|
|
<button class="mui-btn mui-btn--small mui-btn--accent lightUp"
|
|
id="frontUp">BRIGHTER
|
|
</button>
|
|
</div>
|
|
<div>
|
|
<button class="mui-btn mui-btn--small mui-btn--accent lightDown"
|
|
id="frontDown">DARKER
|
|
</button>
|
|
</div>
|
|
</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 lightOn">On
|
|
</button>
|
|
<button id="backLightOff" class="mui-btn mui-btn--danger lightOff"
|
|
style="display: none;">Off
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="mui-col-xs-4 mui--text-center" id="auxBack"
|
|
style="display: none;">
|
|
<div>
|
|
<button class="mui-btn mui-btn--small mui-btn--accent lightUp"
|
|
id="backUp">BRIGHTER
|
|
</button>
|
|
</div>
|
|
<div>
|
|
<button class="mui-btn mui-btn--small mui-btn--accent lightDown"
|
|
id="backDown">DARKER
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mui-panel" id="heating-panel" style="display: none ;">
|
|
<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" style="display:;">
|
|
<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 class="mui-col-xs-4 mui--text-center" id="auxProjector"
|
|
style="display:none;">
|
|
<div>
|
|
<button class="mui-btn mui-btn--small mui-btn--accent"
|
|
id="projectorHDMI">HDMI
|
|
</button>
|
|
</div>
|
|
<div>
|
|
<button class="mui-btn mui-btn--small mui-btn--accent"
|
|
id="projectorVGA">VGA
|
|
</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/underscore.js"></script>
|
|
<script src="lib/backbone.js"></script>
|
|
<!--<script src="lib/sugar-date.js"></script>-->
|
|
<script src="lib/sugar.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/modules/clock.js"></script>
|
|
<script src="js/parts/meetings.js"></script>
|
|
<script src="js/parts/lights.js"></script>
|
|
<script src="js/parts/projector.js"></script>
|
|
<script src="js/app.js"></script>
|
|
</body>
|
|
<!-- endbuild -->
|
|
</html>
|