-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
1 lines (1 loc) · 5.72 KB
/
index.html
1
<!DOCTYPE html><html><head><meta charset="UTF-8"><meta content="width=device-width,initial-scale=1" name="viewport"><meta content="AkK15PCT/JQzZOG2MuAyNPO4fR1U0rtIhLAogFay1cDTMLL2ulyBPKWiTiGdPa5FIzAHDC2yC+7mF/YBe+tI0g8AAABaeyJvcmlnaW4iOiAiaHR0cHM6Ly92ZW5zaS5naXRodWIuaW86NDQzIiwgImZlYXR1cmUiOiAiV2ViQmx1ZXRvb3RoIiwgImV4cGlyeSI6IDE0NzMyNjQ4NDV9" http-equiv="origin-trial"><title>SensorTag</title><link href="styles/vendor.css" rel="stylesheet"><link href="styles/app.css" rel="stylesheet"></head><script src="scripts/vendor.js"></script><script src="scripts/app.js"></script><body class="thing" ng-app="sensortag"><div md-theme-watch="true" ng-controller="mainController as main"><md-input-container style="position: absolute; right: 0px; top: 0px" ng-show="sensortag.connected"><md-select aria-label="selectGraphType" ng-change="graphChange()" ng-model="graph" style="padding: 5px 2px 15px"><md-option value="Line Chart">Line Chart</md-option><md-option value="Pie Chart">Pie Chart</md-option><md-option value="No Graph">No Graph</md-option></md-select></md-input-container><div class="flex-100 layout-row layout-wrap" flex="100" layout="row" layout-wrap="" style="margin-top: 25px"><div class="flex-100 flex-gt-sm-50 layout-column" flex="100" layout="column" flex-gt-lg="25" flex-gt-md="33" flex-gt-sm="50"><div class="graph-padding"><md-input-container><label>Ambient Temperature</label><input ng-disabled="true" ng-model="ambTemp" style="color:black" type="text"></md-input-container><nvd3 data="ambTempData" ng-show="sensortag.connected && graph == 'Line Chart'" options="ambTempOptions" style="margin-left: -30px"></nvd3><nvd3 data="pieAmbTempData" ng-show="sensortag.connected && graph == 'Pie Chart'" options="pieOptions" style="margin-left: -30px"></nvd3></div></div><div class="flex-100 flex-gt-sm-50 layout-column" flex="100" layout="column" flex-gt-lg="25" flex-gt-md="33" flex-gt-sm="50"><div class="graph-padding"><md-input-container><label>Object Temperature</label><input ng-disabled="true" ng-model="objTemp" style="color:black" type="text"></md-input-container><nvd3 data="objTempData" ng-show="sensortag.connected && graph == 'Line Chart'" options="objTempOptions" style="margin-left: -30px"></nvd3><nvd3 data="pieObjTempData" ng-show="sensortag.connected && graph == 'Pie Chart'" options="pieOptions" style="margin-left: -30px"></nvd3></div></div><div class="flex-100 flex-gt-sm-50 layout-column" flex="100" layout="column" flex-gt-lg="25" flex-gt-md="33" flex-gt-sm="50"><div class="graph-padding"><md-input-container style="width:270px"><label>Accelerometer</label><input ng-disabled="true" ng-model="accelerometer" style="color:black" type="text"></md-input-container><nvd3 data="accelData" ng-show="sensortag.connected && accelData && graph != 'No Graph'" options="accelOptions" style="margin-left: -30px"></nvd3></div></div><div class="flex-100 flex-gt-sm-50 layout-column" flex="100" layout="column" flex-gt-lg="25" flex-gt-md="33" flex-gt-sm="50"><div class="graph-padding"><md-input-container style="width:270px"><label>Gyroscope</label><input ng-disabled="true" ng-model="gyroscope" style="color:black" type="text"></md-input-container><nvd3 data="gyroData" ng-show="sensortag.connected && gyroData && graph != 'No Graph'" options="gyroOptions" style="margin-left: -30px"></nvd3></div></div><div class="flex-100 flex-gt-sm-50 layout-column" flex="100" layout="column" flex-gt-lg="25" flex-gt-md="33" flex-gt-sm="50"><div class="graph-padding"><md-input-container style="width: 310px"><label>Magnetometer</label><input ng-disabled="true" ng-model="magnetometer" style="color:black" type="text"></md-input-container><nvd3 data="magnetoData" ng-show="sensortag.connected && magnetoData && graph != 'No Graph'" options="magnetoOptions" style="margin-left: -30px"></nvd3></div></div><div class="flex-100 flex-gt-sm-50 layout-column" flex="100" layout="column" flex-gt-lg="25" flex-gt-md="33" flex-gt-sm="50"><div class="graph-padding"><md-input-container><label>Barometer</label><input ng-disabled="true" ng-model="barometer" style="color:black" type="text"></md-input-container><nvd3 data="baroData" ng-show="sensortag.connected && baroData && graph == 'Line Chart'" options="baroOptions" style="margin-left: -30px"></nvd3><nvd3 data="pieBarometerData" ng-show="sensortag.connected && baroData && graph == 'Pie Chart'" options="pieOptions" style="margin-left: -30px"></nvd3></div></div><div class="flex-100 flex-gt-sm-50 layout-column" flex="100" layout="column" flex-gt-lg="25" flex-gt-md="33" flex-gt-sm="50"><div class="graph-padding"><md-input-container><label>Relative Humidity</label><input ng-disabled="true" ng-model="humidity" style="color:black" type="text"></md-input-container><nvd3 data="humidityData" ng-show="sensortag.connected && humidityData && graph == 'Line Chart'" options="humidityOptions" style="margin-left: -30px"></nvd3><nvd3 data="pieHumidityData" ng-show="sensortag.connected && humidityData && graph == 'Pie Chart'" options="pieOptions" style="margin-left: -30px"></nvd3></div></div><div class="flex-100 flex-gt-sm-50 layout-column" flex="100" layout="column" flex-gt-lg="25" flex-gt-md="33" flex-gt-sm="50" ng-show="sensortag.sensortag2"><div class="graph-padding"><md-input-container><label>Light Sensor</label><input ng-disabled="true" ng-model="light" style="color:black" type="text"></md-input-container><nvd3 data="lightData" ng-show="sensortag.connected && lightData && graph == 'Line Chart'" options="lightOptions" style="margin-left: -30px"></nvd3><nvd3 data="pieLightData" ng-show="sensortag.connected && lightData && graph == 'Pie Chart'" options="pieOptions" style="margin-left: -30px"></nvd3></div></div></div><div layout="row" layout-align="start start" ng-hide="sensortag.connected"><md-button class="connect-btn md-raised" ng-click="onConnect()">Connect</md-button></div></div></body></html>