diff --git a/src/app/workflow-spec-card/workflow-spec-card.component.html b/src/app/workflow-spec-card/workflow-spec-card.component.html index 898136d..271c9bb 100644 --- a/src/app/workflow-spec-card/workflow-spec-card.component.html +++ b/src/app/workflow-spec-card/workflow-spec-card.component.html @@ -5,17 +5,13 @@
- - - - - +
+ Master status spec +
diff --git a/src/app/workflow-spec-card/workflow-spec-card.component.scss b/src/app/workflow-spec-card/workflow-spec-card.component.scss index 65b66ea..91174f6 100644 --- a/src/app/workflow-spec-card/workflow-spec-card.component.scss +++ b/src/app/workflow-spec-card/workflow-spec-card.component.scss @@ -5,7 +5,23 @@ mat-card { border: 1px solid $brand-gray; &.master-status { - border: 2px dashed $brand-accent; + position: relative; + border: 4px solid $brand-accent; + overflow: hidden; + + .master-status-label { + position: absolute; + width: 300px; + font-size: 1rem; + text-align: center; + top: 55px; + right: -90px; + background-color: $brand-accent; + color: white; + padding: 10px; + transform: rotate(45deg); + + } } mat-card-title { diff --git a/src/app/workflow-spec-list/workflow-spec-list.component.html b/src/app/workflow-spec-list/workflow-spec-list.component.html index 66aff55..bc8f5a3 100644 --- a/src/app/workflow-spec-list/workflow-spec-list.component.html +++ b/src/app/workflow-spec-list/workflow-spec-list.component.html @@ -25,27 +25,36 @@
- - - -
- - - -
-
+
No workflow specs in this category
+ + +

Master Status Specification

+ +
+ + + +
+ + + +
+
+
+ diff --git a/src/app/workflow-spec-list/workflow-spec-list.component.ts b/src/app/workflow-spec-list/workflow-spec-list.component.ts index 6f606a8..bc23b17 100644 --- a/src/app/workflow-spec-list/workflow-spec-list.component.ts +++ b/src/app/workflow-spec-list/workflow-spec-list.component.ts @@ -30,6 +30,7 @@ interface WorklflowSpecCategoryGroup { export class WorkflowSpecListComponent implements OnInit { workflowSpecs: WorkflowSpec[] = []; selectedSpec: WorkflowSpec; + masterStatusSpec: WorkflowSpec; selectedCat: WorkflowSpecCategory; workflowSpecsByCategory: WorklflowSpecCategoryGroup[] = []; categories: WorkflowSpecCategory[]; @@ -155,7 +156,13 @@ export class WorkflowSpecListComponent implements OnInit { this.api.getWorkflowSpecList().subscribe(wfs => { this.workflowSpecs = wfs; this.workflowSpecsByCategory.forEach(cat => { - cat.workflow_specs = this.workflowSpecs.filter(wf => wf.category_id === cat.id); + cat.workflow_specs = this.workflowSpecs.filter(wf => { + if (wf.is_master_spec) { + this.masterStatusSpec = wf; + } else { + return wf.category_id === cat.id; + } + }); }); }); } diff --git a/src/material-theme.scss b/src/material-theme.scss index 36d59eb..4603d4a 100644 --- a/src/material-theme.scss +++ b/src/material-theme.scss @@ -169,6 +169,10 @@ color: white; } + .mat-tooltip { + font-size: 1rem !important; + } + .pad-0 { padding: 0px; }