adds "drill" to stroke selection model

Author: PeterK-end

swim_data_analyser/static/css/styles.css

@@ -13,6 +13,7 @@
     --second-color: #d9f2ff;
     --third-color: #a5bdfd;
     --fourth-color: #77529e;
+    --fith-color: #fde725;
 }
 
 /* Style for the top bar */
@@ -488,6 +489,10 @@ tr.butterfly {
     background-color: #FFFFD2;
 }
 
+tr.drill{
+    background-color: var(--fith-color);
+}
+
 /* Responsive design for smaller screens */
 @media (max-width: 600px) {
     table {

swim_data_analyser/static/js/analyseView.js

@@ -187,6 +187,7 @@ export function renderHeartratePlot(data) {
         freestyle: '#AA96DA',
         backstroke: '#FCBAD3',
         butterfly: '#FFFFD2',
+        drill: '#fde725',
         default: '#fde725'
     };
 
@@ -435,7 +436,7 @@ export function renderPacePlot(data) {
         freestyle: '#AA96DA',
         backstroke: '#FCBAD3',
         butterfly: '#FFFFD2',
-        // Add more strokes here with fixed values if necessary
+        drill: '#fde725',
         default: '#fde725'        // Yellow
     };
 

swim_data_analyser/static/js/editView.js

@@ -283,6 +283,7 @@ export async function renderEditPlot() {
         freestyle: '#AA96DA',
         backstroke: '#FCBAD3',
         butterfly: '#FFFFD2',
+        drill: '#fde725',
         default: '#fde725'
     };
 

swim_data_analyser/templates/index.html

@@ -159,6 +159,7 @@ <h4>Select Swim Stroke</h4>
                       <option value="breaststroke">Breaststroke</option>
                       <option value="backstroke">Backstroke</option>
                       <option value="butterfly">Butterfly</option>
+                      <option value="drill">Drill</option>
                     </select>
                   </div>
                   <div class="modal-footer">