You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

99 lines
2.5 KiB

10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <link rel="shortcut icon" type="image/png" href="img/icon_16.png">
  7. <title data-i18n="dashboardPageName"></title>
  8. <style>
  9. body {
  10. margin: 0;
  11. border: 0;
  12. padding: 0;
  13. font: 15px sans-serif;
  14. position: relative;
  15. width: 100vw;
  16. height: 100vh;
  17. overflow: hidden;
  18. }
  19. #dashboard-nav {
  20. margin: 0;
  21. border: 0;
  22. padding: 0;
  23. position: absolute;
  24. top: 0;
  25. width: 100vw;
  26. height: 50px;
  27. z-index: 10;
  28. }
  29. #dashboard-nav-widgets {
  30. margin: 0;
  31. border-bottom: 1px solid #ccc;
  32. padding: 4px 0 0 0;
  33. white-space: nowrap;
  34. background-color: white;
  35. }
  36. #dashboard-nav-widgets span {
  37. padding: 0 0.5em;
  38. font-size: larger;
  39. }
  40. .tabButton {
  41. margin: 0;
  42. border: 1px solid #ccc;
  43. border-top-left-radius: 3px;
  44. border-top-right-radius: 3px;
  45. padding: 4px;
  46. display: inline-block;
  47. position: relative;
  48. top: 1px;
  49. color: black;
  50. background-color: #eee;
  51. font: inherit;
  52. cursor: pointer;
  53. text-decoration: none;
  54. }
  55. .tabButton:focus {
  56. outline: 0;
  57. }
  58. .tabButton:active,.tabButton:visited {
  59. color: inherited;
  60. }
  61. .tabButton.selected {
  62. border-bottom: 1px solid white;
  63. background-color: white;
  64. }
  65. iframe {
  66. margin: 0;
  67. border: 0;
  68. padding: 0;
  69. background-color: transparent;
  70. overflow: auto;
  71. position: absolute;
  72. top: 50px;
  73. width: 100%;
  74. height: calc(100% - 50px);
  75. }
  76. </style>
  77. <link href='css/common.css' rel='stylesheet' type='text/css'>
  78. </head>
  79. <body>
  80. <div id="dashboard-nav">
  81. <div id="dashboard-nav-widgets">
  82. <span>uMatrix</span>
  83. <a class="tabButton" id="settings" href="#settings" data-dashboard-panel-url="settings.html" data-i18n="settingsPageName"></a>
  84. <a class="tabButton" id="user-rules" href="#user-rules" data-dashboard-panel-url="user-rules.html" data-i18n="userRulesPageName"></a>
  85. <a class="tabButton" id="hosts-files" href="#hosts-files" data-dashboard-panel-url="hosts-files.html" data-i18n="ubiquitousRulesPageName"></a>
  86. <a class="tabButton" id="about" href="#about" data-dashboard-panel-url="about.html" data-i18n="aboutPageName"></a>
  87. </div>
  88. </div>
  89. <iframe src=""></iframe>
  90. <script src="js/vapi-common.js"></script>
  91. <script src="js/vapi-client.js"></script>
  92. <script src="js/udom.js"></script>
  93. <script src="js/i18n.js"></script>
  94. <script src="js/dashboard.js"></script>
  95. </body>
  96. </html>