aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/ng2/pages/composition/capabilities-filter-properties-editor/capabilities-filter-properties-editor.component.html
blob: 1dcbc16c128cdbd8f604d539fbd3b2a6c74f486e (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!--
 * ============LICENSE_START=======================================================
 * SDC
 * ================================================================================
 * Copyright (C) 2020 Nordix Foundation. All rights reserved.
 * ================================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ============LICENSE_END=========================================================
-->

<div class="app-capabilities-filter-properties-editor">
  <form class="w-sdc-form">
    <loader [display]="isLoading" [size]="'large'" [relative]="true"></loader>
    <div class="i-sdc-form-content">
      <div class="rule-builder-content">
        <div class="i-sdc-form-item rule-input-field">
          <label class="i-sdc-form-label required">{{currentServiceName}} Capabilities</label>
          <ui-element-dropdown class="i-sdc-form-select" class="rule-assigned-value"
                               [(value)]="currentRule.capabilityName"
                               [values]="capabilitiesNames"
                               (elementChanged)="onCapabilityNameChanged($event.value)">
          </ui-element-dropdown>
        </div>

        <div class="i-sdc-form-item rule-input-field">
          <label class="i-sdc-form-label required">Capability Properties</label>
          <ui-element-dropdown class="i-sdc-form-select" class="rule-assigned-value"
                               [(value)]="this.currentRule.servicePropertyName"
                               [values]="capabilityProperties"
                               (change)="onServicePropertyChanged()">
          </ui-element-dropdown>
        </div>

        <div class="i-sdc-form-item rule-input-field operator">
          <ui-element-dropdown class="i-sdc-form-select"
                               [values]="operatorTypes"
                               [(value)]="currentRule.constraintOperator">
          </ui-element-dropdown>
        </div>

        <div class="i-sdc-form-item rule-input-field">
          <label class="i-sdc-form-label required" >Source</label>
          <ui-element-dropdown class="i-sdc-form-select"
                               [values]="sourceTypes"
                               [(value)]="currentRule.sourceName"
                               (change)="onSelectSourceType()">
          </ui-element-dropdown>
        </div>

        <div class="rule-input-field assigned-value-field">
          <label class="i-sdc-form-label required" >{{assignedValueLabel}}</label>
          <dynamic-element
              *ngIf="currentRule.sourceType === SOURCE_TYPES.STATIC.value"
              [(value)]="currentRule.value"
              class="rule-assigned-value"
              data-tests-id="ruleAssignedValue"
              (elementChanged)="onValueChange($event.isValid)"
              [type]="selectedCapabilitiesPropertyObject ? selectedCapabilitiesPropertyObject.type : 'string'">
          </dynamic-element>
          <ui-element-dropdown *ngIf="currentRule.sourceType !== SOURCE_TYPES.STATIC.value"
                               class="rule-assigned-value"
                               data-tests-id="ruleAssignedValue"
                               [(value)]="currentRule.value"
                               [values]="listOfValuesToAssign">
          </ui-element-dropdown>
        </div>
      </div>
    </div>
  </form>

</div>