0dfcb0b443
modified: public/dist/application.js modified: public/dist/application.min.js deleted: public/modules/forms/directives/on-key-press.js modified: public/dist/application.js modified: public/dist/application.min.js new file: public/modules/forms/directives/key-to-option.client.directive.js new file: public/modules/forms/directives/key-to-truthy.client.directive.js deleted: public/modules/forms/directives/on-key-press.client.directive.js modified: public/modules/forms/views/directiveViews/field/legal.html modified: public/modules/forms/views/directiveViews/field/radio.html modified: public/modules/forms/views/directiveViews/field/rating.html modified: public/modules/forms/views/directiveViews/field/yes_no.html
39 lines
1.4 KiB
HTML
Executable File
39 lines
1.4 KiB
HTML
Executable File
<div class="field row radio"
|
|
on-enter-key="nextField()"
|
|
key-to-option field="field"
|
|
ng-if="field.fieldOptions.length > 0">
|
|
<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</span>
|
|
</h3>
|
|
</div>
|
|
<div class="col-xs-12 field-input">
|
|
|
|
<div ng-repeat="option in field.fieldOptions" class="row-fluid">
|
|
<label class="btn col-md-4 col-xs-12 col-sm-12"
|
|
style="margin: 0.5em; padding-left:30px"
|
|
ng-class="{activeBtn: field.fieldValue == field.fieldOptions[$index].option_value}">
|
|
<div class="letter" style="float:left">
|
|
{{$index+1}}
|
|
</div>
|
|
<input ng-style="{'color': design.colors.answerColor, 'border-color': design.colors.answerColor}"
|
|
type="radio" class="focusOn"
|
|
value="{{option.option_value}}"
|
|
ng-model="field.fieldValue"
|
|
ng-model-options="{ debounce: 250 }"
|
|
ng-required="field.required"
|
|
ng-disabled="field.disabled"
|
|
ng-change="$root.nextField()"/>
|
|
|
|
<span ng-bind="option.option_value"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|