index.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="format-detection" content="telephone=no" />
  6. <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, target-densitydpi=device-dpi" />
  7. <link rel="stylesheet" type="text/css" href="css/index.css" />
  8. <title>RoboSmart</title>
  9. </head>
  10. <body>
  11. <div class="app">
  12. <h1>RoboSmart</h1>
  13. <div id="mainPage">
  14. <ul id="deviceList">
  15. </ul>
  16. <button id="refreshButton">Refresh</button>
  17. </div>
  18. <div id="detailPage">
  19. <!-- Topcoat Switch would look nicer http://topcoat.io/topcoat/topcoat-mobile-light.html#switch -->
  20. <div>
  21. <input type="checkbox" id="lightSwitch" name="lightSwitch" class="switch" />
  22. <label for="lightSwitch">Switch</label>
  23. </div>
  24. <div class="rangeDiv">
  25. <input type="range" min="0" max="255" value="0" name="dimmer" id="dimmer" class="topcoat-range"/>
  26. </div>
  27. <button id="disconnectButton">Disconnect</button>
  28. </div>
  29. </div>
  30. <script type="text/javascript" src="cordova.js"></script>
  31. <script type="text/javascript" src="js/index.js"></script>
  32. <script type="text/javascript">
  33. app.initialize();
  34. </script>
  35. </body>
  36. </html>