Merge pull request #68 from sartography/bug/move_workflow_spec_260

Bug/move workflow spec 260

package.json

@@ -52,6 +52,7 @@
     "ngx-file-drop": "^9.0.1",
     "ngx-highlightjs": "^4.1.1",
     "ngx-markdown": "^9.1.1",
+    "protractor": "^7.0.0",
     "rxjs": "~6.5.4",
     "sartography-workflow-lib": "0.0.415",
     "tslib": "^1.13.0",
@@ -64,10 +65,10 @@
     "@angular/cli": "^9.1.11",
     "@angular/compiler-cli": "^9.1.12",
     "@angular/language-service": "^9.1.12",
+    "@babel/compat-data": "7.9.0",
     "@babel/core": "^7.10.5",
     "@babel/preset-env": "^7.10.4",
     "@babel/preset-react": "^7.10.4",
-    "@babel/compat-data": "7.9.0",
     "@types/jasmine": "^3.5.11",
     "@types/jasminewd2": "^2.0.8",
     "@types/node": "^12.12.50",
@@ -82,7 +83,6 @@
     "karma-jasmine-html-reporter": "^1.5.4",
     "mockdate": "^2.0.5",
     "postcss-short": "^5.0.0",
-    "protractor": "^7.0.0",
     "puppeteer": "^2.1.1",
     "sonar-scanner": "^3.1.0",
     "ts-node": "~8.6.2",

src/app/workflow-spec-list/workflow-spec-list.component.html

@@ -33,7 +33,7 @@
 
         <div *ngIf="!(searchField.value && cat.workflow_specs.length === 0)">
         <ng-container *ngIf="!(cat.id === null && cat.workflow_specs.length === 0)">
-          <mat-expansion-panel hideToggle [expanded]="categoryExpanded(cat)">
+          <mat-expansion-panel hideToggle (opened)="selectCat(cat)" [expanded]="selectedSpec.category_id == cat.id">
             <mat-expansion-panel-header>
               <mat-panel-title>
                 {{cat.display_name}}

src/app/workflow-spec-list/workflow-spec-list.component.ts

@@ -88,6 +88,10 @@ export class WorkflowSpecListComponent implements OnInit {
     });
   }
 
+  selectCat(selectedCat?: WorkflowSpecCategory) {
+    this.selectedCat = selectedCat;
+  }
+
   selectSpec(selectedSpec?: WorkflowSpec) {
     this.selectedSpec = selectedSpec;
     this.location.replaceState(environment.homeRoute + '/' + selectedSpec.name);
@@ -118,7 +122,7 @@ export class WorkflowSpecListComponent implements OnInit {
 
     dialogRef.afterClosed().subscribe((data: WorkflowSpecDialogData) => {
       if (data && data.id && data.name && data.display_name && data.description) {
-        this._upsertWorkflowSpecification(selectedSpec == null,  data);
+        this._upsertWorkflowSpecification(selectedSpec == null, data);
       }
     });
   }
@@ -205,7 +209,6 @@ export class WorkflowSpecListComponent implements OnInit {
         this.workflowSpecsByCategory.push(cat);
         this.workflowSpecsByCategory[i + 1].workflow_specs = [];
       });
-
       this._loadWorkflowSpecs(selectedSpecName);
     });
   }
@@ -372,6 +375,11 @@ export class WorkflowSpecListComponent implements OnInit {
   }
 
   private _updateSpecDisplayOrders(specs: WorkflowSpec[]) {
+    if (this.selectedCat && this.selectedSpec.category) {
+      if (this.selectedCat.id !== this.selectedSpec.category.id) {
+        this.selectedSpec = specs[0];
+      }
+    }
     let numUpdated = 0;
     specs.forEach((spec, j) => {
       const newSpec = createClone({ circles: true })(spec);