From 502b7b7839374680a494c1606798a8b4588daa2b Mon Sep 17 00:00:00 2001
From: Arielk <Ariel.Kenan@amdocs.com>
Date: Wed, 3 Oct 2018 14:06:13 +0300
Subject: Operation screen changes.

1. [ATTASDC-7390] Output parameter support
2. VF Workflow context
3. [ATTASDC-7420] "Opening same operation displays invalid fields and values"

Change-Id: I7bb94b50ad299af6080266076b5e0b632ef5e0e7
Issue-ID: SDC-1814
Signed-off-by: Arielk <Ariel.Kenan@amdocs.com>
---
 .../operation-creator.component.html               | 49 ++++++++++++----------
 1 file changed, 28 insertions(+), 21 deletions(-)

(limited to 'catalog-ui/src/app/ng2/pages/interface-operation/operation-creator/operation-creator.component.html')

diff --git a/catalog-ui/src/app/ng2/pages/interface-operation/operation-creator/operation-creator.component.html b/catalog-ui/src/app/ng2/pages/interface-operation/operation-creator/operation-creator.component.html
index d7d12d0585..5c511c15f3 100644
--- a/catalog-ui/src/app/ng2/pages/interface-operation/operation-creator/operation-creator.component.html
+++ b/catalog-ui/src/app/ng2/pages/interface-operation/operation-creator/operation-creator.component.html
@@ -31,7 +31,7 @@
                     [ngClass]="{'disabled':isEditMode}" />
             </div>
 
-            <div class="i-sdc-form-item" >
+            <div class="i-sdc-form-item">
                 <label class="i-sdc-form-label">Description</label>
                 <input
                     type="text"
@@ -43,17 +43,20 @@
             </div>
         </div>
 
-        <div class="i-sdc-form-item" *ngIf="enableWorkflowAssociation">
-            <checkbox
-                [label]="'Assign Workflow'"
-                [(checked)]="isAssociateWorkflow"
-                (checkedChange)="toggleAssociateWorkflow()"
-                [ngClass]="{'disabled': readonly}"
-                data-tests-id="checkbox-assign-workflow">
-            </checkbox>
+        <div class="side-by-side association-options">
+            <div class="i-sdc-form-item" *ngIf="enableWorkflowAssociation">
+                <label class="i-sdc-form-label">Workflow Assignment</label>
+                <ui-element-dropdown
+                    [(value)]="workflowAssociationType"
+                    [values]="associationOptions"
+                    (valueChange)="toggleAssociateWorkflow()"
+                    [readonly]="readonly">
+                </ui-element-dropdown>
+            </div>
+            <div></div>
         </div>
 
-        <div class="side-by-side" *ngIf="isAssociateWorkflow">
+        <div class="side-by-side" *ngIf="workflowAssociationType == WORKFLOW_ASSOCIATION_OPTIONS.EXISTING">
             <div class="i-sdc-form-item">
                 <label class="i-sdc-form-label required">Workflow</label>
                 <ui-element-dropdown
@@ -78,35 +81,38 @@
         </div>
 
         <div class="separator-buttons">
-            <span class="input-param-title">Input Parameters</span>
+            <tabs #propertyInputTabs tabStyle="round-tabs" (tabChanged)="tabChanged($event)" [hideIndicationOnTabChange]="true">
+                <tab tabTitle="Inputs"></tab>
+                <tab tabTitle="Outputs"></tab>
+            </tabs>
             <a
                 class="add-param-link add-btn"
-                *ngIf="!isAssociateWorkflow && !readonly"
+                *ngIf="workflowAssociationType != WORKFLOW_ASSOCIATION_OPTIONS.EXISTING && !readonly"
                 data-tests-id="addInputParameter"
                 [ngClass]="{'disabled':!isParamsValid()}"
-                (click)="addParam()">Add Input Parameter</a>
+                (click)="addParam()">Add Parameter</a>
         </div>
 
         <div class="generic-table">
             <div class="header-row table-row">
                 <span class="cell header-cell field-name">Name</span>
                 <span class="cell header-cell field-type">Type</span>
-                <span class="cell header-cell field-property">
+                <span class="cell header-cell field-property" *ngIf="currentTab == TYPE_INPUT">
                     Property
                     <span
-                        *ngIf="!isAssociateWorkflow"
+                        *ngIf="workflowAssociationType != WORKFLOW_ASSOCIATION_OPTIONS.EXISTING"
                         class="sprite-new info-icon"
                         tooltip="{{propertyTooltipText}}"
                         tooltipDelay="0">
                     </span>
                 </span>
-                <span class="cell header-cell field-mandatory" *ngIf="!isAssociateWorkflow">Mandatory</span>
-                <span class="cell header-cell remove" *ngIf="!isAssociateWorkflow && !readonly">●●●</span>
+                <span class="cell header-cell field-mandatory" *ngIf="workflowAssociationType != WORKFLOW_ASSOCIATION_OPTIONS.EXISTING">Mandatory</span>
+                <span class="cell header-cell remove" *ngIf="workflowAssociationType != WORKFLOW_ASSOCIATION_OPTIONS.EXISTING && !readonly">●●●</span>
             </div>
 
-            <div class="empty-msg data-row" *ngIf="inputParameters.length === 0">
+            <div class="empty-msg data-row" *ngIf="tableParameters.length === 0">
                 <div>NO PARAMETERS TO SHOW</div>
-                <div *ngIf="isAssociateWorkflow && !operation.workflowVersionId">
+                <div *ngIf="workflowAssociationType == WORKFLOW_ASSOCIATION_OPTIONS.EXISTING && !operation.workflowVersionId">
                     <div *ngIf="workflows.length">
                         <span class="bold-message">Select Workflow and Workflow Version above</span>
                         <span>in order to see the parameters</span>
@@ -118,9 +124,10 @@
             </div>
 
             <param-row
-                *ngFor="let param of inputParameters"
+                *ngFor="let param of tableParameters"
                 class="data-row"
-                [isAssociateWorkflow]="isAssociateWorkflow"
+                [isInputParam]="currentTab == TYPE_INPUT"
+                [isAssociateWorkflow]="workflowAssociationType == WORKFLOW_ASSOCIATION_OPTIONS.EXISTING"
                 [param]="param"
                 [inputProps]="inputProperties"
                 [propTypes]="inputPropertyTypes"
-- 
cgit 1.2.3-korg