angular4-testing/project-manager/src/app/blog/blog.component.ts

import {Component} from '@angular/core';
import {ActivatedRoute, Router} 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: number = 0;

  constructor(r: ActivatedRoute, private router: Router, private titleService: Title) {
    this.entries = initialEntries;
    if (this.entries.length != 0) {
      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 >= 0) {
      this.entries.splice(entryIndex, 1);
    }
  }

}