From b4932b02edc5d6bef5cec16d88f35dda392e3f91 Mon Sep 17 00:00:00 2001
From: ShaabanEltanany <shaaban.eltanany.ext@orange.com>
Date: Mon, 9 Nov 2020 13:04:44 +0200
Subject: adding value attribute for customized output for action

Issue-ID: CCSDK-2975
Signed-off-by: ShaabanEltanany <shaaban.eltanany.ext@orange.com>
Change-Id: I9a7d15943d9b3c59f0444d4b98597f6af57e3044
---
 .../action-attributes.component.html               | 55 +++++++++++-----------
 1 file changed, 27 insertions(+), 28 deletions(-)

(limited to 'cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/action-attributes/action-attributes.component.html')

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 5a5a05855..31d934565 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
@@ -196,6 +196,22 @@
                                     id="inputPassword3" placeholder="Add some description">
                             </div>
                         </div>
+                        <div class="form-group row">
+                            <label class="col-form-label col-sm-3 pt-0">Required <span>*</span></label>
+                            <div class="col-sm-9">
+                                <div class="custom-control custom-radio custom-control-inline">
+                                    <input type="radio" id="customRadioInline3" name="customRadioInline3"
+                                           class="custom-control-input" (click)="setOutputRequired(true)">
+                                    <label class="custom-control-label" for="customRadioInline3">True</label>
+                                </div>
+                                <div class="custom-control custom-radio custom-control-inline">
+                                    <input type="radio" id="customRadioInline4" name="customRadioInline3"
+                                           class="custom-control-input">
+                                    <label class="custom-control-label" for="customRadioInline4"
+                                           (click)="setOutputRequired(false)">False</label>
+                                </div>
+                            </div>
+                        </div>
                         <div class="form-group row">
                             <label class="col-form-label col-sm-3 pt-0">Type <span>*</span></label>
                             <div class="col-sm-9">
@@ -235,7 +251,7 @@
                             <div class="col">
                                 <input type="email" class="form-control" id="inputEmail3" placeholder="Attributes">
                                 <div class="container">
-                                    <div *ngFor="let tempInput of tempInputs">{{tempInput}}</div>
+                                    <div *ngFor="let tempInput of steps">{{tempInput}}</div>
                                 </div>
                             </div>
                         </div>
@@ -249,7 +265,7 @@
                                         <a class="list-group-item list-group-item-action active" id="list-home-list"
                                             data-toggle="list" href="#list-home" role="tab" aria-controls="home"><i
                                                 class="icon-resource_resolution mr-1" aria-hidden="true"></i>
-                                            {{step}} <i class="icon-next_arrow" aria-hidden="true" (click)="setInputAndOutputs(
+                                            {{step}} <i class="icon-next_arrow" aria-hidden="true" (click)="getAttributesAndOutputs(
                                                                     this.designerState.template.workflows[actionName]['steps'][step]['target']
                                                                     )"></i></a>
                                     </div>
@@ -263,20 +279,20 @@
                                     <div class="tab-pane fade show active" id="list-home" role="tabpanel"
                                         aria-labelledby="list-home-list">
                                         <div class="scrollWrapper">
-                                            <div *ngIf="suggestedInputs.length>0" class="btn-group btn-group-toggle"
-                                                data-toggle="buttons">
+                                            <div *ngIf="suggestedAttributes.length>0" class="btn-group btn-group-toggle"
+                                                 data-toggle="buttons">
                                                 <label class="btn btn-secondary active" 
-                                                    *ngFor="let suggestedInput of suggestedInputs"
-                                                    (click)="addTempInput(suggestedInput)">
-                                                    <input type="radio" name="options" [id]="suggestedInput"
-                                                        autocomplete="off" (click)="addTempInput(suggestedInput)">
-                                                    {{suggestedInput}} 
+                                                    *ngFor="let suggestedAttribute of suggestedAttributes"
+                                                    (click)="addTempOutputAttr(suggestedAttribute)">
+                                                    <input type="radio" name="options" [id]="suggestedAttribute"
+                                                        autocomplete="off" (click)="addTempOutputAttr(suggestedAttribute)">
+                                                    {{suggestedAttribute}}
 
                                                     
                                                 </label>
                                                 
                                             </div>
-                                            <div *ngIf="suggestedInputs.length == 0">
+                                            <div *ngIf="suggestedAttributes.length == 0">
                                                 <p class="noAttributes">No Attributes Available</p>
                                                 <!--Attribute Details
                                                 <div class="nav-item dropdown helpMenu">
@@ -303,23 +319,6 @@
                             </div>
                         </div>
                         <!---->
-
-                        <div class="form-group row">
-                            <label class="col-form-label col-sm-3 pt-0">Required <span>*</span></label>
-                            <div class="col-sm-9">
-                                <div class="custom-control custom-radio custom-control-inline">
-                                    <input type="radio" id="customRadioInline3" name="customRadioInline3"
-                                        class="custom-control-input" (click)="setOutputRequired(true)">
-                                    <label class="custom-control-label" for="customRadioInline3">True</label>
-                                </div>
-                                <div class="custom-control custom-radio custom-control-inline">
-                                    <input type="radio" id="customRadioInline4" name="customRadioInline3"
-                                        class="custom-control-input">
-                                    <label class="custom-control-label" for="customRadioInline4"
-                                        (click)="setOutputRequired(false)">False</label>
-                                </div>
-                            </div>
-                        </div>
                     </div>
                 </div>
             </div>
@@ -562,4 +561,4 @@
             </div>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>
-- 
cgit 1.2.3-korg