added ingredient headers again

2021-01-26 21:55:36 +01:00
parent 37008ef290
commit 5e53c66eaa
2 changed files with 35 additions and 26 deletions
--- a/cookbook/static/vue/js/recipe_view.js
+++ b/cookbook/static/vue/js/recipe_view.js
--- a/vue/src/components/Ingredient.vue
+++ b/vue/src/components/Ingredient.vue
@ -1,5 +1,12 @@
 <template>
+
  <tr @click="$emit('checked-state-changed', ingredient)">
+    <template v-if="ingredient.is_header">
+        <td colspan="5">
+          <b>{{ ingredient.note }}</b>
+        </td>
+    </template>
+    <template v-else>
        <td>
          <i class="far fa-check-circle text-success" v-if="ingredient.checked"></i>
          <i class="far fa-check-circle text-primary" v-if="!ingredient.checked"></i>
@ -28,7 +35,9 @@
            </div>
          </div>
        </td>
+    </template>
   </tr>
+
 </template>

 <script>