fixed focus selection bug of input filed
This commit is contained in:
parent
5a30ad5ef2
commit
65bd7de983
4
public/dist/application.js
vendored
4
public/dist/application.js
vendored
File diff suppressed because one or more lines are too long
2
public/dist/application.min.js
vendored
2
public/dist/application.min.js
vendored
File diff suppressed because one or more lines are too long
|
@ -34,9 +34,9 @@ angular.module('forms').directive('submitFormDirective', ['$http', 'TimeCounter'
|
||||||
** Field Controls
|
** Field Controls
|
||||||
*/
|
*/
|
||||||
$scope.setActiveField = $rootScope.setActiveField = function(field_id, field_index) {
|
$scope.setActiveField = $rootScope.setActiveField = function(field_id, field_index) {
|
||||||
if($scope.selected === null){
|
if($scope.selected === null || $scope.selected._id === field_id){
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
console.log('field_id: '+field_id);
|
console.log('field_id: '+field_id);
|
||||||
console.log('field_index: '+field_index);
|
console.log('field_index: '+field_index);
|
||||||
console.log($scope.selected);
|
console.log($scope.selected);
|
||||||
|
|
|
@ -1,14 +1,18 @@
|
||||||
<div class="statement field row" ng-click="setActiveField(field._id, index)">
|
<div class="statement field row" ng-click="setActiveField(field._id, index)">
|
||||||
<div class="row field-title field-title">
|
<div class="row field-title field-title">
|
||||||
<div class="col-xs-1"><i class="fa fa-quote-left fa-1"></i></div>
|
<div class="col-xs-1"><i class="fa fa-quote-left fa-1"></i></div>
|
||||||
<h2 class="text-center col-xs-9">{{field.title}} </h2>
|
<h2 class="text-left col-xs-9">{{field.title}} </h2>
|
||||||
<div class="col-xs-1"><i class="fa fa-quote-right fa-1"></i></div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="row field-title field-input">
|
<div class="row field-title field-input">
|
||||||
<p class="col-xs-12">{{field.description}} </p>
|
<p class="col-xs-12" ng-if="field.description.length">{{field.description}} </p>
|
||||||
<br>
|
<br>
|
||||||
<button class="btn btn-info col-xs-6 col-xs-offset-3" style="font-size: 1.3em;" ng-focus="setActiveField(field._id, index)" ng-click="nextField()">
|
<div class="col-xs-offset-1 col-xs-11">
|
||||||
Continue
|
<button class="btn btn-info"
|
||||||
</button>
|
style="font-size: 1.3em;"
|
||||||
|
ng-focus="setActiveField(field._id, index)"
|
||||||
|
ng-click="nextField()">
|
||||||
|
Continue
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -11,13 +11,13 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-xs-12 field-input">
|
<div class="col-xs-12 field-input" ng-focus="setActiveField(field._id, index)">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
{{field.fieldValue}}
|
{{field.fieldValue}}
|
||||||
<label class="btn btn-default col-xs-2"
|
<label class="btn btn-default col-xs-2"
|
||||||
style="background: rgba(0,0,0,0.1); text-align:left;">
|
style="background: rgba(0,0,0,0.1); text-align:left;"
|
||||||
<input ng-focus="setActiveField(field._id, index)"
|
ng-click="field.fieldValue = true;">
|
||||||
type="radio" value="true"
|
<input type="radio" value="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
ng-model="field.fieldValue"
|
ng-model="field.fieldValue"
|
||||||
ng-model-options="{ debounce: 250 }"
|
ng-model-options="{ debounce: 250 }"
|
||||||
|
@ -27,24 +27,27 @@
|
||||||
Y
|
Y
|
||||||
</div>
|
</div>
|
||||||
<span>Yes</span>
|
<span>Yes</span>
|
||||||
<i ng-show="field.fieldValue = true" class="fa fa-check" aria-hidden="true"></i>
|
<i ng-show="!!field.fieldValue" class="fa fa-check" aria-hidden="true"></i>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
<div class="row" style="margin-top: 10px;">
|
|
||||||
|
<div class="row" style="margin-top: 10px;">
|
||||||
<label class="btn btn-default col-xs-2"
|
<label class="btn btn-default col-xs-2"
|
||||||
style="background: rgba(0,0,0,0.1); text-align:left;">
|
style="background: rgba(0,0,0,0.1); text-align:left;"
|
||||||
<input ng-focus="setActiveField(field._id, index)"
|
ng-click="field.fieldValue = false;">
|
||||||
type="radio" value="false"
|
|
||||||
|
<input type="radio" value="false"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
ng-model="field.fieldValue"
|
ng-model="field.fieldValue"
|
||||||
ng-model-options="{ debounce: 250 }"
|
ng-model-options="{ debounce: 250 }"
|
||||||
ng-required="field.required"
|
ng-required="field.required"
|
||||||
ng-disabled="field.disabled"/>
|
ng-disabled="field.disabled"/>
|
||||||
<div class="letter">
|
|
||||||
N
|
<div class="letter">
|
||||||
</div>
|
N
|
||||||
<span>No</span>
|
</div>
|
||||||
<i ng-show="field.fieldValue == false" class="fa fa-check" aria-hidden="true"></i>
|
<span>No</span>
|
||||||
|
<i ng-show="!field.fieldValue" class="fa fa-check" aria-hidden="true"></i>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue