37 lines
2.3 KiB
HTML
37 lines
2.3 KiB
HTML
<div ux-id="expression-builder" id="{{fieldName+'_'+propertyName}}">
|
|
<div class="expression-builder-input">
|
|
<input ux-id="expression" class="text-input"
|
|
ng-class="{'ng-dirty ng-invalid': errorMsg}"
|
|
ng-model="expression"
|
|
ng-model-options="{debounce: 300}"
|
|
ng-change="handleExpressionChange()"
|
|
type="text"
|
|
placeholder="{{'customization.globalMenu.expression.placeholder' | i18n }}"
|
|
ng-keydown="handleBodyKeyDown($event)"
|
|
ng-keyup="handleBodyChange($event)"
|
|
ng-click="handleBodyClick($event)"
|
|
maxlength="4000"
|
|
ng-required="isRequired"/>
|
|
<a href="{{$root.docsLink.EXPRESSION}}" target="_blank" class="icon-question_circle" tooltip-placement="left" tooltip="{{'customAreaEditor.info' | i18n}}" tabindex="0" aria-label="{{'customAreaEditor.info' | i18n}}"></a>
|
|
<div class="error-msg" ng-if="errorMsg">{{errorMsg}}</div>
|
|
</div>
|
|
<div class="email-accelerators__popup expression-builder" ng-show="accelerators.showAcceleratorsList && acceleratorsList.length">
|
|
<div class="email-accelerators__popup-group">
|
|
<div class="email-accelerators__popup-header">
|
|
<span>{{ 'expression.accelerators.popup.header' | i18n }}</span>
|
|
<div class="pull-right" ng-click="hideTypeAheadPopup()" title="{{ 'common.labels.hide' | i18n}}"><i class="icon-cross"></i></div>
|
|
</div>
|
|
<div class="email-accelerators__popup-content" tabindex="0">
|
|
<div ux-id="accelerator-text_{{$index}}" class="email-accelerators__popup-item"
|
|
ng-class="{'email-accelerators__popup-item_active': (typeAheadListPos == $index)}"
|
|
ng-repeat="accelerator in acceleratorsList"
|
|
ng-click="insertAcceleratorText(accelerator)"
|
|
ng-enter="insertAcceleratorText(accelerator)"
|
|
ng-mouseover="acceleratorMouseover($index)" tabindex="0">
|
|
<span class="email-accelerators__popup-item-expression" title="{{accelerator.name}}">{{accelerator.name}}</span>
|
|
<span class="email-accelerators__popup-item-desc" title="{{accelerator.desc}}">{{ accelerator.desc }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |