Browse Source

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

master
Christian Greif 4 years ago
parent
commit
fe1c381571

+ 1
- 1
src/app/app.component.spec.ts View File

@@ -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;

+ 3
- 4
src/app/components/blog-create/blog-create.component.html View File

@@ -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>

+ 1
- 1
src/app/components/blog-create/blog-create.component.ts View File

@@ -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;

+ 2
- 2
src/app/components/blog-entry/blog-entry.component.html View File

@@ -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>

+ 1
- 1
src/app/components/blog-entry/blog-entry.ts View File

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

+ 72
- 2
src/app/components/blog-entry/initialEntries.ts View File

@@ -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'
}
];

Loading…
Cancel
Save