Add feilds to remove tags assigned to workout (Need to refactor as seperate template)

This commit is contained in:
Peter Stockings
2023-08-05 12:30:07 +10:00
parent 36743e0c33
commit 8e26cbf281

View File

@@ -15,16 +15,20 @@
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<div class="w-full"> <div class="w-full">
<h3 class="text-xl font-bold text-gray-900">{{ workout['PersonName'] }}</h3> <h3 class="text-xl font-bold text-gray-900">{{ workout['PersonName'] }}</h3>
<div class="flex"> <div class="flex">
<span <div id="tag-wrapper-w-{{ workout['WorkoutId'] }}">
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">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> 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>
</div>
<span id="tag-form-show-w-{{ workout['WorkoutId'] }}" class="" _="on click <span id="tag-form-show-w-{{ workout['WorkoutId'] }}" class="" _="on click
toggle .hidden on #tag-form-w-{{ workout['WorkoutId'] }} toggle .hidden on #tag-form-w-{{ workout['WorkoutId'] }}
then toggle .hidden on #tag-form-hide-w-{{ workout['WorkoutId'] }} then toggle .hidden on #tag-form-hide-w-{{ workout['WorkoutId'] }}
then toggle .hidden on #tag-wrapper-w-{{ workout['WorkoutId'] }}
then toggle .hidden on me"> then toggle .hidden on me">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" <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" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"
@@ -37,6 +41,7 @@
<span id="tag-form-hide-w-{{ workout['WorkoutId'] }}" _="on click <span id="tag-form-hide-w-{{ workout['WorkoutId'] }}" _="on click
toggle .hidden on #tag-form-w-{{ workout['WorkoutId'] }} toggle .hidden on #tag-form-w-{{ workout['WorkoutId'] }}
then toggle .hidden on #tag-form-show-w-{{ workout['WorkoutId'] }} then toggle .hidden on #tag-form-show-w-{{ workout['WorkoutId'] }}
then toggle .hidden on #tag-wrapper-w-{{ workout['WorkoutId'] }}
then toggle .hidden on me" class="hidden"> then toggle .hidden on me" class="hidden">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" <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"> stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
@@ -49,7 +54,7 @@
<span class="text-base font-normal text-gray-500">Add tag to workout</span> <span class="text-base font-normal text-gray-500">Add tag to workout</span>
<div class="flex pt-2"> <div class="flex pt-2 flex-col sm:flex-row pb-2">
<div class="w-full md:w-1/2 px-3 mb-6 md:mb-0"> <div class="w-full md:w-1/2 px-3 mb-6 md:mb-0">
<label <label
@@ -99,12 +104,22 @@
</button> </button>
</div> </div>
</div> </div>
</div> </div>
<span class="text-base font-normal text-gray-500 pt-2">Remove tag from
workout</span>
<div>
<span
class="text-xs font-semibold inline-block py-1 px-2 uppercase rounded text-pink-600 bg-pink-100 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-100 uppercase last:mr-0 mr-1 max-h-fit">Accessories
</span>
</div>
</div> </div>
</div> </div>
</div> </div>