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

wip - moving some buttons around and stuff

Browse Source
This commit is contained in:
alicia pritchett 2021-09-22 09:49:53 -04:00
parent 6b71a8a16e
commit 034c325046
2 changed files with 21 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,16 +1,8 @@
<div class="workflow-specs" fxLayout="column" fxLayoutGap="10px">
<h1>Workflow Specifications</h1>
<div class="buttons" fxLayout="row" fxLayoutGap="10px">
<button id="add_spec" mat-flat-button color="primary" (click)="editWorkflowSpec()" fxLayoutAlign="stretch">
<mat-icon>library_add</mat-icon>
Add Library Spec
</button>
<button id="add_library" mat-flat-button color="primary" (click)="editWorkflowSpec()" fxLayoutAlign="stretch">
<mat-icon>library_add</mat-icon>
Add Study Spec
</button>
<mat-form-field class="search-field">
<label><input matInput type="search" placeholder="Search Workflows" class="form-control" [formControl]="searchField"></label>
<label><input matInput type="search" placeholder="Search Workflows" fxLayoutAlign="start" class="form-control" [formControl]="searchField"></label>
</mat-form-field>
</div>
<mat-drawer-container class="example-container" autosize>
@ -27,13 +19,21 @@
</ng-container>
<mat-divider></mat-divider>
<mat-divider></mat-divider>
<ng-container>
<div class="category">
<mat-accordion class="example-headers-align">
<div class="category" fxLayout="row">
<h4>Library Specs</h4>
<button id="add_spec" title="Add new Library" mat-flat-button color="primary" (click)="editWorkflowSpec()" fxLayoutAlign="start">
<mat-icon>library_add</mat-icon>
</button>
</div>
<mat-divider></mat-divider>
<mat-accordion class="example-headers-align">
<mat-expansion-panel>
<mat-expansion-panel-header>
<mat-panel-title>
<h4>Library Specs</h4>
<h4>All Libraries</h4>
</mat-panel-title>
</mat-expansion-panel-header>
<mat-list>
@ -45,20 +45,21 @@
</mat-list>
</mat-expansion-panel>
</mat-accordion>
</div>
</ng-container>
<mat-divider></mat-divider>
<ng-container>
<div class="category" fxLayout="row">
<h4>Study Specs</h4>
<button id="add_category" mat-flat-button color="accent" (click)="editWorkflowSpecCategory()" fxLayoutAlign="stretch">
<mat-icon>post_add</mat-icon>
Add category
</button>
<button id="add_category" title="Add new Category" mat-flat-button color="accent" (click)="editWorkflowSpecCategory()" fxLayoutAlign="stretch">
<mat-icon>post_add</mat-icon>
</button>
<button id="add_library" title="Add new Study Spec" mat-flat-button color="primary" (click)="editWorkflowSpec()" fxLayoutAlign="start">
<mat-icon>library_add</mat-icon>
</button>
</div>
<mat-divider></mat-divider>

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

@ -17,7 +17,7 @@
}
.category {
padding: 1rem 1rem 1rem 0;
padding: 2rem 1rem 1rem 0;
h4 {
margin: 1rem 1rem 0 0;