From 36743e0c33b56ed97e22c964341777a6510bf5c1 Mon Sep 17 00:00:00 2001
From: Peter Stockings <pstockings@jadeworld.com>
Date: Fri, 4 Aug 2023 23:47:01 +1000
Subject: [PATCH] Add mock static frontend assets for workout tag viewer/editor

---
 templates/partials/workout_modal.html | 92 ++++++++++++++++++++++++++-
 1 file changed, 91 insertions(+), 1 deletion(-)

diff --git a/templates/partials/workout_modal.html b/templates/partials/workout_modal.html
index 694bf1a..34be390 100644
--- a/templates/partials/workout_modal.html
+++ b/templates/partials/workout_modal.html
@@ -13,8 +13,98 @@
                 <div class="flex items-start justify-between p-4 border-b rounded-t dark:border-gray-600">
                     <div class="flex flex-col w-full">
                         <div class="flex items-center justify-between">
-                            <div>
+                            <div class="w-full">
                                 <h3 class="text-xl font-bold text-gray-900">{{ workout['PersonName'] }}</h3>
+                                <div class="flex">
+                                    <span
+                                        class="text-xs font-semibold inline-block py-1 px-2 uppercase rounded text-pink-600 bg-pink-200 uppercase last:mr-0 mr-1 max-h-fit	">Push
+                                    </span>
+                                    <span
+                                        class="text-xs font-semibold inline-block py-1 px-2 uppercase rounded text-pink-600 bg-pink-200 uppercase last:mr-0 mr-1 max-h-fit	">Accessories
+                                    </span>
+                                    <span id="tag-form-show-w-{{ workout['WorkoutId'] }}" class="" _="on click 
+                                            toggle .hidden on #tag-form-w-{{ workout['WorkoutId'] }}
+                                            then toggle .hidden on #tag-form-hide-w-{{ workout['WorkoutId'] }}
+                                            then toggle .hidden on me">
+                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+                                            stroke-width="1.5" stroke="currentColor" class="w-6 h-6"
+                                            data-darkreader-inline-stroke=""
+                                            style="--darkreader-inline-stroke: currentColor;">
+                                            <path stroke-linecap="round" stroke-linejoin="round"
+                                                d="M12 4.5v15m7.5-7.5h-15"></path>
+                                        </svg>
+                                    </span>
+                                    <span id="tag-form-hide-w-{{ workout['WorkoutId'] }}" _="on click 
+                                    toggle .hidden on #tag-form-w-{{ workout['WorkoutId'] }}
+                                    then toggle .hidden on #tag-form-show-w-{{ workout['WorkoutId'] }}
+                                    then toggle .hidden on me" class="hidden">
+                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+                                            stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+                                            <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15" />
+                                        </svg>
+
+                                    </span>
+                                </div>
+                                <div id="tag-form-w-{{workout['WorkoutId']}}" class="hidden pt-2 pb-3">
+
+                                    <span class="text-base font-normal text-gray-500">Add tag to workout</span>
+
+                                    <div class="flex pt-2">
+
+                                        <div class="w-full md:w-1/2 px-3 mb-6 md:mb-0">
+                                            <label
+                                                class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2"
+                                                for="grid-state">
+                                                Tag
+                                            </label>
+                                            <div class="relative">
+                                                <div class="w-full">
+                                                    <select id="workout-tag-select-{{ workout['WorkoutId'] }}"
+                                                        data-te-select-init data-te-select-filter="true"
+                                                        data-te-select-size="lg" name="exercise_id"
+                                                        class="block appearance-none w-full bg-gray-200 border border-gray-200 text-gray-700 py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-gray-500">
+                                                        {% for e in workout['Exercises'] %}
+                                                        <option value="{{ e['ExerciseId'] }}">{{
+                                                            e['Name']
+                                                            }}</option>
+                                                        {% endfor %}
+                                                    </select>
+                                                </div>
+                                                <script>
+                                                    te.Select.getOrCreateInstance(document.querySelector("#workout-tag-select-{{ workout['WorkoutId'] }}"));
+                                                </script>
+                                            </div>
+                                        </div>
+
+                                        <div class="w-full md:w-1/2 px-3 mb-6 md:mb-0">
+                                            <label
+                                                class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2">
+                                                New tag name
+                                            </label>
+                                            <div class="flex">
+                                                <input
+                                                    class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500"
+                                                    type="text" name="repetitions">
+
+                                                <button type="submit"
+                                                    class="p-2.5 ml-2 text-sm font-medium text-white bg-blue-700 rounded-lg border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
+                                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none"
+                                                        viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
+                                                        class="w-6 h-6" data-darkreader-inline-stroke=""
+                                                        style="--darkreader-inline-stroke: currentColor;">
+                                                        <path stroke-linecap="round" stroke-linejoin="round"
+                                                            d="M12 4.5v15m7.5-7.5h-15"></path>
+                                                    </svg>
+                                                    <span class="sr-only">Search</span>
+                                                </button>
+                                            </div>
+
+
+                                        </div>
+
+                                    </div>
+
+                                </div>
                             </div>
 
                         </div>