presentation version

app/templates/produkte.hbs

@@ -6,14 +6,48 @@
 
 <Kategorie @titel={{"Gemüse"}}>
   <div class="rentals">
-    <ul class="results">
+    <ul class="resultsProdukt">
       {{#each @model as |produkt|}}
-        {{#if (compare produkt.titel '===' 'Gemüse')}}
-          <li><Produkt @produkt={{produkt}} /></li>
+        {{#if (compare produkt.kategorie '===' 'Gemüse')}}
+          <Produkt @produkt={{produkt}} />
         {{/if}}
-        <li><Produkt @produkt={{produkt}} /></li>
       {{/each}}
     </ul>
   </div>
+  </Kategorie>
 
+<Kategorie @titel={{"Milchprodukte"}}>
+  <div class="rentals">
+    <ul class="resultsProdukt">
+      {{#each @model as |produkt|}}
+        {{#if (compare produkt.kategorie '===' 'Milchprodukte')}}
+          <Produkt @produkt={{produkt}} />
+        {{/if}}
+      {{/each}}
+    </ul>
+  </div>
+  </Kategorie>
+
+  <Kategorie @titel={{"Fleisch"}}>
+  <div class="rentals">
+    <ul class="resultsProdukt">
+      {{#each @model as |produkt|}}
+        {{#if (compare produkt.kategorie '===' 'Fleisch')}}
+          <span><Produkt @produkt={{produkt}} /></span>
+        {{/if}}
+      {{/each}}
+    </ul>
+  </div>
+  </Kategorie>
+
+  <Kategorie @titel={{"Pasta"}}>
+  <div class="rentals">
+    <ul class="resultsProdukt">
+      {{#each @model as |produkt|}}
+        {{#if (compare produkt.kategorie '===' 'Pasta')}}
+          <Produkt @produkt={{produkt}} />
+        {{/if}}
+      {{/each}}
+    </ul>
+  </div>
 </Kategorie>

app/templates/rezepte.hbs

@@ -4,38 +4,86 @@
   <LinkTo @route="rezepte" class="button">Rezepte bearbeiten</LinkTo>
 </Jumbo>
 
-<div class="kategorie">
-  <h2>Pasta</h2>
-    {{yield}}
-</div>
+<Kategorie @titel={{"Pasta"}}>
+  <div class="rentals">
+    <ul class="results">
+      {{#each @model as |rezept|}}
+        {{#if (compare rezept.kategorie '===' 'Pasta')}}
+          <li><Rezept class="detail" @rezept={{rezept}} /></li>
+        {{/if}}
+      {{/each}}
+    </ul>
+  </div>
+</Kategorie>
 
-<div class="kategorie">
-  <h2>Gemüse</h2>
-    {{yield}}
-</div>
+<Kategorie @titel={{"Gemüse"}}>
+  <div class="rentals">
+    <ul class="results">
+      {{#each @model as |rezept|}}
+        {{#if (compare rezept.kategorie '===' 'Gemüse')}}
+          <li><Rezept @rezept={{rezept}} /></li>
+        {{/if}}
+      {{/each}}
+    </ul>
+  </div>
+</Kategorie>
 
-<div class="kategorie">
-  <h2>Geflügel</h2>
-    {{yield}}
-</div>
+<Kategorie @titel={{"Geflügel"}}>
+  <div class="rentals">
+    <ul class="results">
+      {{#each @model as |rezept|}}
+        {{#if (compare rezept.kategorie '===' 'Geflügel')}}
+          <li><Rezept @rezept={{rezept}} /></li>
+        {{/if}}
+      {{/each}}
+    </ul>
+  </div>
+</Kategorie>
 
-<div class="kategorie">
-  <h2>Rind</h2>
-    {{yield}}
-</div>
+<Kategorie @titel={{"Rind"}}>
+  <div class="rentals">
+    <ul class="results">
+      {{#each @model as |rezept|}}
+        {{#if (compare rezept.kategorie '===' 'Rind')}}
+          <li><Rezept @rezept={{rezept}} /></li>
+        {{/if}}
+      {{/each}}
+    </ul>
+  </div>
+</Kategorie>
 
-<div class="kategorie">
-  <h2>Schwein</h2>
-    {{yield}}
-</div>
+<Kategorie @titel={{"Schwein"}}>
+  <div class="rentals">
+    <ul class="results">
+      {{#each @model as |rezept|}}
+        {{#if (compare rezept.kategorie '===' 'Schwein')}}
+          <li><Rezept @rezept={{rezept}} /></li>
+        {{/if}}
+      {{/each}}
+    </ul>
+  </div>
+</Kategorie>
 
-<div class="kategorie">
-  <h2>Nachspeise</h2>
-    {{yield}}
-</div>
+<Kategorie @titel={{"Nachspeise"}}>
+  <div class="rentals">
+    <ul class="results">
+      {{#each @model as |rezept|}}
+        {{#if (compare rezept.kategorie '===' 'Nachspeise')}}
+          <li><Rezept @rezept={{rezept}} /></li>
+        {{/if}}
+      {{/each}}
+    </ul>
+  </div>
+</Kategorie>
 
-<div class="kategorie">
-  <h2>Backen</h2>
-    {{yield}}
-</div>
-  
+<Kategorie @titel={{"Backen"}}>
+  <div class="rentals">
+    <ul class="results">
+      {{#each @model as |rezept|}}
+        {{#if (compare rezept.kategorie '===' 'Backen')}}
+          <li><Rezept @rezept={{rezept}} /></li>
+        {{/if}}
+      {{/each}}
+    </ul>
+  </div>
+</Kategorie>

app/templates/zettel.hbs

@@ -4,7 +4,14 @@
   <LinkTo @route="zettel" class="button">Zettel aktualisieren</LinkTo>
 </Jumbo>
 
-<div class="zettel">
-    {{yield}}
-</div>
-  
+<Kategorie @titel={{"mein Zettel"}}>
+  <div class="rentals">
+    <ul class="results">
+      {{#each @model as |produkt|}}
+        {{#if produkt.isSelected}}
+          <li><Rezept @zettel={{produkt}} /></li>
+        {{/if}}
+      {{/each}}
+    </ul>
+  </div>
+</Kategorie>