tellform/public/modules/forms/views/directiveViews/field/dropdown.html

29 lines
1.1 KiB
HTML
Raw Normal View History

<div class="field row dropdown" ng-click="setActiveField(field._id, index, true)" ng-if="field.fieldOptions.length > 0">
2015-10-30 21:40:22 +00:00
<div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}">
2015-08-07 21:02:44 +00:00
<h3>
<span class="fa fa-angle-double-right"></span>
{{field.title}}
<span class="required-error" ng-show="field.required && !field.fieldValue">*(required)</span>
</h3>
</div>
<div class="col-xs-12 field-input ">
2016-04-16 21:56:01 +00:00
<ui-select ng-model="field.fieldValue"
2016-04-22 00:30:35 +00:00
class="focusOn"
theme="selectize"
2015-09-23 04:01:15 +00:00
ng-model-options="{ debounce: 250 }"
ng-required="field.required"
ng-disabled="field.disabled"
ng-focus="setActiveField(field._id, index, true)">
2016-04-20 05:31:36 +00:00
<ui-select-match placeholder="Type or select an option">
{{$select.selected.option_value}}
</ui-select-match>
2016-04-22 01:08:50 +00:00
<ui-select-choices
repeat="option in field.fieldOptions | filter: $select.search"
ng-class="{'active': option.option_value === field.fieldValue }">
2016-04-20 05:31:36 +00:00
<span ng-bind-html="option.option_value | highlight: $select.search"></span>
2016-04-16 21:56:01 +00:00
</ui-select-choices>
</ui-select>
2015-06-29 22:51:29 +00:00
</div>
</div>
<br>