Fix prep task crash (#931)

Author: timotheeguerin

app/components/job/job-hook-task/job-hook-task-details/job-hook-task-details.component.ts

@@ -1,21 +1,45 @@
-import { Component, Input } from "@angular/core";
-import { JobHookTask } from "app/models";
+import { Component, Input, OnInit } from "@angular/core";
 
 import { FileExplorerConfig } from "app/components/file/browse/file-explorer";
+import { JobHookTask, Node } from "app/models";
+import { NodeParams, NodeService } from "app/services";
+import { EntityView } from "app/services/core";
 import "./job-hook-task-details.scss";
 
 @Component({
     selector: "bl-job-hook-task-details",
     templateUrl: "job-hook-task-details.html",
 })
-export class JobHookTaskDetailsComponent {
+export class JobHookTaskDetailsComponent implements OnInit {
     @Input() public task: JobHookTask;
-
     @Input() public type: string = "preparationTask";
+    public node: Node;
+    public loading = true;
 
     public fileExplorerConfig: FileExplorerConfig = {
         showTreeView: false,
     };
+
+    private _nodeData: EntityView<Node, NodeParams>;
+
+    constructor(nodeService: NodeService) {
+        this._nodeData = nodeService.view();
+        this._nodeData.item.subscribe((node) => {
+            this.node = node;
+        });
+    }
+
+    public ngOnInit() {
+        this._nodeData.fetch().subscribe({
+            next: () => {
+                this.loading = false;
+            },
+            error: () => {
+                this.loading = false;
+            },
+        });
+    }
+
     public get currentFolder() {
         const info = this.task[this.type];
         return info && info.taskRootDirectory;

app/components/job/job-hook-task/job-hook-task-details/job-hook-task-details.html

@@ -1,8 +1,14 @@
 <div *ngIf="task">
     <div class="info">
-        <span>Node: <a [routerLink]="['/pools', task.poolId, 'nodes', task.nodeId]">{{task.nodeId}}</a></span>
+        <span>Node:
+            <a [routerLink]="['/pools', task.poolId, 'nodes', task.nodeId]">{{task.nodeId}}</a>
+        </span>
     </div>
-    <bl-node-file-browse [poolId]="task.poolId" [nodeId]="task.nodeId" [fileExplorerConfig]="fileExplorerConfig" [folder]="currentFolder"
-        *ngIf="currentFolder">
+    <bl-node-file-browse [poolId]="task.poolId" [nodeId]="task.nodeId" [node]="node" [fileExplorerConfig]="fileExplorerConfig"
+        [folder]="currentFolder" *ngIf="node && currentFolder">
     </bl-node-file-browse>
+
+    <div *ngIf="!node && !loading" class="info-overlay node-unavailable">
+        Node where this task ran doesn't exists anymore.
+    </div>
 </div>

app/components/job/job-hook-task/job-hook-task-details/job-hook-task-details.scss

@@ -1,4 +1,7 @@
 bl-job-hook-task-details {
+    display: block;
+    position: relative;
+    height: 100%;
     .info {
         padding: 0 10px;
     }