sartography/cr-connect-bpmn
1
0
Fork 0
mirror of https://github.com/sartography/cr-connect-bpmn.git synced 2025-02-07 22:33:49 +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

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

@ -10,7 +10,7 @@
Add category
</button>
<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>
</div>
<mat-drawer-container class="example-container" autosize>
@ -26,38 +26,26 @@
</div>
</ng-container>
<mat-divider></mat-divider>
<ng-container>
<div class="category">
<h4>Libraries</h4>
<mat-list>
<mat-list-item *ngFor="let wfs of workflowLibraries" class="workflow-spec" fxLayout="row" fxLayoutGap="10px" fxLayoutAlign="start center">
<span [ngClass]="{'spec_menu_item':true, 'spec-selected': selectedSpec && wfs.id === selectedSpec.id}" (click)="selectSpec(wfs)">{{wfs.display_name}}</span>
<span class="spec-actions" fxLayout="row" fxLayoutGap="10px">
<button
mat-icon-button
title="Move up"
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>
<mat-accordion class="example-headers-align">
<mat-expansion-panel>
<mat-expansion-panel-header>
<mat-panel-title>
<h4>Libraries</h4>
</mat-panel-title>
</mat-expansion-panel-header>
<ng-container *ngFor="let wfs of workflowLibraries" class="workflow-spec" fxLayout="row" fxLayoutGap="10px" fxLayoutAlign="start center">
<span [ngClass]="{'spec_menu_item':true, 'library-selected': selectedSpec && wfs.id === selectedSpec.id}" (click)="selectSpec(wfs)">{{wfs.display_name}}</span>
</ng-container>
</mat-expansion-panel>
</mat-accordion>
</div>
</ng-container>
<mat-divider></mat-divider>
<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 {
button {
margin-right: 1em;