55 lines
2 KiB
HTML
55 lines
2 KiB
HTML
<div class="field row radio legal"
|
|
on-enter-or-tab-key="nextField()"
|
|
on-tab-and-shift-key="prevField()"
|
|
key-to-truthy key-char-truthy="y"
|
|
key-char-falsey="n"
|
|
field="field"
|
|
on-valid-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>
|
|
<br>
|
|
<p class="col-xs-12">{{field.description}}</p>
|
|
</div>
|
|
<div class="col-xs-12 field-input container">
|
|
<div class="row-fluid">
|
|
<label class="btn col-md-5 col-xs-12"
|
|
ng-class="{activeBtn: field.fieldValue == 'true'}">
|
|
<input class="focusOn"
|
|
ng-style="{'color': design.colors.answerColor, 'border-color': design.colors.answerColor}"
|
|
type="radio" value="true"
|
|
ng-model="field.fieldValue"
|
|
ng-model-options="{ debounce: 250 }"
|
|
ng-required="field.required"
|
|
ng-change="nextField()"/>
|
|
<div class="letter" style="float:left">
|
|
Y
|
|
</div>
|
|
<span>{{ 'LEGAL_ACCEPT' | translate }}</span>
|
|
</label>
|
|
<label class="btn col-md-5 col-md-offset-1 col-xs-12"
|
|
ng-class="{activeBtn: field.fieldValue == 'false'}">
|
|
<input class="focusOn"
|
|
ng-style="{'color': design.colors.answerColor, 'border-color': design.colors.answerColor}"
|
|
type="radio" value="false"
|
|
ng-model="field.fieldValue"
|
|
ng-model-options="{ debounce: 250 }"
|
|
ng-required="field.required"
|
|
ng-change="nextField()"/>
|
|
<div class="letter" style="float:left">
|
|
N
|
|
</div>
|
|
<span>{{ 'LEGAL_NO_ACCEPT' | translate }}</span>
|
|
</label>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<br>
|