trigger.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>FIXME Control</title>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <link rel="stylesheet" href="bootstrap.min.css">
  9. <link rel="stylesheet" href="style.css">
  10. <link rel="shortcut icon" href="favicon.ico" />
  11. </head>
  12. <body>
  13. <div id="container">
  14. <h1><a href="?">FIXME Control</a></h1>
  15. <div class="row">
  16. <div class="col-md-5 block-status">
  17. <h2>Trigger status</h2>
  18. <div id="msg-block" class="lead"></div>
  19. <div id="open-block">
  20. <form name="hoursform" id="hoursform">
  21. <span id="btn-minus" class="glyphicon glyphicon-minus-sign"></span>
  22. <input id="hours" name="hours" size="2"
  23. class="form-control input-lg text-input" maxlength="2" value="1">
  24. <span id="btn-plus" class="glyphicon glyphicon-plus-sign"></span>
  25. <input type="button" value="Open"
  26. class="btn btn-default btn-lg" id="btn-open" disabled>
  27. </form>
  28. </div>
  29. <div id="close-block">
  30. <form>
  31. <input type="button" value="Close" class="btn btn-default" id="btn-close">
  32. <input type="button" value="Extend" class="btn btn-default" id="btn-extend">
  33. <p>The space is still open for:</p>
  34. <div class="numbers">
  35. <span class="number" id="hour">21</span>
  36. <span class="separator"></span>
  37. <span class="number" id="minute">45</span>
  38. <span class="separator"></span>
  39. <span class="number" id="second">38</span>
  40. </div>
  41. </form>
  42. </div>
  43. <div id="loading-block"><p>Loading ...</p></div>
  44. </div>
  45. <div class="col-md-7">
  46. <h2>LED Lights</h2>
  47. <div class="btn-group-lg">
  48. <input id="btn-red" class="btn btn-danger btn-red" type="button" value="RED">
  49. <input id="btn-green" class="btn btn-success" type="button" value="GREEN">
  50. <input id="btn-blue" class="btn btn-primary" type="button" value="BLUE">
  51. <input id="btn-police" class="btn btn-warning" type="button" value="Police!">
  52. <input id="btn-off" class="btn btn-default" type="button" value="OFF">
  53. <input id="btn-white" class="btn btn-default" type="button" value="ON">
  54. </div>
  55. <div id="breathBox">
  56. <h3 for="breathSlider">Breathing leds</h3>
  57. <input type="range" value=0 min=0 max=5000 step=10 id="breathSlider">
  58. <span id="breathValue">0 ms</span>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. <script src="jquery.min.js"></script>
  64. <script src="bootstrap.min.js"></script>
  65. <script src="konami.js"></script>
  66. <script src="main.js"></script>
  67. </body></html>