Remove category working

Author: sergio-gomezg

angular/wallypop/src/app/components/category/categoryList.component.html

@@ -81,7 +81,7 @@
                 <div class="full-width post-info">
                     <a class="full-width post-info-price" href="/commercial/{{category.id_CATEGORY}}">{{category.title}}</a>
                     <span class="post-info-zone">{{category.description}}</span>
-                    <a class="post-info-date" href="/categoryList/{{category.id_CATEGORY}}/delete">x</a>
+                    <a class="post-info-date" (click)="removeCategory(category)" href="/categoryList">x</a>
 
                 </div>
             </div>

angular/wallypop/src/app/components/category/categoryList.component.ts

@@ -1,4 +1,5 @@
 import {Component, OnInit} from '@angular/core';
+import { Router } from '@angular/router';
 import { Category } from 'src/app/models/category.model';
 import {CategoryService} from '../../services/category.service';
 import {LoginService} from '../../services/login.service';
@@ -11,7 +12,7 @@ export class CategoryListComponent implements OnInit{
 
     categories: Category[];
 
-    constructor(public categoryService: CategoryService, public loginService: LoginService) {
+    constructor(public categoryService: CategoryService, public loginService: LoginService, private router: Router) {
     }
     ngOnInit(): void {
         this.categoryService.getCategories().subscribe(
@@ -25,4 +26,14 @@ export class CategoryListComponent implements OnInit{
         this.categoryService.addCategory(title,description,icon);
     }
 
+    removeCategory(removeCategorySelected: Category): void {
+        const okResponse = window.confirm('Do you want to remove this category?');
+        if (okResponse) {
+            this.categoryService.deleteCategory(removeCategorySelected).subscribe(
+                _ => this.router.navigate(['/category']),
+                error => console.error(error)
+            );
+        }
+    }
+
 }