catalog-ui/src/app/ng2/pages/service-dependencies-editor/service-dependencies-editor.component.html

   1 <div class="service-dependencies-editor">
   2     <form class="w-sdc-form">
   3
   4         <loader [display]="isLoading" [size]="'large'" [relative]="true"></loader>
   5
   6         <div class="i-sdc-form-content">
   7             <div class="rule-builder-content">
   8                 <div class="i-sdc-form-item rule-input-field">
   9                     <label class="i-sdc-form-label required">{{currentServiceName}} Property</label>
  10                     <ui-element-dropdown
  11                             class="i-sdc-form-select"
  12                             data-tests-id="servicePropertyName"
  13                             [values]="ddValueSelectedServicePropertiesNames"
  14                             [(value)]="currentRule.servicePropertyName"
  15                             (change)="onServicePropertyChanged()">
  16                     </ui-element-dropdown>
  17                 </div>
  18
  19                 <div class="i-sdc-form-item rule-input-field operator">
  20                     <ui-element-dropdown class="i-sdc-form-select" data-tests-id="constraintOperator" [values]="operatorTypes" [(value)]="currentRule.constraintOperator"></ui-element-dropdown>
  21                 </div>
  22
  23                 <div class="i-sdc-form-item rule-input-field">
  24                     <label class="i-sdc-form-label required">Function Type</label>
  25                     <ui-element-dropdown class="i-sdc-form-select" data-tests-id="functionType" [values]="functionTypes" [(value)]="currentRule.sourceType" (elementChanged)="onSelectFunctionType($event.value)"></ui-element-dropdown>
  26                 </div>
  27
  28                 <div class="i-sdc-form-item rule-input-field" *ngIf="isPropertyFunctionSelected()">
  29                     <label class="i-sdc-form-label required">Source</label>
  30                     <input class="i-sdc-form-select" data-tests-id="sourceType" [disabled]="true" [(value)]="currentRule.sourceName" type="text">
  31                 </div>
  32
  33                 <div  [ngClass]="isComplexListMapType() && isStaticSource() ? 'complex-input-field' : ''"
  34                       class="i-sdc-form-item rule-input-field">
  35                     <label class="i-sdc-form-label required">{{assignedValueLabel}}</label>
  36                     <dynamic-property
  37                         *ngIf="isStaticSource() && isComplexListMapType()"
  38                         [selectedPropertyId]="selectedPropertyObj.uniqueId"
  39                         [property]="selectedPropertyObj"
  40                         [expandedChildId]="selectedPropertyObj.expandedChildPropertyId ?
  41                             selectedPropertyObj.expandedChildPropertyId : selectedPropertyObj.name"
  42                         [canBeDeclared]="true"
  43                         (propertyChanged)="updateComplexListMapTypeRuleValue()"
  44                         [rootProperty]="selectedPropertyObj"
  45                         (expandChild)="selectedPropertyObj.updateExpandedChildPropertyId($event)">
  46                     </dynamic-property>
  47                     <dynamic-element
  48                             *ngIf="isStaticSource() && !isComplexListMapType()"
  49                             [(value)]="currentRule.value"
  50                             class="rule-assigned-value"
  51                             data-tests-id="ruleAssignedValue"
  52                             (elementChanged)="onValueChange($event.isValid)"
  53                             [type]="selectedPropertyObj ? selectedPropertyObj.type : 'string'">
  54                     </dynamic-element>
  55                     <ui-element-dropdown *ngIf="!isStaticSource()"
  56                                          class="i-sdc-form-select"
  57                                          data-tests-id="ruleAssignedValue"
  58                                          [(value)]="currentRule.value"
  59                                          [values]="listOfValuesToAssign">
  60                     </ui-element-dropdown>
  61                 </div>
  62             </div>
  63         </div>
  64     </form>
  65
  66 </div>