diff options
Diffstat (limited to 'cds-ui/client/src/app/feature-modules/blueprint/modify-template/designer/designer.component.html')
| -rw-r--r-- | cds-ui/client/src/app/feature-modules/blueprint/modify-template/designer/designer.component.html | 106 |
1 files changed, 106 insertions, 0 deletions
diff --git a/cds-ui/client/src/app/feature-modules/blueprint/modify-template/designer/designer.component.html b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/designer/designer.component.html new file mode 100644 index 000000000..74c0fae12 --- /dev/null +++ b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/designer/designer.component.html @@ -0,0 +1,106 @@ +<!-- +============LICENSE_START========================================== +=================================================================== +Copyright (C) 2018-19 IBM Intellectual Property. All rights reserved. +=================================================================== + +Unless otherwise specified, all software contained herein is licensed +under the Apache License, Version 2.0 (the License); +you may not use this software except in compliance with the License. +You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software +distributed under the License is distributed on an "AS IS" BASIS, +WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +See the License for the specific language governing permissions and +limitations under the License. +============LICENSE_END============================================ --> + + + + +<!-- <div style="display: flex; flex-direction: row; height: 100%;width: 100%"> --> + <div style="display: flex; flex-direction: row; height: 100%;width: 100%"> + <div class="outerDiv divone"> + <mat-accordion> + <mat-expansion-panel> + <mat-expansion-panel-header style="background-color: #f1f1f1"> + <mat-panel-title> + Node types + </mat-panel-title> + </mat-expansion-panel-header> + <div class="flex-container"> + <div> + Node 1 + </div> + <div> + Node 2 + </div> + <div> + Node 3 + </div> + <div> + Node 4 + </div> + <div> + + </div> + </mat-expansion-panel> + <mat-expansion-panel (opened)="panelOpenState = true" + (closed)="panelOpenState = false"> + <mat-expansion-panel-header style="background-color: #f1f1f1"> + <mat-panel-title> + Policy + </mat-panel-title> + </mat-expansion-panel-header> + <div class="flex-container"> + <div> + Node 1 + </div> + <div> + Node 2 + </div> + <div> + Node 3 + </div> + <div> + Node 4 + </div> + <div> + Node 3 + </div> + + </div> + </mat-expansion-panel> + </mat-accordion> + </div> + <div class="outerDiv divtwo" (click)="on = !on"> + <canvas class="cnv" height="500"></canvas> + </div> + <div *ngIf="on" id="overlay" class="outerDiv divThree"> + <mat-accordion style="width: 100%"> + <mat-expansion-panel> + <mat-expansion-panel-header style="background-color: #f1f1f1"> + <mat-panel-title> + Properties + </mat-panel-title> + </mat-expansion-panel-header> + </mat-expansion-panel> + <mat-expansion-panel (opened)="panelOpenState = true" + (closed)="panelOpenState = false"> + <mat-expansion-panel-header style="background-color: #f1f1f1"> + <mat-panel-title> + Interface + </mat-panel-title> + </mat-expansion-panel-header> + </mat-expansion-panel> + </mat-accordion> + </div> + </div> + + + + <!-- </div> --> +
\ No newline at end of file |