V0.1g Erweiterte Einträge für initialEntries

src/app/app.component.spec.ts

@@ -17,7 +17,7 @@ describe('AppComponent', () => {
   });
 
 
-  it('should render title', () => {
+  it('should render einkaufsort', () => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
     const compiled = fixture.nativeElement;

src/app/components/blog-create/blog-create.component.html

@@ -4,10 +4,9 @@
 <div>
   <form  (ngSubmit)="saveTask(form.value)" #form="ngForm">
     <div class="form-group">
-      <div><label for="title">Titel* </label></div>
-
+      <div><label >Einkaufsort* </label></div>
       <div>
-        <input type="text" class="form-control" name="title" id="title" #title ngModel required/>
+        <input type="text" class="form-control" name="title" id="title" #einkaufsort ngModel required/>
       </div>
 
     </div>
@@ -41,7 +40,7 @@
     </div>
 
     <div class="form-group">
-      <button (click)="createBlogEntry(title.value, image.value, kategorie.value,menge.value, kommentar.value)">
+      <button (click)="createBlogEntry(einkaufsort.value, image.value, kategorie.value,menge.value, kommentar.value)">
         Eintrag anlegen
       </button>
     </div>

src/app/components/blog-create/blog-create.component.ts

@@ -35,7 +35,7 @@ export class BlogCreateComponent implements OnInit {
   createBlogEntry(title: string, image: string, kategorie: string, menge: string, kommentar: string, ) {
     if (title && image && kommentar && kategorie) {
       const entry = new BlogEntry();
-      entry.title = title;
+      entry.einkaufsort = title;
       entry.image = image;
       entry.kategorie = kategorie;
       entry.menge = menge;

src/app/components/blog-entry/blog-entry.component.html

@@ -1,9 +1,9 @@
 <div class="blog-entry">
     <div class="blog-image">
-        <img [src]="entry.image" [alt]="entry.title"/>
+        <img [src]="entry.image" [alt]="entry.einkaufsort"/>
     </div>
     <div class="blog-summary">
-        <span class="title">{{entry.title}}</span>
+        <span class="einkaufsort">{{entry.einkaufsort}}</span>
       <p> {{entry.kategorie}}</p>
       <p> {{entry.kommentar}}</p>
     </div>

src/app/components/blog-entry/blog-entry.ts

@@ -1,5 +1,5 @@
 export class BlogEntry {
-  title: string;
+  einkaufsort: string;
   image: string;
   kategorie: string;
   menge: string;

src/app/components/blog-entry/initialEntries.ts

@@ -1,16 +1,86 @@
 export const initialEntries = [
   {
-    title: 'Edeka',
+    einkaufsort: 'Edeka',
     image: 'https://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Logo_Edeka.svg/1200px-Logo_Edeka.svg.png',
     kategorie: 'Lebensmittel',
     menge: '1',
     kommentar: 'Hier könnten ihre benötigten Einkäufe stehen'
   },
   {
-    title: 'Aldi Süd',
+    einkaufsort: 'Aldi Süd',
     image: 'https://www.horizont.net/news/media/20/Logo-Aldi-Sd-2017-198042-detailnp.jpeg',
     kategorie: 'Lebensmittel',
     menge: '1',
     kommentar: 'Hier könnten ihre benötigten Einkäufe stehen'
+  },
+  {
+    einkaufsort: 'Lidl',
+    image: 'https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Lidl-Logo.svg/1200px-Lidl-Logo.svg.png',
+    kategorie: 'Lebensmittel',
+    menge: '1',
+    kommentar: 'Hier könnten ihre benötigten Einkäufe stehen'
+  },
+  {
+    einkaufsort: 'Rewe',
+    image: 'https://upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Logo_REWE.svg/1200px-Logo_REWE.svg.png',
+    kategorie: 'Lebensmittel',
+    menge: '1',
+    kommentar: 'Hier könnten ihre benötigten Einkäufe stehen'
+  },
+  {
+    einkaufsort: 'Netto',
+    image: 'https://www.netto-online.de/images/favicons/logo_netto.png',
+    kategorie: 'Lebensmittel',
+    menge: '1',
+    kommentar: 'Hier könnten ihre benötigten Einkäufe stehen'
+  },
+  {
+    einkaufsort: 'Penny',
+    image: 'https://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Penny-Markt.svg/1200px-Penny-Markt.svg.png',
+    kategorie: 'Lebensmittel',
+    menge: '1',
+    kommentar: 'Hier könnten ihre benötigten Einkäufe stehen'
+  },
+  {
+    einkaufsort: 'DM',
+    image: 'https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/Dm_Logo.svg/1200px-Dm_Logo.svg.png',
+    kategorie: 'Drogerie',
+    menge: '1',
+    kommentar: 'Hier könnten ihre benötigten Einkäufe stehen'
+  },
+  {
+    einkaufsort: 'Rossmann',
+    image: 'https://www.einkaufsbahnhof.de/wp-content/uploads/2018/03/rossmann_logo_schreibschrift.png',
+    kategorie: 'Drogerie',
+    menge: '1',
+    kommentar: 'Hier könnten ihre benötigten Einkäufe stehen'
+  },
+  {
+    einkaufsort: 'Müller',
+    image: 'https://www.e-einz.de/wp-content/uploads/2017/02/Mueller.png',
+    kategorie: 'Drogerie',
+    menge: '1',
+    kommentar: 'Hier könnten ihre benötigten Einkäufe stehen'
+  },
+  {
+    einkaufsort: 'OBI',
+    image: 'https://media.aubi-plus.com/files/premiumprofil/logo/35d8961-obi.jpg',
+    kategorie: 'Baumarkt',
+    menge: '1',
+    kommentar: 'Hier könnten ihre benötigten Einkäufe stehen'
+  },
+  {
+    einkaufsort: 'Dehner',
+    image: 'https://upload.wikimedia.org/wikipedia/commons/thumb/a/a9/Dehner.svg/1200px-Dehner.svg.png',
+    kategorie: 'Garten-Center',
+    menge: '1',
+    kommentar: 'Hier könnten ihre benötigten Einkäufe stehen'
+  },
+  {
+    einkaufsort: 'Hornbach',
+    image: 'https://www.luvshopping.de/-/media/images/b2c/germany/lubeck/logo-stores/hornbach.jpg?h=442&la=de-DE&mw=650&w=650&hash=C6C36C2C1536745108FF620D3B9CD7E4864A9308',
+    kategorie: 'Baumarkt',
+    menge: '1',
+    kommentar: 'Hier könnten ihre benötigten Einkäufe stehen'
   }
 ];