Implement handling of deployment failures

src/app/services/processcommand.ts

@@ -1,4 +1,5 @@
 export class ProcessCommand {
   command: string;
   process_name: string;
+  error: boolean
 }

src/app/services/processmanager.service.ts

@@ -16,9 +16,9 @@ export class ProcessManagerService {
     this.webSocketService.connect();
   }
 
-  subscribeCallback(process_name: string, callback: (event: any) => void) {
+  subscribeCallback(process_name: string, error: boolean, callback: (event: any) => void) {
     this.webSocketService.observeKey<ProcessCommand>(this.key)
-      .pipe(filter(message => message.data.process_name === process_name)).subscribe(callback);
+      .pipe(filter(message => message.data.process_name === process_name && message.data.error === error)).subscribe(callback);
   }
 
   sendCommand(command: string, process_name: string) {

src/app/webide/webide.component.html

@@ -27,7 +27,9 @@
         [class.btn-success]="deployButtonState === 'DEPLOYED'"
         [class.btn-info]="deployButtonState === 'DEPLOYING'"
         [class.disabled]="deployButtonState === 'DEPLOYING' || deployButtonState === 'DEPLOYED'"
+        [class.btn-danger]="deployButtonState === 'FAILED'"
 ><span *ngIf="deployButtonState === 'TODEPLOY'">Deploy</span>
  <span *ngIf="deployButtonState === 'DEPLOYED'">Deploy</span>
- <span *ngIf="deployButtonState === 'DEPLOYING'"><div class="loader"></div>Reloading app...</span></button>
+ <span *ngIf="deployButtonState === 'DEPLOYING'"><div class="loader"></div>Reloading app...</span>
+ <span *ngIf="deployButtonState === 'FAILED'">Deployment failed</span></button>
 </div>

src/app/webide/webide.component.ts

@@ -50,7 +50,8 @@ export class WebideComponent implements OnInit {
     this.subscribeWS();
     this.requestCode();
     this.processManagerService.init();
-    this.processManagerService.subscribeCallback('login', (event) => { this.setDeployButtonState('DEPLOYED'); });
+    this.processManagerService.subscribeCallback('login', false, (event) => { this.setDeployButtonState('DEPLOYED'); });
+    this.processManagerService.subscribeCallback('login', true, (event) => { this.setDeployButtonState('FAILED'); });
     this.resetAutoSaveCountdown();
   }