Fix db based login on empty collection

keep-around/dc735e80914fa50c9bca8f6c78c100b7ed19408f final-mod
Florian Hartwich 2017-03-14 04:47:27 +01:00
parent f1f03c9b69
commit 3495586a3b
4 changed files with 40 additions and 34 deletions

View File

@ -7,6 +7,6 @@
<p> {{entry.text}}</p> <p> {{entry.text}}</p>
</div> </div>
<div class="blog-delete"> <div class="blog-delete">
<button (click)="deleteBlogEntry(entry.id)">delete</button> <button (click)="deleteBlogEntry(entry.id)">Entfernen</button>
</div> </div>
</div> </div>

View File

@ -4,7 +4,8 @@ import {BlogComponent} from "../blog.component";
@Component({ @Component({
selector: 'blog-entry', selector: 'blog-entry',
templateUrl: 'blog-entry.component.html' templateUrl: 'blog-entry.component.html',
styleUrls: ['../blog.component.css']
}) })
export class BlogEntryComponent { export class BlogEntryComponent {
@Input() blogComponent: BlogComponent; @Input() blogComponent: BlogComponent;

View File

@ -3,6 +3,33 @@ body {
padding-left: 15px; padding-left: 15px;
} }
.blog-entry {
width: 125%;
border: 1px solid #8c8c8c;
padding-bottom: 30px;
}
.blog-image {
width: 30%;
}
.blog-summary {
width: 70%;
}
img {
max-width: 90%;
max-height: 100px;
}
span.title {
font-size: x-large;
}
.clear-fix {
clear: both;
}
.form { .form {
background-color: #eee; background-color: #eee;
width: 580px; /* Breite des Formulars */ width: 580px; /* Breite des Formulars */
@ -28,36 +55,12 @@ textarea {
margin-bottom: 1em; margin-bottom: 1em;
} }
span.title {
font-size: x-large;
}
.clear-fix { .clear-fix {
clear: both; clear: both;
} }
.blog-entry {
width: 600px;
display: flex;
padding-bottom: 30px;
}
button { button {
float: right; float: right;
padding-right: 20px;
}
.blog-image {
width: 30%;
}
img {
max-width: 90%;
max-height: 100px;
}
.blog-summary {
width: 70%;
} }
textarea { textarea {

View File

@ -1,5 +1,5 @@
import {Component} from '@angular/core'; import {Component} from '@angular/core';
import {ActivatedRoute, ActivatedRouteSnapshot, Router, RouterStateSnapshot} from '@angular/router'; import {ActivatedRoute, Router} from '@angular/router';
import {Title} from '@angular/platform-browser'; import {Title} from '@angular/platform-browser';
import {initialEntries} from './initialEntries'; import {initialEntries} from './initialEntries';
import {BlogEntry} from './blog-entry/blog-entry'; import {BlogEntry} from './blog-entry/blog-entry';
@ -12,14 +12,16 @@ import {BlogEntry} from './blog-entry/blog-entry';
export class BlogComponent { export class BlogComponent {
entries: BlogEntry[] = []; entries: BlogEntry[];
id = 0;
id: number = 0;
constructor(r: ActivatedRoute, private router: Router, private titleService: Title) { constructor(r: ActivatedRoute, private router: Router, private titleService: Title) {
this.entries = [];
this.entries = initialEntries; this.entries = initialEntries;
if (this.entries.length != 0) {
this.id = this.entries[this.entries.length-1].id; this.id = this.entries[this.entries.length-1].id;
} }
}
createBlogEntry(title:string, image:string, text:string) { createBlogEntry(title:string, image:string, text:string) {
this.id++; this.id++;
@ -35,7 +37,7 @@ export class BlogComponent {
deleteBlogEntry(id:number) { deleteBlogEntry(id:number) {
let entryIndex = this.entries.findIndex(entry => entry.id === id); let entryIndex = this.entries.findIndex(entry => entry.id === id);
if (entryIndex > -1) { if (entryIndex >= 0) {
this.entries.splice(entryIndex, 1); this.entries.splice(entryIndex, 1);
} }
} }