diff options
author | ShaabanEltanany <shaaban.eltanany.ext@orange.com> | 2020-10-07 10:20:21 +0200 |
---|---|---|
committer | ShaabanEltanany <shaaban.eltanany.ext@orange.com> | 2020-10-07 10:20:21 +0200 |
commit | 0dd225849c1e874219de60b36313000bf17d17d8 (patch) | |
tree | 390550771cac50c5ffde88279017f1377b555ca3 /cds-ui/designer-client/src/app/modules/feature-modules | |
parent | cbd6d18fc892cb00ce4e405c6b4edf2bc0bceee7 (diff) |
divide html components to action and function attributes
Issue-ID: CCSDK-2874
Signed-off-by: ShaabanEltanany <shaaban.eltanany.ext@orange.com>
Change-Id: Ieb428c80a3125909adbad1600861448437b00326
Diffstat (limited to 'cds-ui/designer-client/src/app/modules/feature-modules')
5 files changed, 416 insertions, 356 deletions
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/action-attributes/action-attributes.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/action-attributes/action-attributes.component.html index d7698c06b..051ef1634 100644 --- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/action-attributes/action-attributes.component.html +++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/action-attributes/action-attributes.component.html @@ -1,118 +1,93 @@ -<ng-sidebar [(opened)]="actionAttributesSideBar" [sidebarClass]="'demo-sidebar attributesSideBar '" [mode]="'push'" - [position]="'right'" #sidebarRight1> - <div class="container-fluid0"> - <div class="row m-0"> - <div class="col attributesContainer"> - <div class="row m-0 attributesContainertTitle"> - <div class="col-2 pl-0"> - <button (click)="sidebarRight1.close()" class="closeBar" tooltip="Close" placement="bottom"><i - class="icon-close" type="button" aria-hidden="true"></i></button> - </div> - <h6 class="col pl-0">Action Attributes</h6> - <div class="col-3 pl-0"> - <div class="btn-group" role="group" aria-label="Basic example"> - <button type="button" class="btn view-source" tooltip="View Action Source" - placement="bottom"><i class="icon-source"></i></button> - <button type="button" data-toggle="modal" data-target="#exampleModalScrollable1" - class="btn trash-item" tooltip="Delete Action" placement="bottom"><i - class="icon-delete-sm" aria-hidden="true"></i></button> - </div> - </div> - </div> - <div class="scrollWrapper"> - <div class="row m-0"> - <div class="col"> - <div class="form-group"> - <label for="exampleInputEmail1">Action Name</label> - <input type="text" class="form-control" placeholder="Action Name" - value="resource-assignment"> - </div> - </div> - </div> - <!--Add Attribute--> - <div class="row m-b add-attribute"> - <div class="col"> - <h5>Add Attribute</h5> - <div class="row"> - <div class="col pr-0 text-center"> - <button type="button" data-toggle="modal" data-target="#exampleModalScrollable" - class="btn btn-secondary"><i class="icon-custom-attribute" type="button" - aria-hidden="true"></i></button> - <span>Custom Attribute</span> +<div class="scrollWrapper"> + <div class="row m-0"> + <div class="col"> + <div class="form-group"> + <label for="exampleInputEmail1">Action Name</label> + <input type="text" class="form-control" placeholder="Action Name" + value="resource-assignment"> + </div> + </div> + </div> + <!--Add Attribute--> + <div class="row m-b add-attribute"> + <div class="col"> + <h5>Add Attribute</h5> + <div class="row"> + <div class="col pr-0 text-center"> + <button type="button" data-toggle="modal" data-target="#exampleModalScrollable" + class="btn btn-secondary"><i class="icon-custom-attribute" type="button" + aria-hidden="true"></i></button> + <span>Custom Attribute</span> - </div> - <div class="col text-center"> - <button type="button" class="btn btn-secondary"><i class="icon-function-attribute" - type="button" aria-hidden="true"></i></button> - <span>Function Attribute</span> - </div> - </div> - </div> - </div> - <!--INPUTS--> - <div class="accordion" id="accordionExample"> - <div class="card"> - <div class="card-header row" id="headingOne"> - <button class="btn btn-link" type="button" data-toggle="collapse" - data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> - Inputs - </button> - </div> - <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" - data-parent="#accordionExample"> - <div class="card-body action-attributes"> - <div class="row"> - <div class="col"> - <div class="form-group" *ngFor="let input of inputs"> - <label for="exampleFormControlTextarea1">{{input.name}} - <i [hidden]="!input.required" class="icon-required-star" - type="button" aria-hidden="true"></i> - <i [hidden]="input.required" type="button" aria-hidden="true"></i> - </label> - <div class="attributeOptions"> - <a data-toggle="modal" data-target="#exampleModalScrollable2" - class="accordion-delete editAttribute" - tooltip="Edit Attribute" placement="bottom"><i - class="icon-edit"></i></a> - <a class="accordion-delete deleteAttribute" - tooltip="Delete Attribute" placement="bottom"><i - class="icon-delete-sm"></i></a> - </div> - </div> - </div> - </div> + </div> + <div class="col text-center"> + <button type="button" class="btn btn-secondary"><i class="icon-function-attribute" + type="button" aria-hidden="true"></i></button> + <span>Function Attribute</span> + </div> + </div> + </div> + </div> + <!--INPUTS--> + <div class="accordion" id="accordionExample"> + <div class="card"> + <div class="card-header row" id="headingOne"> + <button class="btn btn-link" type="button" data-toggle="collapse" + data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> + |