Line 47... |
Line 47... |
47 |
<a class="nav-link" data-view="statistics" href="#">Statistics <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list-columns" viewBox="0 0 16 16">
|
47 |
<a class="nav-link" data-view="statistics" href="#">Statistics <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list-columns" viewBox="0 0 16 16">
|
48 |
<path fill-rule="evenodd" d="M0 .5A.5.5 0 0 1 .5 0h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 0 .5m13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m-13 2A.5.5 0 0 1 .5 2h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 1-.5-.5m13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m-13 2A.5.5 0 0 1 .5 4h10a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5m13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m-13 2A.5.5 0 0 1 .5 6h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m-13 2A.5.5 0 0 1 .5 8h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m-13 2a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m-13 2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m-13 2a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5m13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5"/>
|
48 |
<path fill-rule="evenodd" d="M0 .5A.5.5 0 0 1 .5 0h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 0 .5m13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m-13 2A.5.5 0 0 1 .5 2h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 1-.5-.5m13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m-13 2A.5.5 0 0 1 .5 4h10a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5m13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m-13 2A.5.5 0 0 1 .5 6h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m-13 2A.5.5 0 0 1 .5 8h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m-13 2a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m-13 2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m-13 2a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5m13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5"/>
|
49 |
</svg>
|
49 |
</svg>
|
50 |
</a>
|
50 |
</a>
|
51 |
</li>
|
51 |
</li>
|
52 |
<li role="presentation" class="nav-item">
|
- |
|
53 |
<a class="nav-link" data-view="config" href="#">Config ⚙️
|
- |
|
54 |
</a>
|
- |
|
55 |
</li>
|
- |
|
56 |
</ul>
|
52 |
</ul>
|
57 |
</header>
|
53 |
</header>
|
58 |
<div id="filterContainer" class="container-fluid tab-content">
|
54 |
<div id="filterContainer" class="container-fluid tab-content">
|
59 |
<form autocomplete="off">
|
55 |
<form autocomplete="off">
|
60 |
<div id="filter" class="filter row align-items-start bg-light border-bottom py-3" style="flex-direction: row">
|
56 |
<div id="filter" class="filter row align-items-start bg-light border-bottom py-3" style="flex-direction: row">
|
61 |
<div class="date_selection col-12 p-3 mb-4 border-bottom">
|
57 |
<div class="date_selection col-12 p-3 mb-4 border-bottom">
|
Line 92... |
Line 88... |
92 |
<path fill-rule="evenodd" d="M8 3c-1.552 0-2.94.707-3.857 1.818a.5.5 0 1 1-.771-.636A6.002 6.002 0 0 1 13.917 7H12.9A5 5 0 0 0 8 3M3.1 9a5.002 5.002 0 0 0 8.757 2.182.5.5 0 1 1 .771.636A6.002 6.002 0 0 1 2.083 9z"/>
|
88 |
<path fill-rule="evenodd" d="M8 3c-1.552 0-2.94.707-3.857 1.818a.5.5 0 1 1-.771-.636A6.002 6.002 0 0 1 13.917 7H12.9A5 5 0 0 0 8 3M3.1 9a5.002 5.002 0 0 0 8.757 2.182.5.5 0 1 1 .771.636A6.002 6.002 0 0 1 2.083 9z"/>
|
93 |
</svg></button>
|
89 |
</svg></button>
|
94 |
</div>
|
90 |
</div>
|
95 |
</div>
|
91 |
</div>
|
96 |
</div>
|
92 |
</div>
|
97 |
|
- |
|
98 |
<div class="d-none col-xs-6 col-sm-2" data-view="config">
|
- |
|
99 |
<ul>
|
- |
|
100 |
<li>
|
- |
|
101 |
Config <a href="../api/config">/api/config</a>
|
- |
|
102 |
</li>
|
- |
|
103 |
<li>
|
- |
|
104 |
Theme
|
- |
|
105 |
<a href="javascript:window.localStorage.setItem('theme', 'light')">Light</a>
|
- |
|
106 |
<a href="javascript:window.localStorage.setItem('theme', 'dark')">Dark</a>
|
- |
|
107 |
</li>
|
- |
|
108 |
|
- |
|
109 |
<script>
|
- |
|
110 |
var theme = window.localStorage.getItem("theme");
|
- |
|
111 |
var styleId = document.styleSheets.length - 1;
|
- |
|
112 |
var ruleId = 2;
|
- |
|
113 |
switch (theme)
|
- |
|
114 |
{
|
- |
|
115 |
case "light": document.styleSheets[styleId].rules[ruleId].style.filter="invert(0.0)"; break;;
|
- |
|
116 |
case "dark": document.styleSheets[styleId].rules[ruleId].style.filter="invert(0.9)"; break;;
|
- |
|
117 |
}
|
- |
|
118 |
</script>
|
- |
|
119 |
</div>
|
- |
|
120 |
|
- |
|
121 |
<div id="filterDisplay" class="d-none col-xs-6 col-sm-2" data-view="graphs">
|
93 |
<div id="filterDisplay" class="d-none col-xs-6 col-sm-2" data-view="graphs">
|
122 |
<p class="h6">Display</p>
|
94 |
<p class="h6">Display</p>
|
123 |
|
95 |
|
124 |
<div class="form-group">
|
96 |
<div class="form-group">
|
125 |
<select id="filterDisplaySelect" class="form-control form-select">
|
97 |
<select id="filterDisplaySelect" class="form-control form-select">
|