From 1855f50d0dc64c9427b1c0c9bcf312e60cdce299 Mon Sep 17 00:00:00 2001 From: diemarfe64635 Date: Wed, 10 Jun 2020 01:25:47 +0200 Subject: [PATCH] presentation version --- app/adapters/application.js | 9 + app/components/bild.hbs | 3 + app/components/bild.js | 18 + app/components/kategorie.hbs | 6 +- app/components/produkt.hbs | 21 +- app/components/produkt.js | 77 +++ app/components/rezept.hbs | 36 ++ app/components/rezept.js | 18 + app/components/services/store.js | 4 + app/models/produkt.js | 16 + app/models/rezept.js | 19 + app/routes/produkte.js | 12 +- app/routes/rezepte.js | 46 ++ app/routes/zettel.js | 11 + app/serializers/application.js | 4 + app/styles/app.css | 530 ++++++++++++++----- app/templates/produkte.hbs | 42 +- app/templates/rezepte.hbs | 106 +++- app/templates/zettel.hbs | 15 +- jsconfig.json | 6 + package-lock.json | 190 +++++++ package.json | 1 + public/api/{produkte.json => produkts.json} | 0 public/api/rezepte.json | 0 public/api/rezepts.json | 154 ++++++ public/robots.txt | 3 - tests/acceptance/einkaufszettel-test.js | 8 +- tests/integration/components/bild-test.js | 18 + tests/integration/components/produkt-test.js | 10 +- tests/integration/components/rezept-test.js | 16 + tests/unit/adapters/application-test.js | 12 + tests/unit/models/produkte-test.js | 12 + tests/unit/models/rezepte-test.js | 12 + tests/unit/routes/zettel-test.js | 11 + tests/unit/serializers/application-test.js | 23 + 35 files changed, 1282 insertions(+), 187 deletions(-) create mode 100644 app/adapters/application.js create mode 100644 app/components/bild.hbs create mode 100644 app/components/bild.js create mode 100644 app/components/produkt.js create mode 100644 app/components/rezept.hbs create mode 100644 app/components/rezept.js create mode 100644 app/components/services/store.js create mode 100644 app/models/produkt.js create mode 100644 app/models/rezept.js create mode 100644 app/routes/rezepte.js create mode 100644 app/routes/zettel.js create mode 100644 app/serializers/application.js create mode 100644 jsconfig.json rename public/api/{produkte.json => produkts.json} (100%) delete mode 100644 public/api/rezepte.json create mode 100644 public/api/rezepts.json delete mode 100644 public/robots.txt create mode 100644 tests/integration/components/bild-test.js create mode 100644 tests/integration/components/rezept-test.js create mode 100644 tests/unit/adapters/application-test.js create mode 100644 tests/unit/models/produkte-test.js create mode 100644 tests/unit/models/rezepte-test.js create mode 100644 tests/unit/routes/zettel-test.js create mode 100644 tests/unit/serializers/application-test.js diff --git a/app/adapters/application.js b/app/adapters/application.js new file mode 100644 index 0000000..9861420 --- /dev/null +++ b/app/adapters/application.js @@ -0,0 +1,9 @@ +import JSONAPIAdapter from '@ember-data/adapter/json-api'; + +export default class ApplicationAdapter extends JSONAPIAdapter { + namespace = 'api'; + + buildURL(...args) { + return `${super.buildURL(...args)}.json`; + } +} diff --git a/app/components/bild.hbs b/app/components/bild.hbs new file mode 100644 index 0000000..b5ed537 --- /dev/null +++ b/app/components/bild.hbs @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/app/components/bild.js b/app/components/bild.js new file mode 100644 index 0000000..c79ffed --- /dev/null +++ b/app/components/bild.js @@ -0,0 +1,18 @@ +import Component from '@glimmer/component'; +import { tracked } from '@glimmer/tracking'; +import { action } from '@ember/object'; + +export default class BildComponent extends Component { + + @tracked isLarge = false; + @tracked selected = false; + + @action toggleSize() { + this.isLarge = !this.isLarge; + } + + @action select() + { + this.selected = !this.selected + } +} \ No newline at end of file diff --git a/app/components/kategorie.hbs b/app/components/kategorie.hbs index 93f8bba..4d354c4 100644 --- a/app/components/kategorie.hbs +++ b/app/components/kategorie.hbs @@ -1,6 +1,4 @@ -

{{@titel}}

+

{{@titel}}

{{yield}} -
- - + \ No newline at end of file diff --git a/app/components/produkt.hbs b/app/components/produkt.hbs index 1d70894..4fe8ae9 100644 --- a/app/components/produkt.hbs +++ b/app/components/produkt.hbs @@ -1,11 +1,12 @@ -
- Ein Bild von {{@produkt.titel}} -
+
\ No newline at end of file + + + \ No newline at end of file diff --git a/app/components/produkt.js b/app/components/produkt.js new file mode 100644 index 0000000..334da27 --- /dev/null +++ b/app/components/produkt.js @@ -0,0 +1,77 @@ +import Component from '@glimmer/component'; +import { action } from '@ember/object'; +import { tracked } from '@glimmer/tracking'; +import { inject as service } from '@ember/service'; + +export default class ProduktController extends Component { + @tracked isLarge = false; + @tracked isSelected = false; + @tracked ex = false; + @tracked isSet = false; + @tracked prodn = "test"; + @tracked count = 0; + + @service store; + + @action toggleSize() + { + this.isLarge = !this.isLarge; + } + + @action toggleSelection(produktname) + { + this.isSelected = !this.isSelected; + this.setStatus(produktname); + } + + @action getStatus(produktname) + { + this.prodn = produktname; + + this.store.findAll('produkt') + .then(function(suchergebnis) + { + + suchergebnis.forEach(element => { + if(element.titel==produktname) + { + this.exists = true; + this.isSelected = element.getStatus().isSelected; + this.ex = true; + } + }); + + if(!this.exists) + { + this.isSelected = false; + } + }); + } + + setStatus(produktname) + { + + //schreibt den aktuellen Zustand in den store + let suchergebnis = this.get('store').query('produkt', { + filter: { + titel: produktname + }}); + + this.prodn = suchergebnis.titel; + + + 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; + } + }); + } +} diff --git a/app/components/rezept.hbs b/app/components/rezept.hbs new file mode 100644 index 0000000..215f669 --- /dev/null +++ b/app/components/rezept.hbs @@ -0,0 +1,36 @@ +{{#if this.isSelected}} + +{{else}} + +{{/if}} + diff --git a/app/components/rezept.js b/app/components/rezept.js new file mode 100644 index 0000000..3f9126e --- /dev/null +++ b/app/components/rezept.js @@ -0,0 +1,18 @@ +import Component from '@glimmer/component'; +import { action } from '@ember/object'; +import { tracked } from '@glimmer/tracking'; + +export default class RezeptController extends Component { + @tracked isLarge = false; + @tracked isSelected = false; + + @action toggleSize() + { + this.isLarge = !this.isLarge; + } + + @action toggleSelection() + { + this.isSelected = !this.isSelected; + } +} diff --git a/app/components/services/store.js b/app/components/services/store.js new file mode 100644 index 0000000..5d5332e --- /dev/null +++ b/app/components/services/store.js @@ -0,0 +1,4 @@ +import DS from 'ember-data'; + +export default DS.Store.extend({ +}); \ No newline at end of file diff --git a/app/models/produkt.js b/app/models/produkt.js new file mode 100644 index 0000000..e1f865e --- /dev/null +++ b/app/models/produkt.js @@ -0,0 +1,16 @@ +import Model, { attr } from '@ember-data/model'; + +export default class ProduktModel extends Model { + @attr titel; + @attr isSelected; + @attr kategorie; + @attr menge; + @attr einheit; + @attr bild; + + + get status() + { + return `${this.titel} ${this.IsSelected}` + } +} diff --git a/app/models/rezept.js b/app/models/rezept.js new file mode 100644 index 0000000..8ba8219 --- /dev/null +++ b/app/models/rezept.js @@ -0,0 +1,19 @@ +import Model, { attr, hasMany } from '@ember-data/model'; + +export default class RezeptModel extends Model { + @attr titel; + @attr isSelected; + @attr ('string') beschreibung; + @attr kategorie; + @hasMany('produkt') produkte; + @attr gewuerze; + @attr personen; + @attr dauer; + @attr bild; + + get status() + { + return `${this.titel} ${this.IsSelected}` + } +} + diff --git a/app/routes/produkte.js b/app/routes/produkte.js index 3df04b6..34e7128 100644 --- a/app/routes/produkte.js +++ b/app/routes/produkte.js @@ -1,4 +1,5 @@ import Route from '@ember/routing/route'; +import { inject as service } from '@ember/service'; const PRODUKT_KATEGORIEN = [ 'Pasta', @@ -7,8 +8,15 @@ const PRODUKT_KATEGORIEN = [ 'Fleisch' ]; -export default class IndexRoute extends Route { +export default class ProduktRoute extends Route { + + @service store; + async model() { + return this.store.findAll('produkt'); + } +} + /*async model() { let response = await fetch('/api/produkte.json'); let { data } = await response.json(); @@ -27,4 +35,4 @@ export default class IndexRoute extends Route { return { kategorie, ...attributes }; }); } -} \ No newline at end of file +}*/ \ No newline at end of file diff --git a/app/routes/rezepte.js b/app/routes/rezepte.js new file mode 100644 index 0000000..9ebcc54 --- /dev/null +++ b/app/routes/rezepte.js @@ -0,0 +1,46 @@ +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; + + async model() { + 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 }; + }); + } +}*/ \ No newline at end of file diff --git a/app/routes/zettel.js b/app/routes/zettel.js new file mode 100644 index 0000000..5d60329 --- /dev/null +++ b/app/routes/zettel.js @@ -0,0 +1,11 @@ +import Route from '@ember/routing/route'; +import { inject as service } from '@ember/service'; + +export default class ProduktRoute extends Route { + + @service store; + + async model() { + return this.store.findAll('produkt'); + } +} \ No newline at end of file diff --git a/app/serializers/application.js b/app/serializers/application.js new file mode 100644 index 0000000..3686a2a --- /dev/null +++ b/app/serializers/application.js @@ -0,0 +1,4 @@ +import JSONAPISerializer from '@ember-data/serializer/json-api'; + +export default class ApplicationSerializer extends JSONAPISerializer { +} diff --git a/app/styles/app.css b/app/styles/app.css index d40e934..8f991ed 100644 --- a/app/styles/app.css +++ b/app/styles/app.css @@ -174,6 +174,12 @@ p { margin-top: -10px; } +.resultsProdukt { + display: flex; + flex-wrap: wrap; + flex-direction: row; +} + .results li { list-style: none; padding: 10px 15px; @@ -196,10 +202,7 @@ p { .jumbo { padding: 50px; background: #f6f6f6; -} - -.jumbo:hover { - background-color: #f3f3f3; + } .jumbo h2 { @@ -220,76 +223,81 @@ p { } /** - * Individual kategorie Listing + * Individual rezept Listing */ + .rezept label span { + font-size: 140%; + margin: 50px auto 20px; + display: block; + text-align: center; + font-style: italic; +} -.kategorie { +.rezept input { + padding: 11px; + font-size: 18px; + width: 500px; + margin: 20px auto 50px; + background-color: rgba(255, 255, 255, 0.75); + border: solid 1px lightgray; + display: block; +} + + +.rezept { margin-top: 15px; - background-color: #f6f6f6; + background-color: white; padding: 20px 25px; display: flex; justify-content: space-between; align-items: center; - flex-wrap: wrap; + text-align: center; + width: 100%; + border: #677ae4; + border-width: 15px; } -.kategorie:hover { +.rezept.selected{ + border: #016aba; + border-width: 7px; + border-style: solid; + border-radius: 5px; + font-size: 100%; +} + +.rezept:hover { + border: #016aba; + border-width: 2px; + border-style: solid; + border-radius: 5px; + font-size: 100%; +} +.rezept.selected:hover { background-color: #f3f3f3; + border-width: 5px; } -.kategorie img { +.rezept img { border-radius: 5px; } -.kategorie .image { +.rezept .image { flex-grow: 0; flex-basis: 150px; margin: 20px 25px; text-align: center; } -.kategorie button.image { - position: relative; - cursor: pointer; - border: none; - background: transparent; - z-index: 1; -} - -.kategorie button.image:focus { - outline: none; -} - -.kategorie button.image:after { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: -1; - margin: -20px; - padding: 20px; - border-radius: 5px; - background: #016aba; - opacity: 0; - transition: opacity 0.25s ease-in-out; -} - -.kategorie button.image:focus:after, .kategorie button.image:hover:after { - opacity: 0.1; -} - -.kategorie .image img { +.rezept .image img { max-width: 100%; } -.kategorie .image.large { +.rezept .image.large { margin: 30px 25px 50px 25px; flex-basis: 100%; } -.kategorie .image small { +.rezept .image small { display: block; margin-top: 5px; margin-bottom: -15px; @@ -300,12 +308,369 @@ p { position: relative; } -.kategorie .image.large small { +.rezept .image.large small { margin-top: 10px; margin-bottom: 0px; font-size: 110%; } +.rezept .details { + flex-basis: 50%; + flex-grow: 2; + display: flex; + height: 150px; + margin: 20px 25px; + justify-content: space-between; + flex-wrap: wrap; + align-content: space-around; + text-align: center; +} + +.rezept h3 { + flex-basis: 100%; +} + +.rezept h3 a { + display: inline; +} + +.rezept .detail { + flex-basis: 50%; + font-weight: 300; + font-style: italic; + white-space: pre-wrap ; + text-align: center; +} +.rezept .detail h3 h4{ + text-align: center; +} + +.rezept .detail span { + font-weight: 400; + font-style: normal; +} + +.rezept .bild span { + width: 50; +} + +.rezept .map { + flex-grow: 0; + flex-basis: 150px; + font-size: 0; + margin: 0px 25px; +} + +.rezept .map img { + width: 150px; + height: 150px; +} + +.rezept.detailed { + background: none; + align-items: flex-start; +} + +.rezept.detailed .image { + flex-basis: 320px; +} + +.rezept.detailed .image.large { + margin: 30px 25px 50px 25px; + flex-basis: 100%; +} + +.rezept.detailed .details { + height: auto; +} + +.rezept.detailed h3 { + font-size: 200%; + margin-bottom: 10px; +} + +.rezept.detailed .detail { + margin: 5px 0px; + flex-basis: 100%; + flex-shrink: 2; +} + +.rezept.detailed .description { + white-space: normal; + flex-basis: 100%; + flex-shrink: 1; +} + +.rezept.detailed .map { + flex-basis: 100%; + margin: 50px 25px 25px 25px; +} + +.rezept.detailed .map img { + width: 100%; + height: auto; +} + +@media only screen and (max-width: 919px) { + .rezept.detailed .image, .rezept.detailed .image.large { + margin: 30px 25px 25px 25px; + flex-basis: 100%; + cursor: default; + } + + .rezept.detailed .image:hover { + flex-basis: 100%; + cursor: default; + } + + .rezept.detailed .image small { + display: none; + } + + .rezept.detailed button.image:hover:after { + opacity: 0; + } + + .rezept.detailed button.image:focus:after { + opacity: 0.1; + } + + .rezept.detailed .map { + margin-top: 25px; + } +} + +/** + * Individual produkt Listing + */ + .produkt label span { + font-size: 140%; + margin: 50px auto 20px; + display: block; + text-align: center; + font-style: italic; +} + +.produkt input { + padding: 11px; + font-size: 18px; + width: 500px; + margin: 20px auto 50px; + background-color: rgba(255, 255, 255, 0.75); + border: solid 1px lightgray; + display: block; +} + + +.produkt { + margin: 15px; + background-color: white; + padding: 20px 25px; + display: flex; + justify-content: space-between; + align-items: center; + text-align: center; + flex-wrap: wrap; + width:20%; + border: none; + +} + +.produkt.selected{ + border: #016aba; + border-width: 7px; + border-style: solid; + border-radius: 5px; + font-size: 100%; +} + +.produkt:hover { + border: #016aba; + border-width: 2px; + border-style: solid; + border-radius: 5px; + font-size: 100%; +} +.produkt.selected:hover { + background-color: #f3f3f3; + border-width:5px; +} + +.produkt img { + border-radius: 5px; + width: 100%; +} + +.produkt .image { + flex-grow: 0; + flex-basis: 150px; + margin: 20px 25px; + text-align: center; +} + +.produkt .image img { + max-width: 100%; +} + +.produkt .image.large { + margin: 30px 25px 50px 25px; + flex-basis: 100%; +} + +.produkt .image small { + display: block; + margin-top: 5px; + margin-bottom: -15px; + text-align: center; + color: #016aba; + + /* This is needed to fix a safari clipping issue */ + position: relative; +} + +.produkt .image.large small { + margin-top: 10px; + margin-bottom: 0px; + font-size: 110%; +} + +.produkt .details { + flex-basis: 50%; + flex-grow: 2; + display: flex; + height: 150px; + margin: 20px 25px; + justify-content: space-between; + flex-wrap: wrap; + align-content: space-around; + text-align: center; + align-items: center; +} + +.produkt h3 { + flex-basis: 100%; +} + +.produkt h3 a { + display: inline; +} + +.produkt .detail { + flex-basis: 50%; + font-weight: 300; + font-style: italic; + white-space: pre-wrap; + text-align: center; + flex: auto; + list-style-type: none; +} + +.produkt .detail span { + font-weight: 400; + font-style: normal; +} + +.produkt .map { + flex-grow: 0; + flex-basis: 150px; + font-size: 0; + margin: 0px 25px; +} + +.produkt .map img { + width: 150px; + height: 150px; +} + +.produkt.detailed { + background: none; + align-items: flex-start; +} + +.produkt.detailed .image { + flex-basis: 320px; +} + +.produkt.detailed .image.large { + margin: 30px 25px 50px 25px; + flex-basis: 100%; +} + +.produkt.detailed .details { + height: auto; +} + +.produkt.detailed h3 { + font-size: 200%; + margin-bottom: 10px; +} + +.produkt.detailed .detail { + margin: 5px 0px; + flex-basis: 100%; + flex-shrink: 2; +} + +.produkt.detailed .description { + white-space: normal; + flex-basis: 100%; + flex-shrink: 1; +} + +.produkt.detailed .map { + flex-basis: 100%; + margin: 50px 25px 25px 25px; +} + +.produkt.detailed .map img { + width: 100%; + height: auto; +} + +@media only screen and (max-width: 919px) { + .produkt.detailed .image, .produkt.detailed .image.large { + margin: 30px 25px 25px 25px; + flex-basis: 100%; + cursor: default; + } + + .produkt.detailed .image:hover { + flex-basis: 100%; + cursor: default; + } + + .produkt.detailed .image small { + display: none; + } + + .produkt.detailed button.image:hover:after { + opacity: 0; + } + + .produkt.detailed button.image:focus:after { + opacity: 0.1; + } + + .produkt.detailed .map { + margin-top: 25px; + } +} + +/** + * Individual kategorie Listing + */ + + .kategorie { + margin-top: 15px; + background-color: #f6f6f6; + padding: 20px 25px; + display: flex; + justify-content: space-between; + /**align-items: center;*/ + flex-wrap: wrap; + align-items: flex-start; +} + .kategorie .details { flex-basis: 50%; flex-grow: 2; @@ -337,32 +702,11 @@ p { font-style: normal; } -.kategorie .map { - flex-grow: 0; - flex-basis: 150px; - font-size: 0; - margin: 0px 25px; -} - -.kategorie .map img { - width: 150px; - height: 150px; -} - .kategorie.detailed { background: none; align-items: flex-start; } -.kategorie.detailed .image { - flex-basis: 320px; -} - -.kategorie.detailed .image.large { - margin: 30px 25px 50px 25px; - flex-basis: 100%; -} - .kategorie.detailed .details { height: auto; } @@ -384,45 +728,6 @@ p { flex-shrink: 1; } -.kategorie.detailed .map { - flex-basis: 100%; - margin: 50px 25px 25px 25px; -} - -.kategorie.detailed .map img { - width: 100%; - height: auto; -} - -@media only screen and (max-width: 919px) { - .kategorie.detailed .image, .kategorie.detailed .image.large { - margin: 30px 25px 25px 25px; - flex-basis: 100%; - cursor: default; - } - - .kategorie.detailed .image:hover { - flex-basis: 100%; - cursor: default; - } - - .kategorie.detailed .image small { - display: none; - } - - .kategorie.detailed button.image:hover:after { - opacity: 0; - } - - .kategorie.detailed button.image:focus:after { - opacity: 0.1; - } - - .kategorie.detailed .map { - margin-top: 25px; - } -} - /** * Utilities */ @@ -447,17 +752,6 @@ p { position: relative; } -.tomster { - background: url(../assets/images/teaching-tomster.png); - background-size: contain; - background-repeat: no-repeat; - height: 200px; - width: 200px; - - position: relative; - top: -25px; -} - .screen-reader{ position: absolute; overflow: hidden; diff --git a/app/templates/produkte.hbs b/app/templates/produkte.hbs index 8a2e98d..4cbe767 100644 --- a/app/templates/produkte.hbs +++ b/app/templates/produkte.hbs @@ -6,14 +6,48 @@
-
    +
      {{#each @model as |produkt|}} - {{#if (compare produkt.titel '===' 'Gemüse')}} -
      • + {{#if (compare produkt.kategorie '===' 'Gemüse')}} + {{/if}} -
      • {{/each}}
+ + +
+
    + {{#each @model as |produkt|}} + {{#if (compare produkt.kategorie '===' 'Milchprodukte')}} + + {{/if}} + {{/each}} +
+
+ + + +
+
    + {{#each @model as |produkt|}} + {{#if (compare produkt.kategorie '===' 'Fleisch')}} + + {{/if}} + {{/each}} +
+
+ + + +
+
    + {{#each @model as |produkt|}} + {{#if (compare produkt.kategorie '===' 'Pasta')}} + + {{/if}} + {{/each}} +
+
diff --git a/app/templates/rezepte.hbs b/app/templates/rezepte.hbs index 51c013d..767b224 100644 --- a/app/templates/rezepte.hbs +++ b/app/templates/rezepte.hbs @@ -4,38 +4,86 @@ Rezepte bearbeiten -
-

Pasta

- {{yield}} -
+ +
+
    + {{#each @model as |rezept|}} + {{#if (compare rezept.kategorie '===' 'Pasta')}} +
    • + {{/if}} + {{/each}} +
+
+ -
-

Gemüse

- {{yield}} -
+ +
+
    + {{#each @model as |rezept|}} + {{#if (compare rezept.kategorie '===' 'Gemüse')}} +
    • + {{/if}} + {{/each}} +
+
+ -
-

Geflügel

- {{yield}} -
+ +
+
    + {{#each @model as |rezept|}} + {{#if (compare rezept.kategorie '===' 'Geflügel')}} +
    • + {{/if}} + {{/each}} +
+
+ -
-

Rind

- {{yield}} -
+ +
+
    + {{#each @model as |rezept|}} + {{#if (compare rezept.kategorie '===' 'Rind')}} +
    • + {{/if}} + {{/each}} +
+
+ -
-

Schwein

- {{yield}} -
+ +
+
    + {{#each @model as |rezept|}} + {{#if (compare rezept.kategorie '===' 'Schwein')}} +
    • + {{/if}} + {{/each}} +
+
+ -
-

Nachspeise

- {{yield}} -
+ +
+
    + {{#each @model as |rezept|}} + {{#if (compare rezept.kategorie '===' 'Nachspeise')}} +
    • + {{/if}} + {{/each}} +
+
+ -
-

Backen

- {{yield}} -
- \ No newline at end of file + +
+
    + {{#each @model as |rezept|}} + {{#if (compare rezept.kategorie '===' 'Backen')}} +
    • + {{/if}} + {{/each}} +
+
+ diff --git a/app/templates/zettel.hbs b/app/templates/zettel.hbs index f87252b..4e52826 100644 --- a/app/templates/zettel.hbs +++ b/app/templates/zettel.hbs @@ -4,7 +4,14 @@ Zettel aktualisieren -
- {{yield}} -
- \ No newline at end of file + +
+
    + {{#each @model as |produkt|}} + {{#if produkt.isSelected}} +
    • + {{/if}} + {{/each}} +
+
+ \ No newline at end of file diff --git a/jsconfig.json b/jsconfig.json new file mode 100644 index 0000000..ab4ff72 --- /dev/null +++ b/jsconfig.json @@ -0,0 +1,6 @@ +{ + "compilerOptions": { + "experimentalDecorators": true, + "allowJs": true + } +} \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 6b0247d..29bf5f0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9128,6 +9128,27 @@ "integrity": "sha512-B7wiurPgsxsSGzJuPFkpBWnaeuCu2PGpG2BjyrfA1VcL7//o+5RSnZqiCEY326y7qmxb2GoCgo0ft03KBU0rRw==", "dev": true }, + "ember-factory-for-polyfill": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/ember-factory-for-polyfill/-/ember-factory-for-polyfill-1.3.1.tgz", + "integrity": "sha512-y3iG2iCzH96lZMTWQw6LWNLAfOmDC4pXKbZP6FxG8lt7GGaNFkZjwsf+Z5GAe7kxfD7UG4lVkF7x37K82rySGA==", + "dev": true, + "requires": { + "ember-cli-version-checker": "^2.1.0" + }, + "dependencies": { + "ember-cli-version-checker": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/ember-cli-version-checker/-/ember-cli-version-checker-2.2.0.tgz", + "integrity": "sha512-G+KtYIVlSOWGcNaTFHk76xR4GdzDLzAS4uxZUKdASuFX0KJE43C6DaqL+y3VTpUFLI2FIkAS6HZ4I1YBi+S3hg==", + "dev": true, + "requires": { + "resolve": "^1.3.3", + "semver": "^5.3.0" + } + } + } + }, "ember-fetch": { "version": "8.0.1", "resolved": "https://registry.npmjs.org/ember-fetch/-/ember-fetch-8.0.1.tgz", @@ -9522,6 +9543,28 @@ } } }, + "ember-getowner-polyfill": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/ember-getowner-polyfill/-/ember-getowner-polyfill-2.2.0.tgz", + "integrity": "sha512-rwGMJgbGzxIAiWYjdpAh04Abvt0s3HuS/VjHzUFhVyVg2pzAuz45B9AzOxYXzkp88vFC7FPaiA4kE8NxNk4A4Q==", + "dev": true, + "requires": { + "ember-cli-version-checker": "^2.1.0", + "ember-factory-for-polyfill": "^1.3.1" + }, + "dependencies": { + "ember-cli-version-checker": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/ember-cli-version-checker/-/ember-cli-version-checker-2.2.0.tgz", + "integrity": "sha512-G+KtYIVlSOWGcNaTFHk76xR4GdzDLzAS4uxZUKdASuFX0KJE43C6DaqL+y3VTpUFLI2FIkAS6HZ4I1YBi+S3hg==", + "dev": true, + "requires": { + "resolve": "^1.3.3", + "semver": "^5.3.0" + } + } + } + }, "ember-inflector": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/ember-inflector/-/ember-inflector-3.0.1.tgz", @@ -10270,6 +10313,153 @@ "integrity": "sha512-m9JbwQlT6PjY7x/T8HslnXP7Sz9bx/pz3FrNfNi2NesJnbNISly0Lix6NV1fhfo46572cpq4jrM+/6yYlMefTQ==", "dev": true }, + "ember-route-action-helper": { + "version": "2.0.8", + "resolved": "https://registry.npmjs.org/ember-route-action-helper/-/ember-route-action-helper-2.0.8.tgz", + "integrity": "sha512-V+4uKwqaYveriVt2rl4e+9mzHJiQOr1B8dCPQQ2TS3iAcmi5RD2giRDFGtCK9d2XY9Arb/f9hJh0obP20iyt3A==", + "dev": true, + "requires": { + "ember-cli-babel": "^6.8.1", + "ember-getowner-polyfill": "^2.0.0" + }, + "dependencies": { + "amd-name-resolver": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/amd-name-resolver/-/amd-name-resolver-1.2.0.tgz", + "integrity": "sha512-hlSTWGS1t6/xq5YCed7YALg7tKZL3rkl7UwEZ/eCIkn8JxmM6fU6Qs/1hwtjQqfuYxlffuUcgYEm0f5xP4YKaA==", + "dev": true, + "requires": { + "ensure-posix-path": "^1.0.1" + } + }, + "babel-plugin-debug-macros": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/babel-plugin-debug-macros/-/babel-plugin-debug-macros-0.2.0.tgz", + "integrity": "sha512-Wpmw4TbhR3Eq2t3W51eBAQSdKlr+uAyF0GI4GtPfMCD12Y4cIdpKC9l0RjNTH/P9isFypSqqewMPm7//fnZlNA==", + "dev": true, + "requires": { + "semver": "^5.3.0" + } + }, + "broccoli-babel-transpiler": { + "version": "6.5.1", + "resolved": "https://registry.npmjs.org/broccoli-babel-transpiler/-/broccoli-babel-transpiler-6.5.1.tgz", + "integrity": "sha512-w6GcnkxvHcNCte5FcLGEG1hUdQvlfvSN/6PtGWU/otg69Ugk8rUk51h41R0Ugoc+TNxyeFG1opRt2RlA87XzNw==", + "dev": true, + "requires": { + "babel-core": "^6.26.0", + "broccoli-funnel": "^2.0.1", + "broccoli-merge-trees": "^2.0.0", + "broccoli-persistent-filter": "^1.4.3", + "clone": "^2.0.0", + "hash-for-dep": "^1.2.3", + "heimdalljs-logger": "^0.1.7", + "json-stable-stringify": "^1.0.0", + "rsvp": "^4.8.2", + "workerpool": "^2.3.0" + } + }, + "broccoli-merge-trees": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/broccoli-merge-trees/-/broccoli-merge-trees-2.0.1.tgz", + "integrity": "sha512-WjaexJ+I8BxP5V5RNn6um/qDRSmKoiBC/QkRi79FT9ClHfldxRyCDs9mcV7mmoaPlsshmmPaUz5jdtcKA6DClQ==", + "dev": true, + "requires": { + "broccoli-plugin": "^1.3.0", + "merge-trees": "^1.0.1" + } + }, + "broccoli-persistent-filter": { + "version": "1.4.6", + "resolved": "https://registry.npmjs.org/broccoli-persistent-filter/-/broccoli-persistent-filter-1.4.6.tgz", + "integrity": "sha512-0RejLwoC95kv4kta8KAa+FmECJCK78Qgm8SRDEK7YyU0N9Cx6KpY3UCDy9WELl3mCXLN8TokNxc7/hp3lL4lfw==", + "dev": true, + "requires": { + "async-disk-cache": "^1.2.1", + "async-promise-queue": "^1.0.3", + "broccoli-plugin": "^1.0.0", + "fs-tree-diff": "^0.5.2", + "hash-for-dep": "^1.0.2", + "heimdalljs": "^0.2.1", + "heimdalljs-logger": "^0.1.7", + "mkdirp": "^0.5.1", + "promise-map-series": "^0.2.1", + "rimraf": "^2.6.1", + "rsvp": "^3.0.18", + "symlink-or-copy": "^1.0.1", + "walk-sync": "^0.3.1" + }, + "dependencies": { + "rsvp": { + "version": "3.6.2", + "resolved": "https://registry.npmjs.org/rsvp/-/rsvp-3.6.2.tgz", + "integrity": "sha512-OfWGQTb9vnwRjwtA2QwpG2ICclHC3pgXZO5xt8H2EfgDquO0qVdSb5T88L4qJVAEugbS56pAuV4XZM58UX8ulw==", + "dev": true + } + } + }, + "ember-cli-babel": { + "version": "6.18.0", + "resolved": "https://registry.npmjs.org/ember-cli-babel/-/ember-cli-babel-6.18.0.tgz", + "integrity": "sha512-7ceC8joNYxY2wES16iIBlbPSxwKDBhYwC8drU3ZEvuPDMwVv1KzxCNu1fvxyFEBWhwaRNTUxSCsEVoTd9nosGA==", + "dev": true, + "requires": { + "amd-name-resolver": "1.2.0", + "babel-plugin-debug-macros": "^0.2.0-beta.6", + "babel-plugin-ember-modules-api-polyfill": "^2.6.0", + "babel-plugin-transform-es2015-modules-amd": "^6.24.0", + "babel-polyfill": "^6.26.0", + "babel-preset-env": "^1.7.0", + "broccoli-babel-transpiler": "^6.5.0", + "broccoli-debug": "^0.6.4", + "broccoli-funnel": "^2.0.0", + "broccoli-source": "^1.1.0", + "clone": "^2.0.0", + "ember-cli-version-checker": "^2.1.2", + "semver": "^5.5.0" + } + }, + "ember-cli-version-checker": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/ember-cli-version-checker/-/ember-cli-version-checker-2.2.0.tgz", + "integrity": "sha512-G+KtYIVlSOWGcNaTFHk76xR4GdzDLzAS4uxZUKdASuFX0KJE43C6DaqL+y3VTpUFLI2FIkAS6HZ4I1YBi+S3hg==", + "dev": true, + "requires": { + "resolve": "^1.3.3", + "semver": "^5.3.0" + } + }, + "merge-trees": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/merge-trees/-/merge-trees-1.0.1.tgz", + "integrity": "sha1-zL5nRWl4f53vF/1G5lJfVwC70j4=", + "dev": true, + "requires": { + "can-symlink": "^1.0.0", + "fs-tree-diff": "^0.5.4", + "heimdalljs": "^0.2.1", + "heimdalljs-logger": "^0.1.7", + "rimraf": "^2.4.3", + "symlink-or-copy": "^1.0.0" + } + }, + "rsvp": { + "version": "4.8.5", + "resolved": "https://registry.npmjs.org/rsvp/-/rsvp-4.8.5.tgz", + "integrity": "sha512-nfMOlASu9OnRJo1mbEk2cz0D56a1MBNrJ7orjRZQG10XDyuvwksKbuXNp6qa+kbn839HwjwhBzhFmdsaEAfauA==", + "dev": true + }, + "workerpool": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/workerpool/-/workerpool-2.3.3.tgz", + "integrity": "sha512-L1ovlYHp6UObYqElXXpbd214GgbEKDED0d3sj7pRdFXjNkb2+un/AUcCkceHizO0IVI6SOGGncrcjozruCkRgA==", + "dev": true, + "requires": { + "object-assign": "4.1.1" + } + } + } + }, "ember-router-generator": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/ember-router-generator/-/ember-router-generator-2.0.0.tgz", diff --git a/package.json b/package.json index 605960c..9783521 100644 --- a/package.json +++ b/package.json @@ -41,6 +41,7 @@ "ember-maybe-import-regenerator": "^0.1.6", "ember-qunit": "^4.6.0", "ember-resolver": "^8.0.0", + "ember-route-action-helper": "^2.0.8", "ember-source": "~3.18.0", "ember-template-lint": "^2.6.0", "ember-welcome-page": "^4.0.0", diff --git a/public/api/produkte.json b/public/api/produkts.json similarity index 100% rename from public/api/produkte.json rename to public/api/produkts.json diff --git a/public/api/rezepte.json b/public/api/rezepte.json deleted file mode 100644 index e69de29..0000000 diff --git a/public/api/rezepts.json b/public/api/rezepts.json new file mode 100644 index 0000000..616a7cc --- /dev/null +++ b/public/api/rezepts.json @@ -0,0 +1,154 @@ +{ + "data": [ + { + "type": "rezept", + "id": "NudelnGarneleZucchini", + "attributes": { + "titel": "Nudeln mit Garnelen und Zucchini", + "kategorie": "Pasta", + "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": [ + { + "type": "produkt", + "id": "farfalle", + "attributes": { + "titel": "Farfalle", + "kategorie": "Pasta", + "menge": 400, + "einheit": "Gramm" + } + }, + { + "type": "produkt", + "id": "garnelen", + "attributes": { + "titel": "geschälte Garnelen", + "kategorie": "Meeresfrüchte", + "menge": 400, + "einheit": "Gramm" + } + }, + { + "type": "produkt", + "id": "butter", + "attributes": { + "titel": "Butter", + "kategorie": "Milchprodukte", + "menge": 50, + "einheit": "Gramm" + } + }, + { + "type": "produkt", + "id": "lauchzwiebeln", + "attributes": { + "titel": "Lauchzwiebeln", + "kategorie": "Gemüse", + "menge": 4, + "einheit": "Stück" + } + }, + { + "type": "produkt", + "id": "zucchini", + "attributes": { + "titel": "Zucchini", + "kategorie": "Gemüse", + "menge": 400, + "einheit": "Gramm" + } + }, + { + "type": "produkt", + "id": "knoblauch", + "attributes": { + "titel": "Knoblauchzehen", + "kategorie": "Gemüse", + "menge": 2, + "einheit": "Stück" + } + } + ]}, + "gewuerze":[ + { + "type": "gewuerz", + "titel": "Salz" + }, + { + "type": "gewuerz", + "titel": "Pfeffer" + }, + { + "type": "gewuerz", + "titel": "Chilischote" + } + ], + "personen": 4, + "dauer": "20", + "bild": "https://www.pastaweb.de/wp-content/uploads/2016/02/spaghetti.jpg" + }, + { + "type": "rezept", + "id": "lasagne", + "attributes": { + "titel": "Lasagne Bolognese", + "kategorie": "Pasta", + "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": [ + { + "type": "produkt", + "id": "lasagneplatten", + "attributes": { + "titel": "Lassagneblätter", + "kategorie": "Pasta", + "menge": 250, + "einheit": "Gramm" + } + }, + { + "type": "produkt", + "id": "bolognese", + "attributes": { + "titel": "Bologneser Sauce", + "kategorie": "Soßen", + "menge": 1000, + "einheit": "Gramm" + } + }, + { + "type": "produkt", + "id": "bechamel", + "attributes": { + "titel": "Bechamelsauce", + "kategorie": "Soßen", + "menge": 500, + "einheit": "Milliliter" + } + }, + { + "type": "produkt", + "id": "parmesan", + "attributes": { + "titel": "Parmesan gerieben", + "kategorie": "Milchprodukte", + "menge": 8, + "einheit": "EL" + } + } + ]}, + "gewuerze":[ + { + "type": "gewuerz", + "titel": "Salz" + }, + { + "type": "gewuerz", + "titel": "Pfeffer" + } + ], + "personen": 4, + "dauer": "80", + "bild": "https://www.pastaweb.de/wp-content/uploads/2016/02/spaghetti.jpg" + } + ] + } \ No newline at end of file diff --git a/public/robots.txt b/public/robots.txt deleted file mode 100644 index f591645..0000000 --- a/public/robots.txt +++ /dev/null @@ -1,3 +0,0 @@ -# http://www.robotstxt.org -User-agent: * -Disallow: diff --git a/tests/acceptance/einkaufszettel-test.js b/tests/acceptance/einkaufszettel-test.js index 0062d9d..83339c4 100644 --- a/tests/acceptance/einkaufszettel-test.js +++ b/tests/acceptance/einkaufszettel-test.js @@ -10,7 +10,7 @@ module('Acceptance | einkaufszettel', function(hooks) { assert.equal(currentURL(), '/'); assert.dom('nav').exists(); - assert.dom('nav a.menu-index').hasText('EinkaufsZettel') + assert.dom('nav a.menu-index').hasText('EinkaufsZettel'); assert.dom('nav a.menu-zettel').hasText('Zettel'); assert.dom('nav a.menu-produkte').hasText('Produkte'); assert.dom('nav a.menu-rezepte').hasText('Rezepte'); @@ -21,7 +21,7 @@ module('Acceptance | einkaufszettel', function(hooks) { await visit('/'); assert.dom('nav').exists(); - assert.dom('nav a.menu-index').hasText('EinkaufsZettel') + assert.dom('nav a.menu-index').hasText('EinkaufsZettel'); assert.dom('nav a.menu-zettel').hasText('Zettel'); assert.dom('nav a.menu-produkte').hasText('Produkte'); assert.dom('nav a.menu-rezepte').hasText('Rezepte'); @@ -43,7 +43,7 @@ module('Acceptance | einkaufszettel', function(hooks) { await visit('/zettel'); assert.dom('nav').exists(); - assert.dom('nav a.menu-index').hasText('EinkaufsZettel') + assert.dom('nav a.menu-index').hasText('EinkaufsZettel'); assert.dom('nav a.menu-zettel').hasText('Zettel'); assert.dom('nav a.menu-produkte').hasText('Produkte'); assert.dom('nav a.menu-rezepte').hasText('Rezepte'); @@ -59,7 +59,7 @@ module('Acceptance | einkaufszettel', function(hooks) { await visit('/produkte'); assert.dom('nav').exists(); - assert.dom('nav a.menu-index').hasText('EinkaufsZettel') + assert.dom('nav a.menu-index').hasText('EinkaufsZettel'); assert.dom('nav a.menu-zettel').hasText('Zettel'); assert.dom('nav a.menu-produkte').hasText('Produkte'); assert.dom('nav a.menu-rezepte').hasText('Rezepte'); diff --git a/tests/integration/components/bild-test.js b/tests/integration/components/bild-test.js new file mode 100644 index 0000000..90995e9 --- /dev/null +++ b/tests/integration/components/bild-test.js @@ -0,0 +1,18 @@ +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 | bild', 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``); + + assert.equal(this.element.textContent.trim(), ''); + + }); +}); diff --git a/tests/integration/components/produkt-test.js b/tests/integration/components/produkt-test.js index e20010d..4a07944 100644 --- a/tests/integration/components/produkt-test.js +++ b/tests/integration/components/produkt-test.js @@ -12,15 +12,7 @@ module('Integration | Component | produkt', function(hooks) { await render(hbs``); - assert.equal(this.element.textContent.trim(), ''); + assert.dom('.produkt img').isVisible(); - // Template block usage: - await render(hbs` - - template block text - - `); - - assert.equal(this.element.textContent.trim(), 'template block text'); }); }); diff --git a/tests/integration/components/rezept-test.js b/tests/integration/components/rezept-test.js new file mode 100644 index 0000000..8170577 --- /dev/null +++ b/tests/integration/components/rezept-test.js @@ -0,0 +1,16 @@ +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 | rezept', 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``); + assert.dom('.rezept h4').hasText('Zutaten:'); + }); +}); diff --git a/tests/unit/adapters/application-test.js b/tests/unit/adapters/application-test.js new file mode 100644 index 0000000..eff23bb --- /dev/null +++ b/tests/unit/adapters/application-test.js @@ -0,0 +1,12 @@ +import { module, test } from 'qunit'; +import { setupTest } from 'ember-qunit'; + +module('Unit | Adapter | application', function(hooks) { + setupTest(hooks); + + // Replace this with your real tests. + test('it exists', function(assert) { + let adapter = this.owner.lookup('adapter:application'); + assert.ok(adapter); + }); +}); diff --git a/tests/unit/models/produkte-test.js b/tests/unit/models/produkte-test.js new file mode 100644 index 0000000..abf4b0d --- /dev/null +++ b/tests/unit/models/produkte-test.js @@ -0,0 +1,12 @@ +import { module, test } from 'qunit'; +import { setupTest } from 'ember-qunit'; + +module('Unit | Model | produkte', function(hooks) { + setupTest(hooks); + + test('it has the right type', function(assert) { + let store = this.owner.lookup('service:store'); + let model = store.createRecord('produkt', {titel: 'Testprodukt'}); + assert.ok(model); + }); +}); diff --git a/tests/unit/models/rezepte-test.js b/tests/unit/models/rezepte-test.js new file mode 100644 index 0000000..286202e --- /dev/null +++ b/tests/unit/models/rezepte-test.js @@ -0,0 +1,12 @@ +import { module, test } from 'qunit'; +import { setupTest } from 'ember-qunit'; + +module('Unit | Model | rezepte', function(hooks) { + setupTest(hooks); + + test('it has the right type', function(assert) { + let store = this.owner.lookup('service:store'); + let model = store.createRecord('rezept', {titel: 'Testrezept'}); + assert.ok(model); + }); +}); diff --git a/tests/unit/routes/zettel-test.js b/tests/unit/routes/zettel-test.js new file mode 100644 index 0000000..7fc940e --- /dev/null +++ b/tests/unit/routes/zettel-test.js @@ -0,0 +1,11 @@ +import { module, test } from 'qunit'; +import { setupTest } from 'ember-qunit'; + +module('Unit | Route | zettel', function(hooks) { + setupTest(hooks); + + test('it exists', function(assert) { + let route = this.owner.lookup('route:zettel'); + assert.ok(route); + }); +}); diff --git a/tests/unit/serializers/application-test.js b/tests/unit/serializers/application-test.js new file mode 100644 index 0000000..a010cd1 --- /dev/null +++ b/tests/unit/serializers/application-test.js @@ -0,0 +1,23 @@ +import { module, test } from 'qunit'; +import { setupTest } from 'ember-qunit'; + +module('Unit | Serializer | application', function(hooks) { + setupTest(hooks); + + // Replace this with your real tests. + test('it exists', function(assert) { + let store = this.owner.lookup('service:store'); + let serializer = store.serializerFor('produkt'); + + assert.ok(serializer); + }); + + test('it serializes records', function(assert) { + let store = this.owner.lookup('service:store'); + let record = store.createRecord('produkt', {}); + + let serializedRecord = record.serialize(); + + assert.ok(serializedRecord); + }); +});