Add status in model.

cerberus/src/app/core/components/application-card/application-card.component.html

@@ -1,7 +1,7 @@
 <div class="application-card">
     <div class="logo">
-        <img [src]="application?.image" />
-        <div class="status {{application?.status}}" matTooltip="This application is running"></div>
+        <img [src]="applicationStatus?.application?.image" />
+        <div class="status {{applicationStatus?.status?.toLowerCase()}}" matTooltip="This application is running"></div>
     </div>
-    <div class="name">{{application?.name}}</div>
+    <div class="name">{{applicationStatus?.application?.name}}</div>
 </div>

cerberus/src/app/core/components/application-card/application-card.component.scss

@@ -29,7 +29,7 @@
                 background-image: linear-gradient(#5bc13e, #1fa200);
                 border: 2px solid #136900;
             }
-            &.stoped {
+            &.stopped {
                 background-image: linear-gradient(#c13e3e, #a20000);
                 border: 2px solid #770000;
             }

cerberus/src/app/core/components/application-card/application-card.component.ts

@@ -1,5 +1,6 @@
 import { Component, Input, OnInit } from '@angular/core';
 import { Application } from '../../entities/Application';
+import { ApplicationStatus } from '../../entities/ApplicationStatus';
 import { ApplicationService } from '../../services/application.service';
 
 interface AppDisplaying {
@@ -13,14 +14,10 @@ interface AppDisplaying {
   templateUrl: './application-card.component.html',
   styleUrls: ['./application-card.component.scss']
 })
-export class ApplicationCardComponent implements OnInit {
-  @Input() application: Application | undefined;
+export class ApplicationCardComponent {
+  @Input() applicationStatus: ApplicationStatus | undefined;
 
   constructor(
     private _applicationService: ApplicationService
   ) {}
-
-  ngOnInit(): void {
-    
-  }
 }

cerberus/src/app/core/entities/ApplicationStatus.ts

@@ -0,0 +1,6 @@
+import { Application } from "./Application";
+
+export interface ApplicationStatus {
+    application: Application;
+    status: string
+}

cerberus/src/app/core/services/application.service.ts

@@ -1,6 +1,7 @@
 import { HttpClient } from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { Application } from '../entities/Application';
+import { ApplicationStatus } from '../entities/ApplicationStatus';
 
 @Injectable({
   providedIn: 'root'
@@ -11,8 +12,8 @@ export class ApplicationService {
     private _httpClient: HttpClient
   ) {}
 
-  getAll(): Promise<Application[]> {
-    return this._httpClient.get<Application[]>('/api/applications').toPromise();
+  getAllStatus(): Promise<ApplicationStatus[]> {
+    return this._httpClient.get<ApplicationStatus[]>('/api/applications/status').toPromise();
   }
 
   add(application: Application): Promise<Application> {