From 525e465f5dbffe59565c563269e8b42be6830847 Mon Sep 17 00:00:00 2001
From: diemarfe64635 <diemarfe64635@th-nuernberg.de>
Date: Mon, 29 Jun 2020 20:08:48 +0200
Subject: [PATCH] add products

---
 app/adapters/application.js                   |  9 +---
 app/components/hinzufuegen.hbs                | 23 ++++++++
 app/components/hinzufuegen.js                 | 42 +++++++++++++++
 app/components/produkt.hbs                    |  2 +-
 app/components/produkt.js                     | 17 +++---
 app/components/rezept.hbs                     |  2 +-
 app/components/rezept.js                      |  8 +--
 app/models/produkt.js                         |  4 +-
 app/models/rezept.js                          |  2 +-
 app/routes/rezepte.js                         | 14 -----
 app/styles/app.css                            |  2 +
 app/templates/neues-produkt.hbs               |  8 ++-
 public/api/produkts.json                      | 54 +------------------
 public/api/rezepts.json                       |  4 +-
 .../components/hinzufuegen-test.js            | 26 +++++++++
 15 files changed, 120 insertions(+), 97 deletions(-)
 create mode 100644 app/components/hinzufuegen.hbs
 create mode 100644 app/components/hinzufuegen.js
 create mode 100644 tests/integration/components/hinzufuegen-test.js

diff --git a/app/adapters/application.js b/app/adapters/application.js
index bb87e0f..aaa0d95 100644
--- a/app/adapters/application.js
+++ b/app/adapters/application.js
@@ -7,13 +7,6 @@ export default class ApplicationAdapter extends JSONAPIAdapter {
 
   urlForUpdateRecord(id, modelName, snapshot) {
     return `api/${modelName}s`;
-  }
-
-  createRecord(store, type, snapshot) {
-    let data = this.serialize(snapshot, { includeId: true });
-    //let url = `/${type.modelName}`;
-
-    // ...
-  }
+  }  
 }
 
diff --git a/app/components/hinzufuegen.hbs b/app/components/hinzufuegen.hbs
new file mode 100644
index 0000000..5d3a2ad
--- /dev/null
+++ b/app/components/hinzufuegen.hbs
@@ -0,0 +1,23 @@
+<div class="kategorie">
+  <label>
+      <h3>Produkttitel</h3>
+      <Input class="light" @value={{this.titel}}/>
+    </label>
+    <label>
+      <h3>Kategorie</h3>
+      <Input class="light"  @value={{this.kategorie}}/>
+    </label>
+    <label>
+      <h3>Menge</h3>
+      <Input class="light"  @value={{this.menge}}/>
+    </label>
+    <label>
+      <h3>Einheit</h3>
+      <Input class="light"  @value={{this.einheit}}/>
+    </label>
+    <label>
+      <h3>Bild</h3>
+      <Input class="light" @value={{this.bild}}/>
+      <button class="button"  {{on "click" this.speichern}}>Produkt hinzufügen</button>
+    </label> 
+  </div>
\ No newline at end of file
diff --git a/app/components/hinzufuegen.js b/app/components/hinzufuegen.js
new file mode 100644
index 0000000..5fbac50
--- /dev/null
+++ b/app/components/hinzufuegen.js
@@ -0,0 +1,42 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+import { inject as service } from '@ember/service';
+
+export default class HinzufuegenController extends Component {
+     
+    @tracked titel;
+    @tracked kategorie;
+    @tracked menge;
+    @tracked einheit;
+    @tracked bild;
+    @tracked id;
+    @tracked isselected;
+
+    @service store;
+
+
+    
+    @action speichern() 
+    {
+        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();
+
+          this.titel = null;
+          this.kategorie = null;
+          this.menge = null;
+          this.einheit = null;
+          this.bild = null;
+          this.id = null;
+    }
+}
\ No newline at end of file
diff --git a/app/components/produkt.hbs b/app/components/produkt.hbs
index c50ee42..aa706e7 100644
--- a/app/components/produkt.hbs
+++ b/app/components/produkt.hbs
@@ -1,4 +1,4 @@
-<button type="button" class="produkt {{if @produkt.isSelected "selected"}}" {{on "click" (fn this.toggleSelection @produkt.titel)}}>
+<button type="button" class="produkt {{if @produkt.isselected "selected"}}" {{on "click" (fn this.toggleSelection @produkt.titel)}}>
     <img src={{@produkt.bild}} alt="Ein Bild von {{@produkt.titel}}"/>
     <h3>{{@produkt.titel}}</h3>
     <ul class="details">
diff --git a/app/components/produkt.js b/app/components/produkt.js
index ce1f786..52188e2 100644
--- a/app/components/produkt.js
+++ b/app/components/produkt.js
@@ -6,7 +6,7 @@ import ApplicationAdapter from '../adapters/application';
 
 export default class ProduktController extends Component {
     @tracked isLarge = false;
-    @tracked isSelected;
+    @tracked isselected;
     
     @service store;
 
@@ -17,8 +17,8 @@ export default class ProduktController extends Component {
 
     @action toggleSelection(produktname)
     {
-        this.isSelected = !this.isSelected;
-        this.setStatus(produktname, this.isSelected);
+        this.isselected = !this.isselected;
+        this.setStatus(produktname, this.isselected);
     }
 
     @action getStatus(produktname)
@@ -30,14 +30,9 @@ export default class ProduktController extends Component {
                 suchergebnis.forEach(element => {
                     if(element.titel==produktname)
                     {
-                        this.isSelected = element.isSelected;                    
+                        this.isselected = element.isselected;                    
                     }                    
                 });
-
-                if(!this.exists)
-                {
-                    this.isSelected = false;
-                }
             });
     }
  
@@ -58,8 +53,8 @@ export default class ProduktController extends Component {
             suchergebnis.forEach(element => {
                 if(element.titel==produktname)
                 {
-                    element.isSelected = selection;
-                    element.save().catch(failure);    
+                    element.isselected = selection;
+                    element.save().catch(failure);
                 }                    
             });
         });
diff --git a/app/components/rezept.hbs b/app/components/rezept.hbs
index d328b1a..ae94d0d 100644
--- a/app/components/rezept.hbs
+++ b/app/components/rezept.hbs
@@ -1,4 +1,4 @@
-<button type="button" class="rezept {{if @rezept.isSelected "selected"}}" {{on "click" (fn this.toggleSelection @rezept.titel)}}>
+<button type="button" class="rezept {{if @rezept.isselected "selected"}}" {{on "click" (fn this.toggleSelection @rezept.titel)}}>
     <span><img src={{@rezept.bild}} alt="Ein Bild von {{@rezept.titel}}"/></span>
     <span>
         <h3>{{@rezept.titel}}</h3>
diff --git a/app/components/rezept.js b/app/components/rezept.js
index ddc6300..94da86a 100644
--- a/app/components/rezept.js
+++ b/app/components/rezept.js
@@ -5,7 +5,7 @@ import { inject as service } from '@ember/service';
 
 export default class RezeptController extends Component {
     @tracked isLarge = false;
-    @tracked isSelected;
+    @tracked isselected;
 
     @service store;
 
@@ -16,8 +16,8 @@ export default class RezeptController extends Component {
 
     @action toggleSelection(rezeptname)
     {
-        this.isSelected = !this.isSelected;
-        this.setStatus(rezeptname, this.isSelected);
+        this.isselected = !this.isselected;
+        this.setStatus(rezeptname, this.isselected);
     }
 
     setStatus(rezeptname, selection)
@@ -29,7 +29,7 @@ export default class RezeptController extends Component {
             suchergebnis.forEach(element => {
                 if(element.titel==rezeptname)
                 {
-                    element.isSelected = selection;
+                    element.isselected = selection;
                     element.save().catch(failure);
                     
                     function failure(reason) 
diff --git a/app/models/produkt.js b/app/models/produkt.js
index 8a1a9b4..bab15dd 100644
--- a/app/models/produkt.js
+++ b/app/models/produkt.js
@@ -2,7 +2,7 @@ import Model, { attr } from '@ember-data/model';
 
 export default class ProduktModel extends Model {
     @attr ('string') titel;
-    @attr ('boolean') isSelected;
+    @attr ('boolean') isselected;
     @attr ('string') kategorie;
     @attr ('number') menge;
     @attr ('string') einheit;
@@ -10,6 +10,6 @@ export default class ProduktModel extends Model {
 
     get status()
     {
-        return `${this.titel} ${this.IsSelected}`
+        return `${this.titel} ${this.isselected}`
     }
 }
diff --git a/app/models/rezept.js b/app/models/rezept.js
index 1dd3332..3c97489 100644
--- a/app/models/rezept.js
+++ b/app/models/rezept.js
@@ -2,7 +2,7 @@ import Model, { attr, hasMany } from '@ember-data/model';
 
 export default class RezeptModel extends Model {
     @attr ('string') titel;
-    @attr ('boolean') isSelected;
+    @attr ('boolean') isselected;
     @attr ('string') beschreibung;
     @attr ('string') kategorie;
     @attr produkte;
diff --git a/app/routes/rezepte.js b/app/routes/rezepte.js
index bbd9687..5ed8773 100644
--- a/app/routes/rezepte.js
+++ b/app/routes/rezepte.js
@@ -1,20 +1,6 @@
 import Route from '@ember/routing/route';
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
 import { inject as service } from '@ember/service';
 
-const REZEPT_KATEGORIEN = [
-    'Pasta',
-    'Schwein',
-    'Soße',
-    'Fleisch',
-    'Geflügel',
-    'Rind',
-    'Nachspeise',
-    'Backen'
-  ];
-
 export default class RezeptRoute extends Route{
     
   @service store;
diff --git a/app/styles/app.css b/app/styles/app.css
index 1b6104b..45a9c54 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -563,6 +563,7 @@ p {
   align-content: space-around;
   text-align: center;
   align-items: center;
+  
 }
 
 .produkt h3 {
@@ -687,6 +688,7 @@ p {
   /**align-items: center;*/
   flex-wrap: wrap;
   align-items: flex-start;
+  width: 95%;
 }
 
 .kategorie .details {
diff --git a/app/templates/neues-produkt.hbs b/app/templates/neues-produkt.hbs
index 35ff160..7ffaab4 100644
--- a/app/templates/neues-produkt.hbs
+++ b/app/templates/neues-produkt.hbs
@@ -2,4 +2,10 @@
   <h2>neues Produkte</h2>
   <p>Hier kannst du ein neues Produkte hinzufügen!</p>
   <LinkTo @route="produkte" class="button">Produkte anzeigen</LinkTo>
-</Jumbo>
\ No newline at end of file
+</Jumbo>
+
+<Kategorie @titel={{"neues Produkt"}}>
+  <div class="resultsProdukt">
+    <Hinzufuegen class="resultsProdukt" @typ={{'neues Produkt'}}/>
+  </div>
+</Kategorie>
\ No newline at end of file
diff --git a/public/api/produkts.json b/public/api/produkts.json
index e1e34d7..3a4b0de 100644
--- a/public/api/produkts.json
+++ b/public/api/produkts.json
@@ -1,53 +1,3 @@
 {
-    "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",
-          "is-selected": 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",
-          "is-selected": false
-        }
-      },
-      {
-        "type": "produkt",
-        "id": "milch",
-        "attributes": {
-          "titel": "Milch",
-          "kategorie": "Milchprodukte",
-          "menge": 1,
-          "einheit": "Liter",
-          "bild": "https://lebensmittel-warenkunde.de/assets/images/milch-milchprodukte.jpg",
-          "is-selected": 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",
-          "is-selected": false
-        }
-      } 
-    ]
-  }
-  
\ No newline at end of file
+  "data": []
+}
\ No newline at end of file
diff --git a/public/api/rezepts.json b/public/api/rezepts.json
index 9c7a931..1586c6c 100644
--- a/public/api/rezepts.json
+++ b/public/api/rezepts.json
@@ -9,7 +9,7 @@
           "personen": 4,
           "dauer": 60,
           "bild": "https://kochkarussell.com/wp-content/uploads/2018/04/Nudeln-mit-Garnelen-und-Tomaten-Sahnesauce-3-500x500.jpg",
-          "is-selected": false,
+          "isselected": false,
           "beschreibung": "(1) Die Garnelen kalt überbrausen, in wenig Salzwasser kurz aufkochen, abgießen, das Wasser aufbewahren. (2) In einer Pfanne in der heißen Butter die Lauchzwiebeln und den Knoblauch anschwitzen, die Zucchiniwürfel und evtl. die Chilischoten zugeben, mit Salz und Pfeffer abwürzen. Zugedeckt 5 Minuten dünsten. Die Garnelen mit etwas Garnelenwasser unterischen, noch einmal erhitzen. Über die angerichteten Nudeln geben.",
           "produkte": [
             {
@@ -98,7 +98,7 @@
               "personen": 4,
               "dauer": 80,
               "bild": "https://images.lecker.de/,id=2e0930f7,b=lecker,w=610,cg=c.jpg",
-              "is-selected": false,
+              "isselected": false,
               "beschreibung": "(1) Die Bologneser Sauce und die Bechamelsauce zubereiten. (2) Den Boden einer Auflaufform mit etwas Bechamelsauce bedecken, mit Lasagneblättern auslegen. Einige Löffel Bologneser Sauce darüfergeben, darauf einige Löffel Bechamelsauceverstreichen und mit Parmesan bestreuen. Diesen Vorgang wiederholen, bis alle Zutaten aufgebraucht sind. Die letzte Schicht sind Lasagneblätter, Bechamelsauce und Parmesan. (3) Die Form auf dem Rost in den kalten Backofen schieben und etwa 40 Minuten bei 220°C goldgelb backen. ",
               "produkte": [
                 {
diff --git a/tests/integration/components/hinzufuegen-test.js b/tests/integration/components/hinzufuegen-test.js
new file mode 100644
index 0000000..23223dd
--- /dev/null
+++ b/tests/integration/components/hinzufuegen-test.js
@@ -0,0 +1,26 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+
+module('Integration | Component | hinzufuegen', function(hooks) {
+  setupRenderingTest(hooks);
+
+  test('it renders', async function(assert) {
+    // Set any properties with this.set('myProperty', 'value');
+    // Handle any actions with this.set('myAction', function(val) { ... });
+
+    await render(hbs`<Hinzufuegen />`);
+
+    assert.equal(this.element.textContent.trim(), '');
+
+    // Template block usage:
+    await render(hbs`
+      <Hinzufuegen>
+        template block text
+      </Hinzufuegen>
+    `);
+
+    assert.equal(this.element.textContent.trim(), 'template block text');
+  });
+});