diff options
author | 2019-02-18 20:06:57 +0530 | |
---|---|---|
committer | 2019-02-18 20:07:10 +0530 | |
commit | c43c812f778c56c981a8901cb1db121cf40bb1c2 (patch) | |
tree | e4c4d61feab71cc8de06fa86906a84de0cf42c70 /cds-ui/client/src/app/feature-modules/blueprint/modify-template/modify-template.component.html | |
parent | 933e47233a168840a64e3ac97711a35d0e5731fb (diff) |
designer component
Added designer component selector to modify component
Issue-ID: CCSDK-975
Change-Id: I0d80f003dbf6de12b9a690156836fa7f05cdcc75
Signed-off-by: Arundathi Patil <arundpil@in.ibm.com>
Diffstat (limited to 'cds-ui/client/src/app/feature-modules/blueprint/modify-template/modify-template.component.html')
-rw-r--r-- | cds-ui/client/src/app/feature-modules/blueprint/modify-template/modify-template.component.html | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/cds-ui/client/src/app/feature-modules/blueprint/modify-template/modify-template.component.html b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/modify-template.component.html index c41bdafb7..1ba944a30 100644 --- a/cds-ui/client/src/app/feature-modules/blueprint/modify-template/modify-template.component.html +++ b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/modify-template.component.html @@ -61,6 +61,7 @@ limitations under the License. <!-- <svg id="svgArea" width="1000px" height="100%" style="background-color: #C0C0C0"> --> <!-- <rect x="0" y="0" width="300" height="200" fill="yellow"></rect> --> <!-- </svg> --> + <app-designer></app-designer> </div> @@ -71,6 +72,18 @@ limitations under the License. <div *ngIf="on" id="overlay" class="outerDiv divThree"> <mat-accordion style="width: 100%"> + <mat-expansion-panel (opened)="panelOpenState = true" (closed)="panelOpenState = false"> + <mat-expansion-panel-header style="background-color: #f1f1f1"> + <mat-panel-title> + Type + </mat-panel-title> + </mat-expansion-panel-header> + + <div class="item-list"> + <div class="item-box">vnf-netconf-device</div> + </div> + </mat-expansion-panel> + <mat-expansion-panel> <mat-expansion-panel-header style="background-color: #f1f1f1"> <mat-panel-title> @@ -91,6 +104,56 @@ limitations under the License. </div> </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> + + <div class="item-list"> + <div class="item-box" *ngFor="let item of review" cdkDrag>{{item}}</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> + Artifacts + </mat-panel-title> + </mat-expansion-panel-header> + + <div class="item-list"> + <div class="item-box" *ngFor="let item of review" cdkDrag>{{item}}</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> + Inputs + </mat-panel-title> + </mat-expansion-panel-header> + + <div class="item-list"> + <div class="item-box" *ngFor="let item of review" cdkDrag>{{item}}</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> + Capabilities + </mat-panel-title> + </mat-expansion-panel-header> + + <div class="item-list"> + <div class="item-box" *ngFor="let item of review" cdkDrag>{{item}}</div> + </div> + </mat-expansion-panel> + + + </mat-accordion> </div> </div>
\ No newline at end of file |