sartography/cr-connect-bpmn
1
0
Fork 0
mirror of https://github.com/sartography/cr-connect-bpmn.git synced 2025-02-14 17:38:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Allow libraries in the left hand side to be collapsed by default.

Browse Source 
Fixes #411
This commit is contained in:
Kelly McDonald 2021-08-18 09:24:42 -04:00
parent 1fbe01c3af
commit a32a77fcbc
2 changed files with 21 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -10,7 +10,7 @@
Add category Add category
</button> </button>
<mat-form-field class="search-field"> <mat-form-field class="search-field">
<input matInput type="search" placeholder="Search Workflows" class="form-control" [formControl]="searchField"> <label><input matInput type="search" placeholder="Search Workflows" class="form-control" [formControl]="searchField"></label>
</mat-form-field> </mat-form-field>
</div> </div>
<mat-drawer-container class="example-container" autosize> <mat-drawer-container class="example-container" autosize>
@ -26,38 +26,26 @@
</div> </div>
</ng-container> </ng-container>
<mat-divider></mat-divider> <mat-divider></mat-divider>
<ng-container> <ng-container>
<div class="category"> <div class="category">
<mat-accordion class="example-headers-align">
<mat-expansion-panel>
<mat-expansion-panel-header>
<mat-panel-title>
<h4>Libraries</h4> <h4>Libraries</h4>
<mat-list> </mat-panel-title>
<mat-list-item *ngFor="let wfs of workflowLibraries" class="workflow-spec" fxLayout="row" fxLayoutGap="10px" fxLayoutAlign="start center"> </mat-expansion-panel-header>
<span [ngClass]="{'spec_menu_item':true, 'spec-selected': selectedSpec && wfs.id === selectedSpec.id}" (click)="selectSpec(wfs)">{{wfs.display_name}}</span> <ng-container *ngFor="let wfs of workflowLibraries" class="workflow-spec" fxLayout="row" fxLayoutGap="10px" fxLayoutAlign="start center">
<span class="spec-actions" fxLayout="row" fxLayoutGap="10px"> <span [ngClass]="{'spec_menu_item':true, 'library-selected': selectedSpec && wfs.id === selectedSpec.id}" (click)="selectSpec(wfs)">{{wfs.display_name}}</span>
<button </ng-container>
mat-icon-button </mat-expansion-panel>
title="Move up" </mat-accordion>
color="primary"
>
<mat-icon>arrow_upward</mat-icon>
</button>
<button
mat-icon-button
title="Move down"
color="primary"
>
<mat-icon>arrow_downward</mat-icon>
</button>
</span>
<!--
<ng-container *ngTemplateOutlet="workflowSpecCard; context: {wfs: wfs, cat: cat}"></ng-container>
-->
</mat-list-item>
</mat-list>
</div> </div>
</ng-container> </ng-container>
<mat-divider></mat-divider> <mat-divider></mat-divider>
<ng-container> <ng-container>

5
src/app/workflow-spec-list/workflow-spec-list.component.scss
View File

@ -75,6 +75,11 @@
} }
.library-selected {
font-weight: bold;
}
.workflow-spec-actions { .workflow-spec-actions {
button { button {
margin-right: 1em; margin-right: 1em;