diff options
Diffstat (limited to 'cds-ui/client/src/app/feature-modules/blueprint/test-template/test-template.component.html')
-rw-r--r-- | cds-ui/client/src/app/feature-modules/blueprint/test-template/test-template.component.html | 75 |
1 files changed, 47 insertions, 28 deletions
diff --git a/cds-ui/client/src/app/feature-modules/blueprint/test-template/test-template.component.html b/cds-ui/client/src/app/feature-modules/blueprint/test-template/test-template.component.html index 1fca8d1b7..7c225d285 100644 --- a/cds-ui/client/src/app/feature-modules/blueprint/test-template/test-template.component.html +++ b/cds-ui/client/src/app/feature-modules/blueprint/test-template/test-template.component.html @@ -19,34 +19,53 @@ limitations under the License. ============LICENSE_END============================================ --> <div style="display: flex;flex-direction: row"> - <div style="width: 20%;margin: 2px"> - <mat-tree [dataSource]="dataSource" [treeControl]="treeControl"> - <!-- This is the tree node template for leaf nodes --> - <mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding> - <!-- use a disabled button to provide padding for tree leaf --> - <button mat-icon-button disabled></button> - <span (click)="fileClicked(node.name)">{{node.name}}</span> - </mat-tree-node> - <!-- This is the tree node template for expandable nodes --> - <mat-tree-node *matTreeNodeDef="let node;when: hasChild" matTreeNodePadding> - <button mat-icon-button matTreeNodeToggle - [attr.aria-label]="'toggle ' + node.name"> - <mat-icon class="mat-icon-rtl-mirror"> - {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}} - </mat-icon> - </button> - <span (click)="fileClicked(node.name)">{{node.name}}</span> - </mat-tree-node> - </mat-tree> + + <div style="width: 12%; height: 553px;"> + + <mat-accordion> + <mat-expansion-panel> + <mat-expansion-panel-header style="background-color: #f1f1f1"> + <mat-panel-title> + Workflows + </mat-panel-title> + </mat-expansion-panel-header> + <div class="flex-container"> + <div style="cursor: pointer; padding: 2px" (click)="createRequest(workflow)" class="item-box" *ngFor="let workflow of workflows">{{workflow.name}}</div> + </div> + </mat-expansion-panel> + </mat-accordion> + </div> + + <div style="width: 90%;display: flex;flex-direction: row; margin-left: 1em"> + <div style="width: 50%; margin: 2px;"> + <p>Request</p> + <textarea style=" width: 99%; + min-height: 27rem; + font-family: Lucida Console, Monaco, monospace; + font-size: 0.8rem; + line-height: 1.2;" cols="30" rows="10">{{request }}</textarea> + <div style="height: 10%"> + <button style="margin: 1em; + background-color: #3f51b5; + color: white; + border-radius: 2em; + padding: 0.5em;min-width: 6em;">Submit</button> + <button style="margin: 1em; + background-color: #3f51b5; + color: white; + border-radius: 2em; + padding: 0.5em;min-width: 6em;">Clear</button> + </div> + </div> + + <div style="width: 50%; margin: 2px;"> + <p>Response</p> + <textarea style=" width: 99%; + min-height: 27rem; + font-family: Lucida Console, Monaco, monospace; + font-size: 0.8rem; + line-height: 1.2;" cols="30" rows="10"></textarea> + </div> </div> - <div style="width: 80%;background-color: gainsboro;height: 533px;"></div> -</div> -<div> - <button style=" background-color: #3f51b5; - color: white; - border: 2px solid; - width: 8em; - height: 3em; - border-radius: 2em;">Test</button> </div> |