sartography
/
cr-connect-bpmn
mirror of https://github.com/sartography/cr-connect-bpmn.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fixes #504- Tweak Library Category Behavior 

kinda a weird solution, but introduces a variable so we can toggle expansion of "All libraries" alongside the list of categories
This commit is contained in:
alicia pritchett 2021-10-20 11:56:21 -04:00
parent 3df3953ae9
commit 9fb7e66355
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/workflow-spec-list/workflow-spec-list.component.html
View File

@ -31,7 +31,7 @@
</div> </div>
<mat-divider></mat-divider> <mat-divider></mat-divider>
<mat-accordion class="example-headers-align"> <mat-accordion class="example-headers-align">
<mat-expansion-panel [expanded]="selectedSpec && selectedSpec.library === true"> <mat-expansion-panel [expanded]="library_toggle" (opened)="libraryToggle(true)">
<mat-expansion-panel-header> <mat-expansion-panel-header>
<mat-panel-title> <mat-panel-title>
<h4>All Libraries</h4> <h4>All Libraries</h4>
@ -69,7 +69,7 @@
<div *ngIf="!(searchField.value && cat.workflow_specs.length === 0)"> <div *ngIf="!(searchField.value && cat.workflow_specs.length === 0)">
<ng-container *ngIf="!(cat.id === null && cat.workflow_specs.length === 0)"> <ng-container *ngIf="!(cat.id === null && cat.workflow_specs.length === 0)">
<mat-expansion-panel hideToggle (opened)="selectCat(cat)" [expanded]="isSelected(cat)"> <mat-expansion-panel hideToggle (opened)="selectCat(cat); libraryToggle(false)" [expanded]="isSelected(cat) && !library_toggle" >
<mat-expansion-panel-header> <mat-expansion-panel-header>
<mat-panel-description> <mat-panel-description>
<div *ngIf="cat.admin" style="color: darkorange"> <div *ngIf="cat.admin" style="color: darkorange">

8
src/app/workflow-spec-list/workflow-spec-list.component.ts
View File

@ -52,9 +52,8 @@ export class WorkflowSpecListComponent implements OnInit {
selectedCat: WorkflowSpecCategory; selectedCat: WorkflowSpecCategory;
workflowSpecsByCategory: WorkflowSpecCategoryGroup[] = []; workflowSpecsByCategory: WorkflowSpecCategoryGroup[] = [];
categories: WorkflowSpecCategory[]; categories: WorkflowSpecCategory[];
// moveUp = moveArrayElementUp;
// moveDown = moveArrayElementDown;
searchField: FormControl; searchField: FormControl;
library_toggle: boolean;
constructor( constructor(
private api: ApiService, private api: ApiService,
@ -101,6 +100,10 @@ export class WorkflowSpecListComponent implements OnInit {
return this.selectedCat && this.selectedCat.id === cat.id; return this.selectedCat && this.selectedCat.id === cat.id;
} }
libraryToggle(t: boolean) {
this.library_toggle = t;
}
selectSpec(selectedSpec?: WorkflowSpec) { selectSpec(selectedSpec?: WorkflowSpec) {
this.selectedSpec = selectedSpec; this.selectedSpec = selectedSpec;
this.location.replaceState(environment.homeRoute + '/' + selectedSpec.id); this.location.replaceState(environment.homeRoute + '/' + selectedSpec.id);
@ -253,6 +256,7 @@ export class WorkflowSpecListComponent implements OnInit {
wfs.forEach(ws => { wfs.forEach(ws => {
if (selectedSpecName && selectedSpecName === ws.id) { if (selectedSpecName && selectedSpecName === ws.id) {
this.selectedSpec = ws; this.selectedSpec = ws;
this.library_toggle = true;
} }
}); });
} else { } else {