Produkte der Rezepte auf Zettel anzeigen

app/components/hinzufuegen.js

@@ -15,22 +15,32 @@ export default class HinzufuegenController extends Component {
 
     @service store;
 
-
-    
     @action speichern() 
     {
-        this.store.createRecord('produkt', {
+        let produkt = this.store.createRecord('produkt', {
             type: 'produkt',
             id: this.titel.split(' ').join(''),
-            attributes: {
-                titel: this.titel,
-                kategorie: this.kategorie,
-                menge: this.menge,
-                einheit: this.einheit,
-                bild: this.bild,
-                isselected: false
-            }
-          }).save();
+            //attributes: {
+            titel: this.titel,
+            kategorie: this.kategorie,
+            menge: this.menge,
+            einheit: this.einheit,
+            bild: this.bild,
+            isselected: false
+            //}
+          })
+          
+          //produkt._promiseProxy = true;
+          produkt.save();
+
+          this.store.findAll('produkt').then(function (suchergebnis) {
+            suchergebnis.forEach(element => {
+              if (element.titel != undefined) {
+
+              }
+            });
+          });
+        
 
           this.titel = null;
           this.kategorie = null;
@@ -38,5 +48,8 @@ export default class HinzufuegenController extends Component {
           this.einheit = null;
           this.bild = null;
           this.id = null;
+
+          
+
     }
 }

app/components/produkt.js

@@ -54,6 +54,7 @@ export default class ProduktController extends Component {
                 if(element.titel==produktname)
                 {
                     element.isselected = selection;
+                    element._promiseProxy = true;
                     element.save().catch(failure);
                 }                    
             });

app/components/rezept.js

@@ -30,6 +30,7 @@ export default class RezeptController extends Component {
                 if(element.titel==rezeptname)
                 {
                     element.isselected = selection;
+                    element._promiseProxy = true;
                     element.save().catch(failure);
                     
                     function failure(reason) 

app/models/produkt.js

@@ -7,9 +7,4 @@ export default class ProduktModel extends Model {
     @attr ('number') menge;
     @attr ('string') einheit;
     @attr ('string') bild;
-
-    get status()
-    {
-        return `${this.titel} ${this.isselected}`
-    }
 }

app/models/rezept.js

@@ -10,11 +10,5 @@ export default class RezeptModel extends Model {
     @attr ('number') personen;
     @attr ('string') bild;
     @attr gewuerze;
-    
-
-    get status()
-    {
-        return `${this.titel} ${this.IsSelected}`
-    }
 }
 

app/routes/zettel.js

@@ -6,6 +6,9 @@ export default class ProduktRoute extends Route {
   @service store;
 
   async model() {
-    return this.store.findAll('produkt');
+    let produkte = this.store.findAll('produkt');
+    let rezepte = this.store.findAll('rezept');
+
+    return {produkte, rezepte};
   }
 }

app/templates/zettel.hbs

@@ -7,11 +7,18 @@
 <Kategorie @titel={{"mein Zettel"}}>
   <div class="rentals">
     <ul class="resultsProdukt">
-      {{#each @model as |produkt|}}
-        {{#if produkt.isSelected}}
+      {{#each @model.produkte as |produkt|}}
+        {{#if produkt.isselected}}
           <Produkt @produkt={{produkt}}/>
         {{/if}}
       {{/each}}
+      {{#each @model.rezepte as |rezept|}}
+        {{#if rezept.isselected}}
+          {{#each rezept.produkte as |produkt|}}
+              <Produkt @produkt={{produkt.attributes}}/>
+          {{/each}} 
+        {{/if}}
+      {{/each}}
     </ul>
   </div>
   </Kategorie>

jsconfig.json

@@ -1,6 +1,11 @@
 {
     "compilerOptions": {
         "experimentalDecorators": true,
-        "allowJs": true
+        "allowJs": true,
+        "strictBindCallApply": true,
+        "strict": false,
+        "alwaysStrict": false,
+        "resolveJsonModule": true,
+        "strictFunctionTypes": false
     }
 }

public/api/produkts.json

@@ -1,3 +1,52 @@
 {
-  "data": []
-}
+  "data": [
+    {
+      "type": "produkt",
+      "id": "spaghetti",
+      "attributes": {
+        "titel": "Spaghetti",
+        "kategorie": "Pasta",
+        "menge": 500,
+        "einheit": "Gramm",
+        "bild": "https://www.pastaweb.de/wp-content/uploads/2016/02/spaghetti.jpg",
+        "isselected": false
+      }
+    },
+    {
+      "type": "produkt",
+      "id": "salat",
+      "attributes": {
+        "titel": "Salat",
+        "kategorie": "Gemüse",
+        "menge": 1,
+        "einheit": "Kopf",
+        "bild": "https://napolipizza-spiez.ch/WebRoot/Store2/Shops/178389/5BD1/5BA4/85F2/ACB6/97E9/D91A/30FA/F35F/gruener-salat-2464087.jpg",
+        "isselected": false
+      }
+    },
+    {
+      "type": "produkt",
+      "id": "milch",
+      "attributes": {
+        "titel": "Milch",
+        "kategorie": "Milchprodukte",
+        "menge": 1,
+        "einheit": "Liter",
+        "bild": "https://lebensmittel-warenkunde.de/assets/images/milch-milchprodukte.jpg",
+        "isselected": false
+      }
+    },
+    {
+      "type": "produkt",
+      "id": "kaese",
+      "attributes": {
+        "titel": "Käse",
+        "kategorie": "Milchprodukte",
+        "menge": 200,
+        "einheit": "Gramm",
+        "bild": "https://www.der-bank-blog.de/wp-content/uploads/2016/04/banking-schweizer-kaese.jpg",
+        "isselected": false
+      }
+    } 
+  ]
+}