added question number to form fields

This commit is contained in:
David Baldwynn 2016-05-13 11:31:12 -07:00
parent 2b41bdf647
commit eaf5643dd5
13 changed files with 78 additions and 24 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -155,6 +155,10 @@ form .accordion-edit {
z-index: 99!important; z-index: 99!important;
} }
form .row.field .field-number {
margin-right: 0.5em;
}
/* Styles for form submission view (/forms/:formID) */ /* Styles for form submission view (/forms/:formID) */
form .row.field { form .row.field {
padding: 1em 0 0 0; padding: 1em 0 0 0;

View file

@ -1,7 +1,10 @@
<div class="field row" ng-click="setActiveField(field._id, index, true)"> <div class="field row" ng-click="setActiveField(field._id, index, true)">
<div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}"> <div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}">
<h3> <h3>
<small>{{index}}</small> <small class="field-number">
{{index+1}}
<i class="fa fa-angle-double-right" aria-hidden="true"></i>
</small>
{{field.title}} {{field.title}}
<span class="required-error" ng-show="!field.required && !field.fieldValue">optional</span> <span class="required-error" ng-show="!field.required && !field.fieldValue">optional</span>
</h3> </h3>

View file

@ -1,7 +1,10 @@
<div class="field row dropdown" ng-click="setActiveField(field._id, index, true)" ng-if="field.fieldOptions.length > 0"> <div class="field row dropdown" ng-click="setActiveField(field._id, index, true)" ng-if="field.fieldOptions.length > 0">
<div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}"> <div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}">
<h3> <h3>
<small>{{index}}</small> <small class="field-number">
{{index+1}}
<i class="fa fa-angle-double-right" aria-hidden="true"></i>
</small>
{{field.title}} {{field.title}}
<span class="required-error" ng-show="!field.required">optional</span> <span class="required-error" ng-show="!field.required">optional</span>
</h3> </h3>

View file

@ -1,7 +1,14 @@
<div class="field row" ng-if="form.autofillPDFs" ng-click="setActiveField(field._id, index, true)"> <div class="field row" ng-if="form.autofillPDFs" ng-click="setActiveField(field._id, index, true)">
<div class="col-sm-4 field-title"> <div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}">
<h5>{{field.title}} <span class="required-error" ng-show="field.required && field.fieldValue == 0">(* required)</span></h5> <h3>
</div> <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-sm-8 field-input"> <div class="col-sm-8 field-input">
<div class="input-group "> <div class="input-group ">
<div tabindex="-1" class="form-control file-caption"> <div tabindex="-1" class="form-control file-caption">

View file

@ -2,7 +2,14 @@
ng-click="setActiveField(field._id, index, true)" ng-click="setActiveField(field._id, index, true)"
on-enter-key="chooseDefaultOption('legal')"> on-enter-key="chooseDefaultOption('legal')">
<div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}"> <div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}">
<h3>{{field.title}} <span class="required-error" ng-show="!field.required">optional</span></h3> <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>
<br> <br>
<p style="color:#ddd;">{{field.description}}</p> <p style="color:#ddd;">{{field.description}}</p>
</div> </div>

View file

@ -2,7 +2,16 @@
ng-click="setActiveField(field._id, index, true)" ng-click="setActiveField(field._id, index, true)"
ng-if="field.fieldOptions.length > 0" ng-if="field.fieldOptions.length > 0"
on-enter-key="chooseDefaultOption()"> on-enter-key="chooseDefaultOption()">
<div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}"><h3><small>{{index}}</small>{{field.title}} <span class="required-error" ng-show="!field.required">optional</span></h3></div> <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 class="col-xs-12 field-input">
<div ng-repeat="option in field.fieldOptions" class="row-fluid"> <div ng-repeat="option in field.fieldOptions" class="row-fluid">
<label class="btn col-xs-4" <label class="btn col-xs-4"

View file

@ -3,7 +3,10 @@
on-enter-key="chooseDefaultOption('rating')"> on-enter-key="chooseDefaultOption('rating')">
<div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}"> <div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}">
<h3> <h3>
<small>{{index}}</small> <small class="field-number">
{{index+1}}
<i class="fa fa-angle-double-right" aria-hidden="true"></i>
</small>
{{field.title}} {{field.title}}
<span class="required-error" ng-show="!field.required">optional</span> <span class="required-error" ng-show="!field.required">optional</span>
</h3> </h3>

View file

@ -1,5 +1,14 @@
<div class="field row" ng-click="setActiveField(field._id, index, true)"> <div class="field row" ng-click="setActiveField(field._id, index, true)">
<div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}"><h3><small>{{index}}</small>{{field.title}} <span class="required-error" ng-show="!field.required">optional</span></h3></div> <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 class="col-xs-12 field-input">
<textarea class="textarea" type="text" <textarea class="textarea" type="text"
ng-model="field.fieldValue" ng-model="field.fieldValue"

View file

@ -1,7 +1,13 @@
<div class="textfield field row" ng-click="setActiveField(field._id, index, true)"> <div class="textfield field row" ng-click="setActiveField(field._id, index, true)">
<div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}"> <div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}">
<h3> <h3>
<small>{{index}}</small>{{field.title}} <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"> <span class="required-error" ng-show="!field.required">
(optional) (optional)
</span> </span>

View file

@ -2,7 +2,10 @@
on-enter-key="chooseDefaultOption('yes_no')"> on-enter-key="chooseDefaultOption('yes_no')">
<div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}"> <div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}">
<h3 class="row"> <h3 class="row">
<small>{{index}}</small>{{field.title}} <small class="field-number">
{{index+1}}
<i class="fa fa-angle-double-right" aria-hidden="true"></i>
</small>
<span class="required-error" ng-show="field.required && !field.fieldValue"> <span class="required-error" ng-show="field.required && !field.fieldValue">
*(required) *(required)
</span> </span>