UI Support for operation milestones

[sdc.git] / catalog-ui / src / app / ng2 / pages / composition / interface-operatons / operation-creator / interface-operation-handler.component.html

diff --git a/catalog-ui/src/app/ng2/pages/composition/interface-operatons/operation-creator/interface-operation-handler.component.html b/catalog-ui/src/app/ng2/pages/composition/interface-operatons/operation-creator/interface-operation-handler.component.html
index a388574..7876555 100644 (file)
--- a/catalog-ui/src/app/ng2/pages/composition/interface-operatons/operation-creator/interface-operation-handler.component.html
+++ b/catalog-ui/src/app/ng2/pages/composition/interface-operatons/operation-creator/interface-operation-handler.component.html
@@ -115,6 +115,7 @@
                     [showToscaFunctionOption]="true"
                     [componentInstanceMap]="componentInstanceMap"
                     [allowDeletion]="false"
+                    [customToscaFunctions]="customToscaFunctions"
                     (onInputsValidityChange)="implementationPropsValidityChange($event)"
                     (onValueChange)="onArtifactPropertyValueChange($event)"
                 >
@@ -129,7 +130,10 @@
                 [dataTypeMap]="dataTypeMap"
                 [isViewOnly]="isViewOnly"
                 [allowDeletion]="true"
+                [componentInstanceMap]="componentInstanceMap"
+                [showToscaFunctionOption]="true"
                 (onValueChange)="onInputValueChange($event)"
+                (onInputsValidityChange)="implementationPropsValidityChange($event)"
                 (onDelete)="onInputDelete($event)"
             >
             </input-list>
@@ -143,5 +147,40 @@
             >
             </app-add-input>
         </div>
+        <div class="group-with-border content-row">
+            <label class="sdc-timeout-label">Timeout : </label>
+            <input class="sdc-timeout" type="number" [formControl]="timeoutValue" oninput="this.value = this.valueAsNumber" [ngClass]="{'disabled':isViewOnly}" (change)="timeoutConversion()"/>
+            <select class="sdc-timeout-select" [formControl]="timeoutType" (change)="timeoutConversion()" [ngClass]="{'disabled':isViewOnly}">
+                <option value="sec">Seconds</option>
+                <option value="hour">Hours</option>
+                <option value="day">Days</option>
+              </select>
+        </div>
+
+        <div class="group-with-border content-row">
+            <label class="sub-operations-label"> Sub operations </label>
+            <tabs tabStyle="basic-tabs" [hideIndicationOnTabChange]="true" (tabChanged)="tabChanged($event)">
+                <div *ngFor="let milestone of milestones">
+                  <tab tabTitle="{{milestone}}" [active]="isActiveTab(milestone)" [highlight]="isInvalidActivity(milestone)">
+                    <filters-list
+                        [customToscaFunctions]="customToscaFunctions"
+                        [activitiesExist]="getExistingActivities(milestone) ? true : false"
+                        [isViewOnly]="isViewOnly"
+                        [componentInstanceMap]="componentInstanceMap"
+                        [existingFilters]="getExistingFilters(milestone)"
+                        (filtersChangeEvent)="filtersChangeEvent($event, milestone)">
+                    </filters-list>
+                    <activities-list
+                        [isViewOnly]="isViewOnly"
+                        [dataTypeMap]="dataTypeMap"
+                        [dataTypeMap$]="dataTypeMap$"
+                        [componentInstanceMap]="componentInstanceMap"
+                        [existingActivities]="getExistingActivities(milestone)"
+                        (activitiesChangeEvent)="activitiesChangeEvent($event, milestone)">
+                    </activities-list>
+                  </tab>
+                </div>
+              </tabs>
+        </div>
     </form>
 </div>