show categories in categoryList without photo

Author: sergio-gomezg

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

@@ -73,21 +73,19 @@
             <i class="fa fa-angle-right btn btn-default"></i>
         </div>
         <div class="full-width container-post">
-            <!--
-            {{#category}}
-            <div class="full-width post">
+            
+            <div *ngFor="let category of categories" class="full-width post">
                 <figure class="full-width post-img">
-                    <img alt="" class="img-responsive" src="category/{{ID_CATEGORY}}/imagen">
+                    <img alt="" class="img-responsive" src="category/{{category.id_CATEGORY}}/imagen">
                 </figure>
                 <div class="full-width post-info">
-                    <a class="full-width post-info-price" href="/commercial/{{ID_CATEGORY}}">{{TITLE}}</a>
-                    <span class="post-info-zone">{{DESCRIPTION}}</span>
-                    <a class="post-info-date" href="/categoryList/{{ID_CATEGORY}}/delete">x</a>
+                    <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>
 
                 </div>
             </div>
-            {{/category}}
-        -->
+       
         </div>
     </div>
 </div>

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

@@ -1,4 +1,4 @@
-import {Component} from '@angular/core';
+import {Component, OnInit} from '@angular/core';
 import { Category } from 'src/app/models/category.model';
 import {CategoryService} from '../../services/category.service';
 import {LoginService} from '../../services/login.service';
@@ -7,12 +7,22 @@ import {LoginService} from '../../services/login.service';
     selector: 'categoryList',
     templateUrl: './categoryList.component.html'
 })
-export class CategoryListComponent {
+export class CategoryListComponent implements OnInit{
+
+    categories: Category[];
+
     constructor(public categoryService: CategoryService, public loginService: LoginService) {
     }
+    ngOnInit(): void {
+        this.categoryService.getCategories().subscribe(
+            category => this.categories = category,
+            error => console.log(error)
+          );
+    }
 
     addCategory(event: any, title: string, description: string, icon: string): void {
         event.preventDefault();
         this.categoryService.addCategory(title,description,icon);
     }
+
 }

angular/wallypop/src/app/services/category.service.ts

@@ -37,7 +37,7 @@ export class CategoryService {
         this.httpClient.post(BASE_URL + 'admin/categories', {title, description, icon}, {withCredentials: true})
             .subscribe(
                 (response) => this.router.navigate(['profile']),
-                (error) => alert('Usuario ya existe, inicie sesión')
+                (error) => alert('Error al añadir categoria')
             );
         /*return this.httpClient.post(BASE_URL + 'admin/categories', {title, description, icon}, {withCredentials: true})
             .pipe(