lab.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <!DOCTYPE html>
  2. <html ng-app="myappy">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
  6. <title>Lab</title>
  7. <script>
  8. if (typeof module === 'object') {
  9. window.module = module;
  10. module = undefined;
  11. }
  12. </script>
  13. <script type="text/javascript" src="assets/js/lib/jquery-3.1.1.min.js"></script>
  14. <script type="text/javascript" src="../node_modules/semantic-ui/dist/semantic.min.js"></script>
  15. <script type="text/javascript" src="../node_modules/angular/angular.js"></script>
  16. <script type="text/javascript" src="../node_modules/angular-route/angular-route.min.js"></script>
  17. <script type='text/javascript' src='assets/js/lib/ng-infinite-scroll.min.js'></script>
  18. <script type="text/javascript" src="assets/js/lib/leaflet.js"></script>
  19. <script type="text/javascript" src="assets/js/controllers/LabCtrl.js"></script>
  20. <!-- Insert this line after script imports -->
  21. <script>
  22. if (window.module) module = window.module;
  23. </script>
  24. <link rel="stylesheet" href="assets/css/mystyle.css">
  25. <link rel="stylesheet" href="../node_modules/semantic-ui/dist/semantic.min.css" />
  26. <link rel="stylesheet" href="assets/css/leaflet.css" />
  27. </head>
  28. <body ng-controller="LabCtrl" class="draggable">
  29. <div class="ui grid h80">
  30. <div class="row h10">
  31. <div class="sixteen wide column">
  32. <div class="ui inverted mini text labeled icon menu">
  33. <a class="item">
  34. <img src="assets/img/icon.png" /> </a>
  35. <div class="right menu notDraggable">
  36. <button class="ui circular red button" ng-click="close()" style="font-size: 6px;height: 17px"></button>
  37. </div>
  38. </div>
  39. </div>
  40. </div>
  41. <div class="row h15 notDraggable">
  42. <div class="sixteen wide column">
  43. <div class="ui mini borderless labeled icon fluid seven item menu">
  44. <a class="item" ng-click="goToPage('camera')">
  45. <i class="red photo icon"></i> Camera
  46. </a>
  47. <a class="item" ng-click="goToPage('fileManager')">
  48. <i class=" teal folder icon "></i> File Manager
  49. </a>
  50. <a class="item" ng-click="goToPage('mic')">
  51. <i class="blue unmute icon "></i> Mic
  52. </a>
  53. <a class="item " ng-click="goToPage('location')">
  54. <i class="violet marker icon "></i> Location
  55. </a>
  56. <a class="item " ng-click="goToPage('contacts')">
  57. <i class="purple users icon "></i> contacts
  58. </a>
  59. <a class="item " ng-click="goToPage('smsManager')">
  60. <i class="grey talk outline icon "></i> SMS
  61. </a>
  62. <a class="item " ng-click="goToPage('callsLogs')">
  63. <i class="black call icon "></i> Calls Logs
  64. </a>
  65. </div>
  66. </div>
  67. </div>
  68. <div class="row centered h75 notDraggable ">
  69. <div class="sixteen wide column">
  70. <div class="ui segment full">
  71. <div ng-view class="full">
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. <div class="ui bottom attached black message h20 notDraggable " id="logy" style="overflow: scroll;">
  78. <div ng-repeat="log in logs " class="log ">
  79. <div class="w30 " style="display: inline-block " ng-bind="log.date "></div>
  80. <div class="w65 " style="display: inline-block " ng-style="{ 'color':log.color} " ng-bind="log.msg "></div>
  81. </div>
  82. </div>
  83. </body>
  84. </html>