diff options
author | Sarah Abouzainah <sabouzainah.ext@orange.com> | 2020-10-13 18:12:04 +0200 |
---|---|---|
committer | Sarah Abouzainah <sabouzainah.ext@orange.com> | 2020-10-13 18:13:39 +0200 |
commit | 87f19fdcf1a1ca6555a9810f9629775fa10e18af (patch) | |
tree | 970c02d6d24014046f81fb247b3d17f8b8aacf8d /cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute | |
parent | 182d67ef5c4acb5b0a551e604fa4f0d505f6931d (diff) |
Add Optional Attributes Menu
Issue-ID: CCSDK-2812
Signed-off-by: Sarah Abouzainah <sabouzainah.ext@orange.com>
Change-Id: Id2f89c57d974f5317b33725a9de67f48a3eb3d7c
Diffstat (limited to 'cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute')
-rw-r--r-- | cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute/functions-attribute.component.html | 78 |
1 files changed, 56 insertions, 22 deletions
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute/functions-attribute.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute/functions-attribute.component.html index c0c7ece98..91386fd66 100644 --- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute/functions-attribute.component.html +++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute/functions-attribute.component.html @@ -5,7 +5,7 @@ <label for="exampleInputEmail1">Function Instance Name</label> <input type="text" class="form-control" placeholder="Function Instance Name"> </div> - <div class="form-group"> + <div class="form-group mb-0"> <label>Function Type</label> <label class="attribute-value">component-resource-resolution</label> </div> @@ -15,14 +15,17 @@ </div> </div> </div> - <!--INTERFACES--> - <div class="accordion" id="accordionExample"> + + <div class="accordion function-accordion" id="accordionExample"> + <!--INTERFACES--> <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"> - Interfaces - </button> + <div class="card-header" id="headingOne"> + <h2 class="mb-0"> + <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" + aria-expanded="true" aria-controls="collapseOne"> + Interfaces + </button> + </h2> </div> <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample"> @@ -39,6 +42,7 @@ </li> </ul> <div class="tab-content" id="pills-tabContent"> + <!--Inputs--> <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab"> <div class="row"> @@ -64,8 +68,8 @@ </div> <br /> <button type="button" data-toggle="modal" data-target="#templateModal" - class="btn btn-select-template"><i class="icon-add-circle" type="button" - aria-hidden="true"></i> Select Template</button> + class="btn btn-select-template m-auto"><i class="icon-add-circle" + type="button" aria-hidden="true"></i> Select Template</button> </div> <!--string--> <div class="attribute-wrap" *ngFor="let requiredInput of requiredInputs"> @@ -102,10 +106,41 @@ <label class="custom-control-label" for="customRadioInline2">False</label> </div> </div> --> - <!-- Add Optional Attributes button --> + </div> + </div> + <!-- Add Optional Attributes button --> + <div class="row"> + <div class="col p-0"> + <div class="optional-attributes-menu"> + <div class="dropdown"> + <input class="dropdown-toggle" type="text"> + <div class="dropdown-text"> + <i class="icon-add-circle" type="button" aria-hidden="true"></i> Add + Optional Attributes + </div> + <ul class="dropdown-content save-blueprint"> + <li> + <a>resolution-key</a> + <i class="icon-add-circle float-right" type="button" + aria-hidden="true"></i> + </li> + <li> + <a>occurrence</a> + <i class="icon-add-circle float-right" type="button" + aria-hidden="true"></i> + </li> + <li> + <a>store-result</a> + <i class="icon-add-circle float-right" type="button" + aria-hidden="true"></i> + </li> + </ul> + </div> + </div> </div> </div> </div> + <!--Outputs--> <!-- Optional params --> <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab"> @@ -121,18 +156,17 @@ </div> </div> </div> - </div> <!--ARTIFACTS--> - <div [hidden]="selectedTemplates.size == 0" class="accordion" id="accordionExample1"> - <div class="card"> - <div class="card-header row" id="headingOne"> - <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseTwo" - aria-expanded="true" aria-controls="collapseTwo"> - Artifacts - </button> + <div class="card" [hidden]="selectedTemplates.size == 0" class="accordion" id="accordionExample1"> + <div class="card-header" id="headingTwo"> + <h2 class="mb-0"> + <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseTwo" + aria-expanded="true" aria-controls="collapseTwo"> + Artifacts + </button> + </h2> </div> - - <div id="collapseTwo" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample1"> + <div id="collapseTwo" class="collapse show" aria-labelledby="headingTwo" data-parent="#accordionExample"> <div class="card-body"> <div class="row"> <div class="col-12" *ngFor="let file of getKeys(selectedTemplates)"> @@ -157,7 +191,7 @@ <!--function - Select Template - Modal--> <div class="modal fade" id="templateModal" tabindex="-1" role="dialog" aria-labelledby="templateModalTitle" aria-hidden="true"> - <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document"> + <div class="modal-dialog modal-dialog-scrollable" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="templateModalTitle"> |