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