2016-06-09 03:32:33 +00:00
|
|
|
<div class="textfield field row"
|
|
|
|
on-enter-or-tab-key="nextField()">
|
|
|
|
<div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}">
|
|
|
|
<h3>
|
|
|
|
<small class="field-number">
|
|
|
|
{{index+1}}
|
|
|
|
<i class="fa fa-angle-double-right" aria-hidden="true"></i>
|
|
|
|
</small>
|
|
|
|
{{field.title}}
|
|
|
|
<span class="required-error" ng-show="!field.required">{{ 'OPTIONAL' | translate }}</span>
|
|
|
|
</h3>
|
|
|
|
<p class="col-xs-12">
|
|
|
|
<small>{{field.description}}</small>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="col-xs-12 field-input">
|
|
|
|
|
|
|
|
<input-stars max="{{field.ratingOptions.steps}}"
|
|
|
|
ng-init="field.fieldValue = 1"
|
2017-08-02 20:45:23 +00:00
|
|
|
on-shape-click="true"
|
|
|
|
on-star-click="nextField()"
|
2016-06-09 03:32:33 +00:00
|
|
|
icon-full="{{field.ratingOptions.shape}}"
|
|
|
|
icon-base="fa fa-3x"
|
|
|
|
icon-empty="{{field.ratingOptions.shape}}"
|
|
|
|
ng-model="field.fieldValue"
|
|
|
|
ng-model-options="{ debounce: 250 }"
|
|
|
|
ng-required="field.required"
|
|
|
|
ng-disabled="field.disabled"
|
|
|
|
on-enter-or-tab-key="nextField()"
|
|
|
|
on-tab-and-shift-key="prevField()"
|
|
|
|
class="angular-input-stars focusOn">
|
|
|
|
</input-stars>
|
|
|
|
</div>
|
|
|
|
</div>
|