#6 display worker logs

Author: Conradowatz

backend/openapi.yaml

@@ -646,6 +646,8 @@ components:
           type: array
           items:
             $ref: '#/components/schemas/AnvilJob'
+        logs:
+          type: string
     SuccessResponse:
       type: object
       properties: 

backend/src/controller/AnvilWorker.ts

@@ -13,6 +13,7 @@ export enum AnvilWorkerStatus {
 export class AnvilWorker {
     public readonly id: string;
     public readonly name: string;
+    public logs: string;
     public status: AnvilWorkerStatus;
     private timer: NodeJS.Timeout;
     private commands: AnvilCommand[];
@@ -25,6 +26,7 @@ export class AnvilWorker {
         this.status = AnvilWorkerStatus.IDLE;
         this.commands = [];
         this.jobs = [];
+        this.logs = "";
         this.keepAlive();
     }
 
@@ -49,7 +51,8 @@ export class AnvilWorker {
             id: this.id,
             name: this.name,
             status: this.status.toString(),
-            jobs: this.jobs.map(j => j.apiObject())
+            jobs: this.jobs.map(j => j.apiObject()),
+            logs: this.logs
         }
     }
 

backend/src/endpoints/WorkerEndpoint.ts

@@ -37,6 +37,9 @@ export namespace WorkerEndpoint {
                 return next(new BadRequest("id not valid"));
             }
             worker.keepAlive();
+            if (req.body.logs && req.body.logs.trim().length > 0) {
+                worker.logs += req.body.logs;
+            }
             res.json(worker.fetchCommand(status));
         }
 

backend/src/lib/data_types.ts

@@ -103,7 +103,8 @@ export interface IAnvilWorker {
     name: string,
     id: string,
     status: string,
-    jobs: IAnvilJob[]
+    jobs: IAnvilJob[],
+    logs: string
 }
 
 export interface IAnvilJob {

frontend/src/views/ControllerView.vue

@@ -58,6 +58,10 @@
                         <span v-else>
                             No Jobs running.
                         </span>
+                        <br>
+                        <code v-if="worker.logs">
+                            {{ worker.logs }}
+                        </code>
                     </main>
                     <footer class="buttons">
                         <span v-if="worker.status == 'WORKING'" :aria-busy="true"></span>
@@ -160,4 +164,11 @@ article {
     --table-row-stripped-background-color: rgb(227, 227, 227);
     background-color: rgb(227, 227, 227);
 }
+
+code {
+    white-space: pre-line;
+    max-height: 10rem;
+    width: 100%;
+    overflow-x: scroll;
+}
 </style>