45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
|
import {Component} from '@angular/core';
|
||
|
|
import {ActivatedRoute, ActivatedRouteSnapshot, Router, RouterStateSnapshot} from '@angular/router';
|
||
|
|
import {Title} from '@angular/platform-browser';
|
||
|
|
import {initialEntries} from './initialEntries';
|
||
|
|
import {BlogEntry} from './blog-entry/blog-entry';
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
selector: 'blog',
|
||
|
|
templateUrl: 'blog.component.html',
|
||
|
|
styleUrls: ['blog.component.css']
|
||
|
|
})
|
||
|
|
|
||
|
|
export class BlogComponent {
|
||
|
|
|
||
|
|
entries: BlogEntry[] = [];
|
||
|
|
id = 0;
|
||
|
|
|
||
|
|
constructor(r: ActivatedRoute, private router: Router, private titleService: Title) {
|
||
|
|
this.entries = [];
|
||
|
|
this.entries = initialEntries;
|
||
|
|
this.id = this.entries[this.entries.length-1].id;
|
||
|
|
}
|
||
|
|
|
||
|
|
createBlogEntry(title:string, image:string, text:string) {
|
||
|
|
this.id++;
|
||
|
|
console.log(this.id, title, image, text);
|
||
|
|
let entry = new BlogEntry();
|
||
|
|
entry.id = this.id;
|
||
|
|
entry.title = title;
|
||
|
|
entry.image = image;
|
||
|
|
entry.text = text;
|
||
|
|
|
||
|
|
this.entries.push(entry);
|
||
|
|
}
|
||
|
|
|
||
|
|
deleteBlogEntry(id:number) {
|
||
|
|
let entryIndex = this.entries.findIndex(entry => entry.id === id);
|
||
|
|
if (entryIndex > -1) {
|
||
|
|
this.entries.splice(entryIndex, 1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|