Add files via upload

preparation to display battery consumption under statistics. The function get_battery_status still needs to be implemented
kercre123 · Apr 17, 2024 · 30dd7e5 · 30dd7e5
1 parent 398fe0d
commit 30dd7e5
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/chipper/webroot/sdkapp/settings.html b/chipper/webroot/sdkapp/settings.html
@@ -20,7 +20,7 @@ <h1 class="center">Vector configuration</h1>
         <div class="main-nav-child"><a href="#" onclick="showSection('section-face'); return false;"><i class="fa-solid fa-user" id="icon-face" name="icon"></i><br/>Face Manager</a></div>
         <div class="main-nav-child"><a href="#" onclick="showSection('section-actions'); return false;"><i class="fa-solid fa-person-running" id="icon-actions" name="icon"></i><br/>Quick Actions</a></div>
         <div class="main-nav-child"><a href="#" onclick="showSection('section-stim'); return false;"><i class="fa-solid fa-face-laugh-beam" id="icon-stim" name="icon"></i><br/>Stimulation</a></div>
-        <div class="main-nav-child"><a href="#" onclick="showSection('section-stats'); return false;"><i class="fa-solid fa-chart-simple" id="icon-stim" name="icon"></i><br/>Statistics</a></div>
+        <div class="main-nav-child"><a href="#" onclick="showSection('section-stats'); return false;"><i class="fa-solid fa-chart-simple" id="icon-stats" name="icon"></i><br/>Statistics</a></div>
         <div class="main-nav-child"><a href="#" onclick="showSection('section-photos'); getPhotos(); return false;"><i class="fa-solid fa-images" id="icon-photos" name="icon"></i><br/>Photos</a></div>
         <div class="main-nav-child"><a href="#" onclick="showSection('section-locale'); return false;"><i class="fa-solid fa-earth-americas" id="icon-locale" name="icon"></i><br/>Locale</a></div>
         <div class="main-nav-child"><a href="#" onclick="showSection('section-time'); return false;"><i class="fa-solid fa-clock" id="icon-time" name="icon"></i><br/>Time Format</a></div>
@@ -148,8 +148,17 @@ <h2 class="center">Stimulation</h2>
         <h2 class="center">Statistics</h2>
         <div class="center">
           <button onclick="updateStats()" type="submit">Refresh</button><br>
-          <div id="statsSection"></div>
         </div>
+
+	<div style=display:flex;">
+     	  <div style="flex: 1;">
+	    <div id="statsSection"></div>
+  	  </div>
+	  <div style="flex: 1;">
+            <p class="left">Battery usage:</p>
+            <canvas id="statsChart"></canvas>
+          </div>
+	</div>
 	<hr>
       </div>