88 lines
5.6 KiB
HTML
88 lines
5.6 KiB
HTML
<div ux-id="field-item" class="field-item">
|
|
<span ux-id="expad-field" class="field-item__expand-button pull-left"
|
|
ng-click="onExpandFieldClick(field)"
|
|
ng-enter="onExpandFieldClick(field)" tabindex="0">
|
|
<i class="fields-widget__icon icon-dots"></i>
|
|
<i class="fields-widget__icon" ng-class="{'icon-angle_right' : !field.expanded, 'icon-angle_down': field.expanded}"></i>
|
|
</span>
|
|
<span class="field-item__label">{{field.label}}</span>
|
|
<span ux-id="remove-field" ng-if="!isGroupField" class="field-item__action-button pull-right" ng-click="onRemoveFieldClick(field)"
|
|
ng-enter="onRemoveFieldClick(field)" tabindex="0">
|
|
<i class="fields-widget__icon icon-cross"></i>
|
|
</span>
|
|
<span ux-id="remove-group-field" ng-if="isGroupField" class="field-item__action-button pull-right" ng-click="onRemoveFieldClickFromGroup(pfield, field)"
|
|
ng-enter="onRemoveFieldClickFromGroup(pfield, field)" tabindex="0">
|
|
<i class="fields-widget__icon icon-cross"></i>
|
|
</span>
|
|
|
|
<div ux-id="field-item-properties" ng-show="field.expanded" class="field-item__properties">
|
|
<label class="field-item__property-label" ng-class="{'disabled' : field.sealed}">
|
|
<input ux-id="required-check" type="checkbox" ng-model="field.required" ng-disabled="field.sealed"
|
|
ng-change="onRequiredPropertyChange(field)">
|
|
{{"customAreaEditor.field.required" | i18n}}
|
|
</label>
|
|
<label class="field-item__property-label" ng-class="{'disabled' : field.sealed}">
|
|
<input ux-id="editable-check" type="checkbox" ng-model="field.editable" ng-disabled="field.sealed"
|
|
ng-change="onEditablePropertyChange(field)">
|
|
{{"customAreaEditor.field.editable" | i18n}}
|
|
</label>
|
|
<label class="field-item__property-label">
|
|
<input ux-id="hide-label-check" type="checkbox" ng-model="field.hideLabel">
|
|
{{"customAreaEditor.field.hideLabel" | i18n}}
|
|
</label>
|
|
<label class="field-item__property-label" ng-if="field.isDynamicSelectionField();">
|
|
<input ux-id="diff-check" type="checkbox" ng-model="field.diffCheck" ng-change="checkDiffValue(field)"
|
|
ng-checked="field.linkedFieldExist()">
|
|
{{"customAreaEditor.field.diffValue" | i18n}}
|
|
</label>
|
|
|
|
<div class="field-item__diff-field" ng-if="field.isDynamicSelectionField();"
|
|
ng-show="field.diffCheck || field.linkedFieldExist()">
|
|
<input ux-id="value-field" type="text"
|
|
class="text-input full-width"
|
|
placeholder="{{'common.labels.startTyping' | i18n}}"
|
|
ng-model="field.valueFieldName"
|
|
autocomplete="off"
|
|
ng-blur="setDiffValueFieldonBlur(field)"
|
|
typeahead="item as item.name for item in diffFields | filter:{name: $viewValue}"
|
|
typeahead-on-select="updateDiffValueField(field, $item)"
|
|
/>
|
|
</div>
|
|
<label class="field-item__property-label" ng-if="screenName === 'incidentViewScreen' || screenName === 'changeViewScreen'">
|
|
<input ux-id="map" type="checkbox" ng-model="field.isMapped" ng-change="onAssociatedActionPropertyChange(field)">
|
|
{{"customAreaEditor.field.associateAction" | i18n}}
|
|
</label>
|
|
|
|
<div class="row field-item__properties-options " ng-show="field.isMapped" ng-if="screenName === 'incidentViewScreen' || screenName === 'changeViewScreen'">
|
|
<div class="col-md-8">
|
|
<selection ux-id="mapped-action-dropdown" selection-items="associatedActionLists"
|
|
selected-item="field.mappedAction"
|
|
label="name"
|
|
value="labels.default"
|
|
update-selected-item="true"
|
|
placeholder-text="{{'common.labels.associate-action' | i18n}}"
|
|
selection-filter-placeholder-text="{{'common.labels.associate-action' | i18n}}">
|
|
</selection>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="dropdown-input" dropdown>
|
|
<button ux-id="select-icon" type="button" class="dropdown-toggle dropdown-input__button" ng-if="field.selectedIcon"><i class="{{field.selectedIcon}}"></i></button>
|
|
<button ux-id="select-icon" type="button" class="dropdown-toggle dropdown-input__button" ng-if="!field.selectedIcon">{{'common.labels.associateAction.select-icon' | i18n}} </button>
|
|
<ul class="dropdown-menu full-width icon-holder__parent select-icon" vertical-fit="true">
|
|
<li ux-id="icon_{{$index}}" class="icon-holder select-icon-li" ng-repeat="icon in icons" ng-click="onSelectIcon(icon, field)"><i class="{{icon}}"></i></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="field-item__dependency-block" ng-show="field.dependency.length">
|
|
<span class="field-item__label">{{"customAreaEditor.field.dependency" | i18n}}</span>
|
|
<ul class="field-item__dependency-list">
|
|
<li ng-repeat="dField in field.dependency">
|
|
<span tooltip-placement="{{tooltipPosition}}" tooltip="{{getDependencyFieldWarn(dField)}}" aria-label="{{getDependencyFieldWarn(dField)}}"
|
|
ng-class=" !dField.availability ? 'icon-check field-item__dependency-list_ok': 'icon-exclamation_triangle field-item__dependency-list_warn'"></span>
|
|
{{dField.label}}
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div> |