diff options
| author |   Arundathi Patil <arundpil@in.ibm.com> | 2019-02-26 16:01:13 +0530 |
|---|---|---|
| committer | IBM602-PC0F1E3C\Arundathi <arundpil@in.ibm.com> | 2019-02-26 16:01:21 +0530 |
| commit | 39ba35a576b26c28ed01391f8361a82150ead4bd (patch) | |
| tree | 727bfceed45c95402599ff6a7fb90b2e65e28226 /cds-ui/client/src/app/feature-modules/blueprint/deploy-template/deploy-template.component.html | |
| parent | a9a51128e6197fbb4efb38b5cd73e247d7c1fa45 (diff) | |
Deploy component
Created UI for buleprint deploy and save
Issue-ID: CCSDK-1102
Change-Id: I1c3874361cffc5e446f187d7ea4e4622c94948c8
Signed-off-by: Arundathi Patil <arundpil@in.ibm.com>
Diffstat (limited to 'cds-ui/client/src/app/feature-modules/blueprint/deploy-template/deploy-template.component.html')
| -rw-r--r-- | cds-ui/client/src/app/feature-modules/blueprint/deploy-template/deploy-template.component.html | 39 |
1 files changed, 35 insertions, 4 deletions
diff --git a/cds-ui/client/src/app/feature-modules/blueprint/deploy-template/deploy-template.component.html b/cds-ui/client/src/app/feature-modules/blueprint/deploy-template/deploy-template.component.html index fc7083df3..739ef0479 100644 --- a/cds-ui/client/src/app/feature-modules/blueprint/deploy-template/deploy-template.component.html +++ b/cds-ui/client/src/app/feature-modules/blueprint/deploy-template/deploy-template.component.html @@ -18,8 +18,39 @@ See the License for the specific language governing permissions and limitations under the License. ============LICENSE_END============================================ --> +<div style="height: 556px;"> +<div style="height: 90%;overflow-y: scroll;border: 1px solid grey"> + <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> -<p> - deploy-template works! -</p> -<router-outlet></router-outlet> +<div style="height: 10%"> + <button style="margin: 1em; + background-color: #3f51b5; + color: white; + border-radius: 2em; + padding: 0.5em;">Deploy/Save</button> + <button style="margin: 1em; + background-color: #3f51b5; + color: white; + border-radius: 2em; + padding: 0.5em;">Download</button> +</div> + +</div> |