Refactor session.html template

b4mad · Jan 14, 2024 · 7170bee · 7170bee
1 parent 7f0a73d
commit 7170bee
Showing 1 changed file with 32 additions and 33 deletions.
diff --git a/components/paddock/paddock/templates/session.html b/components/paddock/paddock/templates/session.html
@@ -12,9 +12,9 @@ <h1>Session View</h1>
           <small id="lapHelp" class="form-text text-muted">Lap 1</small>
           <select class="form-select form-select-sm" id="lap-selector-1">
             {% for lap in session.laps.all %}
-              <option value="{{lap.number}}" {% if lap_number == lap.number %}selected{% endif %}>
-                  {{ lap.number }} - {{ lap.time|floatformat:3 }}
-                </option>
+            <option value="{{lap.number}}" {% if lap_number == lap.number %}selected{% endif %}>
+              {{ lap.number }} - {{ lap.time|floatformat:3 }}
+            </option>
             {% endfor %}
           </select>
         </div>
@@ -23,46 +23,45 @@ <h1>Session View</h1>
           <select class="form-select form-select-sm" id="lap-selector-2">
             <option value="none">none</option>
             {% for lap in session.laps.all %}
-              <option value="{{lap.number}}">
-                {{ lap.number }} - {{ lap.time|floatformat:3 }}
-              </option>
+            <option value="{{lap.number}}">
+              {{ lap.number }} - {{ lap.time|floatformat:3 }}
+            </option>
             {% endfor %}
             {% for lap in compare_laps %}
-              <option value="{{lap.id}}">
-                {{ lap.number }} - {{ lap.time|floatformat:3 }}
-                - {{ lap.session.driver.name }}
-              </option>
+            <option value="{{lap.id}}">
+              {{ lap.number }} - {{ lap.time|floatformat:3 }}
+              - {{ lap.session.driver.name }}
+            </option>
             {% endfor %}
           </select>
         </div>
       </div>
+    </div>
+    <div class="row">
+      <div class="col-sm-4">
+        <div id="map"></div>
       </div>
-      <div class="row">
-        <div class="col-sm-4">
-          <div id="map"></div>
-        </div>
-        <div class="col-sm-8">
-          <div class="row">
-            <!-- <div class="col-sm-2 telemetry-box">
-              <div class="lap-info">
-                  <div class="lap">LAP1 <span id="speed-value-1" class="lap-telemetry">192</span> km/h</div>
-                  <div class="lap">LAP2 <span id="speed-value-2" class="lap-telemetry">184</span> km/h</div>
-              </div>
-            </div> -->
-            <div class="col-sm-12">
-              <div id="speed-graph"></div>
+      <div class="col-sm-8">
+        <div class="row">
+          <!-- <div class="col-sm-2 telemetry-box">
+            <div class="lap-info">
+              <div class="lap">LAP1 <span id="speed-value-1" class="lap-telemetry">192</span> km/h</div>
+              <div class="lap">LAP2 <span id="speed-value-2" class="lap-telemetry">184</span> km/h</div>
             </div>
+          </div> -->
+          <div class="col-sm-12">
+            <div id="speed-graph"></div>
           </div>
-          <div class="row">
-            <!-- <div class="col-sm-2 telemetry-box">
-              <div class="lap-info">
-                  <div class="lap">LAP1 <span class="lap-telemetry">80</span>%</div>
-                  <div class="lap">LAP2 <span class="lap-telemetry">75</span>%</div>
-              </div>
-            </div> -->
-            <div class="col-sm-12">
-              <div id="throttle-graph"></div>
+        </div>
+        <div class="row">
+          <!-- <div class="col-sm-2 telemetry-box">
+            <div class="lap-info">
+              <div class="lap">LAP1 <span class="lap-telemetry">80</span>%</div>
+              <div class="lap">LAP2 <span class="lap-telemetry">75</span>%</div>
             </div>
+          </div> -->
+          <div class="col-sm-12">
+            <div id="throttle-graph"></div>
           </div>
         </div>
       </div>