diemarfe64635/einkaufszettel
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: diemarfe64635:c41cecebd6c62b67adc9e26bfc381cf3d9175a34
Branches Tags
diemarfe64635:master
..
compare: diemarfe64635:7dacf0441cffdef8b4c52e8071204660f691bed9
Branches Tags
diemarfe64635:master

No commits in common. "c41cecebd6c62b67adc9e26bfc381cf3d9175a34" and "7dacf0441cffdef8b4c52e8071204660f691bed9" have entirely different histories.
c41cecebd6 ... 7dacf0441c

17 changed files with 158 additions and 114 deletions
Show Stats Expand all files Collapse all files

21
app/components/produkt.hbs
View File

@ -1,13 +1,12 @@
<button type="button" class="produkt {{if @isSelected "selected"}}" {{on "click" (fn this.toggleSelection @titel)}}> <button type="button" class="produkt {{if this.isSelected "selected"}}" {{on "click" (fn this.toggleSelection @produkt.titel)}}>
<img src={{@bild}} alt="Ein Bild von {{@titel}}"/> <img src={{@produkt.bild}} alt="Ein Bild von {{@produkt.titel}}"/>
<h3>{{@titel}}</h3> <div class="detail">
<ul class="details"> <h3>{{@produkt.titel}}</h3>
<li class="detail"><h4>Menge:</h4> {{@menge}}{{@einheit}}</li> <ul class="details">
</ul> <li class="detail"><h4>Menge:</h4> {{@produkt.menge}}{{@produkt.einheit}}</li>
</button>
<!--<li class="detail"><h4>this.ex:</h4> {{this.ex}}</li> <!--<li class="detail"><h4>this.ex:</h4> {{this.ex}}</li>
<li class="detail"><h4>this.prodn:</h4> {{this.prodn}}</li> <li class="detail"><h4>this.prodn:</h4> {{this.prodn}}</li>
<li class="detail"><h4>produkt count:</h4> {{this.count}}</li>--> <li class="detail"><h4>produkt count:</h4> {{this.count}}</li>-->
</ul>
</div>
</button>

52
app/components/produkt.js
View File

@ -5,7 +5,11 @@ import { inject as service } from '@ember/service';
export default class ProduktController extends Component { export default class ProduktController extends Component {
@tracked isLarge = false; @tracked isLarge = false;
@tracked isSelected; @tracked isSelected = false;
@tracked ex = false;
@tracked isSet = false;
@tracked prodn = "test";
@tracked count = 0;
@service store; @service store;
@ -17,19 +21,23 @@ export default class ProduktController extends Component {
@action toggleSelection(produktname) @action toggleSelection(produktname)
{ {
this.isSelected = !this.isSelected; this.isSelected = !this.isSelected;
this.setStatus(produktname, this.isSelected); this.setStatus(produktname);
} }
@action getStatus(produktname) @action getStatus(produktname)
{ {
//sucht Produkt im Store this.prodn = produktname;
this.store.findAll('produkt') this.store.findAll('produkt')
.then(function(suchergebnis) .then(function(suchergebnis)
{ {
suchergebnis.forEach(element => { suchergebnis.forEach(element => {
if(element.titel==produktname) if(element.titel==produktname)
{ {
this.isSelected = element.isSelected; this.exists = true;
this.isSelected = element.getStatus().isSelected;
this.ex = true;
} }
}); });
@ -40,20 +48,30 @@ export default class ProduktController extends Component {
}); });
} }
setStatus(produktname, selection) setStatus(produktname)
{ {
//schreibt den aktuellen Zustand in den Store
this.store.findAll('produkt') //schreibt den aktuellen Zustand in den store
.then(function(suchergebnis) let suchergebnis = this.get('store').query('produkt', {
{ filter: {
suchergebnis.forEach(element => { titel: produktname
if(element.titel==produktname) }});
{
element.isSelected = selection; this.prodn = suchergebnis.titel;
element.save();
this.store.updateRelationships();
} count = suchergebnisse.titel;
}); this.prodn = element.titel;
suchergebnisse.forEach(element => {
this.prodn = element.titel;
count++;
if(element.titel === produktname)
{
this.prodn = produktname;
element.isSelected = this.isSelected;
this.isSet = !this.isSet;
}
}); });
} }
} }

48
app/components/rezept.hbs
View File

@ -1,29 +1,35 @@
{{#if @isSelected}} {{#if this.isSelected}}
<button type="button" class="rezept selected" {{on "click" (fn this.toggleSelection @titel)}}> <button type="button" class="rezept selected" {{on "click" this.toggleSelection}}>
<span><img src={{@bild}} alt="Ein Bild von {{@titel}}"/></span> <span><img src={{@rezept.bild}} alt="Ein Bild von {{@rezept.titel}}"/></span>
<span> <span>
<h3>{{@titel}}</h3>
<ul class="details"> <div class="detail">
<li class="detail"><h4>Zutaten:</h4>{{#each @produkte as |produkt|}} <h3>{{@rezept.titel}}</h3>
{{produkt.attributes.titel}}, <ul class="details">
{{/each}}Gewürze</li> <li class="detail"><h4>Zutaten:</h4>{{#each @rezept.produkte as |produkt|}}
<li class="detail"><h4>Personen:</h4>{{@personen}}</li> {{produkt.attributes.titel}},
<li class="detail"><h4>Dauer:</h4>{{@dauer}} Minuten</li> {{/each}}Gewürze</li>
</ul> <li class="detail"><h4>Personen:</h4>{{@rezept.personen}}</li>
<li class="detail"><h4>Dauer:</h4>{{@rezept.dauer}} Minuten</li>
</ul>
</div>
</span> </span>
</button> </button>
{{else}} {{else}}
<button type="button" class="rezept" {{on "click" (fn this.toggleSelection @titel)}}> <button type="button" class="rezept" {{on "click" this.toggleSelection}}>
<span><img src={{@bild}} alt="Ein Bild von {{@titel}}"/></span> <span><img src={{@rezept.bild}} alt="Ein Bild von {{@rezept.titel}}"/></span>
<span> <span>
<h3>{{@titel}}</h3>
<ul class="details"> <div class="detail">
<li class="detail"><h4>Zutaten:</h4>{{#each @produkte as |produkt|}} <h3>{{@rezept.titel}}</h3>
{{produkt.attributes.titel}}, <ul class="details">
{{/each}}Gewürze</li> <li class="detail"><h4>Zutaten:</h4>{{#each @rezept.produkte as |produkt|}}
<li class="detail"><h4>Personen:</h4>{{@personen}} </li> {{produkt.attributes.titel}},
<li class="detail"><h4>Dauer:</h4>{{@dauer}} Minuten</li> {{/each}}Gewürze</li>
</ul> <li class="detail"><h4>Personen:</h4>{{@rezept.personen}} </li>
<li class="detail"><h4>Dauer:</h4>{{@rezept.dauer}} Minuten</li>
</ul>
</div>
</span> </span>
</button> </button>
{{/if}} {{/if}}

24
app/components/rezept.js
View File

@ -1,38 +1,18 @@
import Component from '@glimmer/component'; import Component from '@glimmer/component';
import { action } from '@ember/object'; import { action } from '@ember/object';
import { tracked } from '@glimmer/tracking'; import { tracked } from '@glimmer/tracking';
import { inject as service } from '@ember/service';
export default class RezeptController extends Component { export default class RezeptController extends Component {
@tracked isLarge = false; @tracked isLarge = false;
@tracked isSelected; @tracked isSelected = false;
@service store;
@action toggleSize() @action toggleSize()
{ {
this.isLarge = !this.isLarge; this.isLarge = !this.isLarge;
} }
@action toggleSelection(rezeptname) @action toggleSelection()
{ {
this.isSelected = !this.isSelected; this.isSelected = !this.isSelected;
this.setStatus(rezeptname, this.isSelected);
}
setStatus(rezeptname, selection)
{
//schreibt den aktuellen Zustand in den Store
this.store.findAll('rezept')
.then(function(suchergebnis)
{
suchergebnis.forEach(element => {
if(element.titel==rezeptname)
{
element.isSelected = selection;
element.save();
}
});
});
} }
} }

4
app/components/services/store.js Normal file
View File

@ -0,0 +1,4 @@
import DS from 'ember-data';
export default DS.Store.extend({
});

3
app/models/produkt.js
View File

@ -2,12 +2,13 @@ import Model, { attr } from '@ember-data/model';
export default class ProduktModel extends Model { export default class ProduktModel extends Model {
@attr titel; @attr titel;
@attr ('boolean') isSelected; @attr isSelected;
@attr kategorie; @attr kategorie;
@attr menge; @attr menge;
@attr einheit; @attr einheit;
@attr bild; @attr bild;
get status() get status()
{ {
return `${this.titel} ${this.IsSelected}` return `${this.titel} ${this.IsSelected}`

2
app/models/rezept.js
View File

@ -2,7 +2,7 @@ import Model, { attr, hasMany } from '@ember-data/model';
export default class RezeptModel extends Model { export default class RezeptModel extends Model {
@attr titel; @attr titel;
@attr ('boolean') isSelected; @attr isSelected;
@attr ('string') beschreibung; @attr ('string') beschreibung;
@attr kategorie; @attr kategorie;
@attr produkte; @attr produkte;

1
app/router.js
View File

@ -10,5 +10,4 @@ Router.map(function() {
this.route('rezepte'); this.route('rezepte');
this.route('zettel'); this.route('zettel');
this.route('produkte'); this.route('produkte');
this.route('neues-produkt');
}); });

29
app/routes/produkte.js
View File

@ -1,6 +1,13 @@
import Route from '@ember/routing/route'; import Route from '@ember/routing/route';
import { inject as service } from '@ember/service'; import { inject as service } from '@ember/service';
const PRODUKT_KATEGORIEN = [
'Pasta',
'Gemüse',
'Milchprodukte',
'Fleisch'
];
export default class ProduktRoute extends Route { export default class ProduktRoute extends Route {
@service store; @service store;
@ -8,4 +15,24 @@ export default class ProduktRoute extends Route {
async model() { async model() {
return this.store.findAll('produkt'); return this.store.findAll('produkt');
} }
} }
/*async model() {
let response = await fetch('/api/produkte.json');
let { data } = await response.json();
return data.map(model => {
let { attributes } = model;
let kategorie;
if (PRODUKT_KATEGORIEN.includes(attributes.kategorie)) {
kategorie = attributes.kategorie;
}
else
{
kategorie = 'Sonstiges';
}
return { kategorie, ...attributes };
});
}
}*/

23
app/routes/rezepte.js
View File

@ -22,4 +22,25 @@ export default class RezeptRoute extends Route{
async model() { async model() {
return this.store.findAll('rezept'); return this.store.findAll('rezept');
} }
} }
/*async model() {
let response = await fetch('/api/rezepte.json');
let { data } = await response.json();
return data.map(model => {
let { attributes } = model;
let kategorie;
if (REZEPT_KATEGORIEN.includes(attributes.kategorie)) {
kategorie = attributes.kategorie;
}
else
{
kategorie = 'Sonstiges';
}
return { kategorie, ...attributes };
});
}
}*/

5
app/templates/neues-produkt.hbs
View File

@ -1,5 +0,0 @@
<Jumbo>
<h2>neues Produkte</h2>
<p>Hier kannst du ein neues Produkte hinzufügen!</p>
<LinkTo @route="produkte" class="button">Produkte anzeigen</LinkTo>
</Jumbo>

18
app/templates/produkte.hbs
View File

@ -1,7 +1,7 @@
<Jumbo> <Jumbo>
<h2>deine Produkte</h2> <h2>deine Produkte</h2>
<p>Hier kannst du aus deinen Produkten wählen oder neue Produkte hinzufügen!</p> <p>Hier kannst du aus deinen Produkten wählen oder neue Produkte hinzufügen!</p>
<LinkTo @route="neues-produkt" class="button">Produkt hinzufügen</LinkTo> <LinkTo @route="produkte" class="button">Produkte bearbeiten</LinkTo>
</Jumbo> </Jumbo>
<Kategorie @titel={{"Gemüse"}}> <Kategorie @titel={{"Gemüse"}}>
@ -9,7 +9,7 @@
<ul class="resultsProdukt"> <ul class="resultsProdukt">
{{#each @model as |produkt|}} {{#each @model as |produkt|}}
{{#if (compare produkt.kategorie '===' 'Gemüse')}} {{#if (compare produkt.kategorie '===' 'Gemüse')}}
<Produkt @titel={{produkt.titel}} @isSelected={{produkt.isSelected}} @menge={{produkt.menge}} @einheit={{produkt.einheit}} @bild={{produkt.bild}}/> <Produkt @produkt={{produkt}} />
{{/if}} {{/if}}
{{/each}} {{/each}}
</ul> </ul>
@ -21,31 +21,31 @@
<ul class="resultsProdukt"> <ul class="resultsProdukt">
{{#each @model as |produkt|}} {{#each @model as |produkt|}}
{{#if (compare produkt.kategorie '===' 'Milchprodukte')}} {{#if (compare produkt.kategorie '===' 'Milchprodukte')}}
<Produkt @titel={{produkt.titel}} @isSelected={{produkt.isSelected}} @menge={{produkt.menge}} @einheit={{produkt.einheit}} @bild={{produkt.bild}}/> <Produkt @produkt={{produkt}} />
{{/if}} {{/if}}
{{/each}} {{/each}}
</ul> </ul>
</div> </div>
</Kategorie> </Kategorie>
<Kategorie @titel={{"Fleisch"}}> <Kategorie @titel={{"Fleisch"}}>
<div class="rentals"> <div class="rentals">
<ul class="resultsProdukt"> <ul class="resultsProdukt">
{{#each @model as |produkt|}} {{#each @model as |produkt|}}
{{#if (compare produkt.kategorie '===' 'Fleisch')}} {{#if (compare produkt.kategorie '===' 'Fleisch')}}
<Produkt @titel={{produkt.titel}} @isSelected={{produkt.isSelected}} @menge={{produkt.menge}} @einheit={{produkt.einheit}} @bild={{produkt.bild}}/> <span><Produkt @produkt={{produkt}} /></span>
{{/if}} {{/if}}
{{/each}} {{/each}}
</ul> </ul>
</div> </div>
</Kategorie> </Kategorie>
<Kategorie @titel={{"Pasta"}}> <Kategorie @titel={{"Pasta"}}>
<div class="rentals"> <div class="rentals">
<ul class="resultsProdukt"> <ul class="resultsProdukt">
{{#each @model as |produkt|}} {{#each @model as |produkt|}}
{{#if (compare produkt.kategorie '===' 'Pasta')}} {{#if (compare produkt.kategorie '===' 'Pasta')}}
<Produkt @titel={{produkt.titel}} @isSelected={{produkt.isSelected}} @menge={{produkt.menge}} @einheit={{produkt.einheit}} @bild={{produkt.bild}}/> <Produkt @produkt={{produkt}} />
{{/if}} {{/if}}
{{/each}} {{/each}}
</ul> </ul>

4
app/templates/rezepte.hbs
View File

@ -5,11 +5,11 @@
</Jumbo> </Jumbo>
<Kategorie @titel={{"Pasta"}}> <Kategorie @titel={{"Pasta"}}>
<div class="rezepte"> <div class="rentals">
<ul class="resultsRezept"> <ul class="resultsRezept">
{{#each @model as |rezept|}} {{#each @model as |rezept|}}
{{#if (compare rezept.kategorie '===' 'Pasta')}} {{#if (compare rezept.kategorie '===' 'Pasta')}}
<li><Rezept @titel={{rezept.titel}} @beschreibung={{rezept.beschreibung}} @kategorie={{rezept.kategorie}} @produkte={{rezept.produkte}} @gewuerze={{rezept.gewuerze}} @personen={{rezept.attributes.personen}} @dauer={{rezept.dauer}} @isSelected={{rezept.isSelected}}/></li> <li><Rezept @rezept={{rezept}} /></li>
{{/if}} {{/if}}
{{/each}} {{/each}}
</ul> </ul>

4
app/templates/zettel.hbs
View File

@ -9,9 +9,9 @@
<ul class="results"> <ul class="results">
{{#each @model as |produkt|}} {{#each @model as |produkt|}}
{{#if produkt.isSelected}} {{#if produkt.isSelected}}
<Produkt @titel={{produkt.titel}} @isSelected={{produkt.isSelected}} @menge={{produkt.menge}} @einheit={{produkt.einheit}} @bild={{produkt.bild}}/> <li><Rezept @zettel={{produkt}} /></li>
{{/if}} {{/if}}
{{/each}} {{/each}}
</ul> </ul>
</div> </div>
</Kategorie> </Kategorie>

12
public/api/produkts.json
View File

@ -8,8 +8,7 @@
"kategorie": "Pasta", "kategorie": "Pasta",
"menge": 500, "menge": 500,
"einheit": "Gramm", "einheit": "Gramm",
"bild": "https://www.pastaweb.de/wp-content/uploads/2016/02/spaghetti.jpg", "bild": "https://www.pastaweb.de/wp-content/uploads/2016/02/spaghetti.jpg"
"is-selected": false
} }
}, },
{ {
@ -20,8 +19,7 @@
"kategorie": "Gemüse", "kategorie": "Gemüse",
"menge": 1, "menge": 1,
"einheit": "Kopf", "einheit": "Kopf",
"bild": "https://napolipizza-spiez.ch/WebRoot/Store2/Shops/178389/5BD1/5BA4/85F2/ACB6/97E9/D91A/30FA/F35F/gruener-salat-2464087.jpg", "bild": "https://napolipizza-spiez.ch/WebRoot/Store2/Shops/178389/5BD1/5BA4/85F2/ACB6/97E9/D91A/30FA/F35F/gruener-salat-2464087.jpg"
"is-selected": false
} }
}, },
{ {
@ -32,8 +30,7 @@
"kategorie": "Milchprodukte", "kategorie": "Milchprodukte",
"menge": 1, "menge": 1,
"einheit": "Liter", "einheit": "Liter",
"bild": "https://lebensmittel-warenkunde.de/assets/images/milch-milchprodukte.jpg", "bild": "https://lebensmittel-warenkunde.de/assets/images/milch-milchprodukte.jpg"
"is-selected": false
} }
}, },
{ {
@ -44,8 +41,7 @@
"kategorie": "Milchprodukte", "kategorie": "Milchprodukte",
"menge": 200, "menge": 200,
"einheit": "Gramm", "einheit": "Gramm",
"bild": "https://www.der-bank-blog.de/wp-content/uploads/2016/04/banking-schweizer-kaese.jpg", "bild": "https://www.der-bank-blog.de/wp-content/uploads/2016/04/banking-schweizer-kaese.jpg"
"is-selected": false
} }
} }
] ]

18
public/api/rezepts.json
View File

@ -6,10 +6,6 @@
"attributes": { "attributes": {
"titel": "Nudeln mit Garnelen und Zucchini", "titel": "Nudeln mit Garnelen und Zucchini",
"kategorie": "Pasta", "kategorie": "Pasta",
"personen": 4,
"dauer": 20,
"bild": "https://www.pastaweb.de/wp-content/uploads/2016/02/spaghetti.jpg",
"is-selected": 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.", "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": [ "produkte": [
{ {
@ -86,7 +82,10 @@
"type": "gewuerz", "type": "gewuerz",
"titel": "Chilischote" "titel": "Chilischote"
} }
] ],
"personen": 4,
"dauer": "20",
"bild": "https://www.pastaweb.de/wp-content/uploads/2016/02/spaghetti.jpg"
}, },
{ {
"type": "rezept", "type": "rezept",
@ -94,10 +93,6 @@
"attributes": { "attributes": {
"titel": "Lasagne Bolognese", "titel": "Lasagne Bolognese",
"kategorie": "Pasta", "kategorie": "Pasta",
"personen": 4,
"dauer": 80,
"bild": "https://www.pastaweb.de/wp-content/uploads/2016/02/spaghetti.jpg",
"is-selected": 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. ", "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": [ "produkte": [
{ {
@ -150,7 +145,10 @@
"type": "gewuerz", "type": "gewuerz",
"titel": "Pfeffer" "titel": "Pfeffer"
} }
] ],
"personen": 4,
"dauer": "80",
"bild": "https://www.pastaweb.de/wp-content/uploads/2016/02/spaghetti.jpg"
} }
] ]
} }

4
tests/acceptance/einkaufszettel-test.js
View File

@ -65,10 +65,10 @@ module('Acceptance | einkaufszettel', function(hooks) {
assert.dom('nav a.menu-rezepte').hasText('Rezepte'); assert.dom('nav a.menu-rezepte').hasText('Rezepte');
assert.dom('.jumbo h2').hasText('deine Produkte'); assert.dom('.jumbo h2').hasText('deine Produkte');
assert.dom('.jumbo a.button').hasText('Produkt hinzufügen'); assert.dom('.jumbo a.button').hasText('Produkte bearbeiten');
await click('.jumbo a.button'); await click('.jumbo a.button');
assert.equal(currentURL(), '/neues-produkt'); assert.equal(currentURL(), '/produkte');
}); });
test('visiting /rezepte', async function(assert) { test('visiting /rezepte', async function(assert) {