Fix: Diet type filter broken due to missing diet-type class

vkleer · Sep 26, 2022 · 5855ac3 · 5855ac3
1 parent 092b6fa
commit 5855ac3
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/meal/templates/recipe_list.html b/meal/templates/recipe_list.html
@@ -72,8 +72,9 @@ <h1 class="card-title">{{ meal.name }}</h1>
                                             <p class="card-text text-start">
                                                 <strong>Meal type:</strong> {{ meal.type }} <br>
                                                 {% if meal.diet != None %}
-                                                    <strong>Diet type:</strong> {{ meal.diet }} <br>
+                                                    <strong>Diet type:</strong> <span class="diet-type">{{ meal.diet }}</span> <br>
                                                 {% else %}
+                                                    <span class="diet-type"></span>
                                                 {% endif %}
                                                 <strong>Prep time:</strong>  {{ meal.prep_time }} <br>
                                                 <strong>Cook time:</strong> {{ meal.cook_time }}
@@ -99,7 +100,7 @@ <h3>Lunch</h3>
                                         <div class="card-body">
                                             <h1 class="card-title">{{ meal.name }}</h1>
                                             <p class="card-text text-start">
-                                                <strong>Meal type:</strong> <span class="meal-type">{{ meal.type }}</span> <br>
+                                                <strong>Meal type:</strong> {{ meal.type }} <br>
                                                 {% if meal.diet != None %}
                                                     <strong>Diet type:</strong> <span class="diet-type">{{ meal.diet }}</span> <br>
                                                 {% else %}
@@ -129,7 +130,7 @@ <h3>Dinner</h3>
                                         <div class="card-body">
                                             <h1 class="card-title">{{ meal.name }}</h1>
                                             <p class="card-text text-start">
-                                                <strong>Meal type:</strong> <span class="meal-type">{{ meal.type }}</span> <br>
+                                                <strong>Meal type:</strong> {{ meal.type }} <br>
                                                 {% if meal.diet != None %}
                                                     <strong>Diet type:</strong> <span class="diet-type">{{ meal.diet }}</span> <br>
                                                 {% else %}
@@ -159,7 +160,7 @@ <h3>Snack</h3>
                                         <div class="card-body">
                                             <h1 class="card-title">{{ meal.name }}</h1>
                                             <p class="card-text text-start">
-                                                <strong>Meal type:</strong> <span class="meal-type">{{ meal.type }}</span> <br>
+                                                <strong>Meal type:</strong> {{ meal.type }} <br>
                                                 {% if meal.diet != None %}
                                                     <strong>Diet type:</strong> <span class="diet-type">{{ meal.diet }}</span> <br>
                                                 {% else %}