sensortoy/platforms/ios/www/test.html

169 lines
6.0 KiB
HTML
Raw Normal View History

2016-05-20 16:10:40 +00:00
<html>
<head>
<!--
Customize this policy to fit your own app's needs. For more guidance, see:
https://github.com/apache/cordova-plugin-whitelist/blob/master/README.md#content-security-policy
Some notes:
* gap: is required only on iOS (when using UIWebView) and is needed for JS->native communication
* https://ssl.gstatic.com is required only on Android and is needed for TalkBack to function properly
* Disables use of inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:
* Enable inline JS: add 'unsafe-inline' to default-src
-->
<meta http-equiv="Content-Security-Policy"
content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport"
content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<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">
<title>Sensor Toy</title>
<script src="file:///android_asset/www/cordova_plugins.js"></script>
<script
src="file:///android_asset/www/plugins/cordova-plugin-ble-central/www/ble.js"></script>
</head>
<body>
<div id="app" class="mui-container">
<div class="mui-panel">
<button class="mui-btn mui-btn--primary" id="scan">Scan</button>
</div>
<table class="mui-table" id="results" style="display: none;">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>RSI</th>
</tr>
</thead>
<tbody id="tbody">
<tr id="C5857DA96046" class="clickRow">
<td>C5:85:7D:A9:60:46</td>
<td>EST</td>
<td>-95</td>
</tr>
<tr id="FA49B934F9B4" class="clickRow">
<td>FA:49:B9:34:F9:B4</td>
<td>Flex</td>
<td>-84</td>
</tr>
<tr id="D481CAE06DA6" class="clickRow">
<td>D4:81:CA:E0:6D:A6</td>
<td>*** Unknown</td>
<td>-61</td>
</tr>
<tr id="B0B448BE1787" class="clickRow">
<td>B0:B4:48:BE:17:87</td>
<td>CC2650 SensorTag</td>
<td>-58</td>
</tr>
<tr id="E2A6C6D55B5E" class="clickRow">
<td>E2:A6:C6:D5:5B:5E</td>
<td>jaalee</td>
<td>-64</td>
</tr>
<tr id="C8B4C678218F" class="clickRow">
<td>C8:B4:C6:78:21:8F</td>
<td>EST</td>
<td>-88</td>
</tr>
<tr id="C5019E466A82" class="clickRow">
<td>C5:01:9E:46:6A:82</td>
<td>EST</td>
<td>-89</td>
</tr>
</tbody>
</table>
</div>
<div id="frames" class="mui-container">
<div class="mui-panel" id="f-1w31tsbk562-gyro">
<div class="mui-row">
<div class="mui--text-title">Gyroscope - B0:B4:48:BE:17:87</div>
</div>
<div class="mui-row">
<div class="mui-col-xs-3 mui--text-accent">X</div>
<div class="mui-col-xs-3 mui--text-accent">Y</div>
<div class="mui-col-xs-3 mui--text-accent">Z</div>
</div>
<div class="mui-row">
<div class="mui-col-xs-3 mui--text-white"
id="f-1w31tsbk562-gyro-x">-0.19073
</div>
<div class="mui-col-xs-3 mui--text-white"
id="f-1w31tsbk562-gyro-y">-0.15259
</div>
<div class="mui-col-xs-3 mui--text-white"
id="f-1w31tsbk562-gyro-z">-0.07629
</div>
</div>
</div>
<div class="mui-panel" id="f-1w31tsbk562-accel">
<div class="mui-row">
<div class="mui-col-xs-12 mui--text-white mui--text-title">Accelerometer - B0:B4:48:BE:17:87</div>
</div>
<div class="mui-row">
<div class="mui-col-xs-3 mui--text-accent">X</div>
<div class="mui-col-xs-3 mui--text-accent">Y</div>
<div class="mui-col-xs-3 mui--text-accent">Z</div>
</div>
<div class="mui-row">
<div class="mui-col-xs-3 mui--text-white"
id="f-1w31tsbk562-accel-x">-0.00073
</div>
<div class="mui-col-xs-3 mui--text-white"
id="f-1w31tsbk562-accel-y">0.00153
</div>
<div class="mui-col-xs-3 mui--text-white"
id="f-1w31tsbk562-accel-z">-0.25513
</div>
</div>
</div>
<div class="mui-panel" id="f-1w31tsbk562-mag">
<div class="mui-row">
<div class="mui--text-title">Magnetometer - B0:B4:48:BE:17:87</div>
</div>
<div class="mui-row">
<div class="mui-col-xs-3 mui--text-accent">X</div>
<div class="mui-col-xs-3 mui--text-accent">Y</div>
<div class="mui-col-xs-3 mui--text-accent">Z</div>
</div>
<div class="mui-row">
<div class="mui-col-xs-3 mui--text-white" id="f-1w31tsbk562-mag-x">-12
</div>
<div class="mui-col-xs-3 mui--text-white" id="f-1w31tsbk562-mag-y">25
</div>
<div class="mui-col-xs-3 mui--text-white" id="f-1w31tsbk562-mag-z">-4180
</div>
</div>
</div>
<div class="mui-panel" id="f-fcgnr6zzsw">
<div class="mui-row">
<div class="mui--text-title">Button - B0:B4:48:BE:17:87</div>
</div>
<div class="mui-row">
<div class="mui-col-xs-4 mui--text-accent">Status:</div>
<div class="mui-col-xs-8 mui--text-white" id="f-fcgnr6zzsw-d"></div>
</div>
</div>
</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="libs/jquery/dist/jquery.js"></script>
<script type="text/javascript"
src="libs/bluebird/js/browser/bluebird.js"></script>
<script type="text/javascript" src="js/standards/capability.js"></script>
<script type="text/javascript" src="js/standards/battery.js"></script>
<script type="text/javascript" src="js/standards/button.js"></script>
<script type="text/javascript"
src="js/device/CC2650/cc2650_accelerometer.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>