Sorting tiles by their order in the jobspec name

src/app/executions/execution/execution-detail/execution-detail.component.ts

@@ -89,12 +89,13 @@ export class ExecutionDetailComponent implements OnInit, OnDestroy, OnChanges {
   }
 
   refreshTiles(newTiles: Tile[]) {
-    // Sort newTiles by name before they're stored on this component
-    this.tiles = new Map<string, Tile>(
-      newTiles
-        .sort((a, b) => a.name.localeCompare(b.name, undefined, { numeric: true }))
-        .map(tile => [tile.name, tile])
-    );
+    if (this.job.jobspec_name.includes('_')) {
+      // Sort newTiles by their order in the jobspec name before they're stored on this component
+      const tileOrder: string[] = this.job.jobspec_name.split('_')[1].split('.');
+      newTiles = newTiles.sort((a, b) => tileOrder.indexOf(a.name) - tileOrder.indexOf(b.name));
+    }
+
+    this.tiles = new Map<string, Tile>(newTiles.map(tile => [tile.name, tile]));
     for (const controlName in this.tilesFormGroup.controls) {
       this.tilesFormGroup.removeControl(controlName);
     }