added question number to form fields
This commit is contained in:
parent
2b41bdf647
commit
eaf5643dd5
22
public/dist/application.js
vendored
22
public/dist/application.js
vendored
File diff suppressed because one or more lines are too long
2
public/dist/application.min.css
vendored
2
public/dist/application.min.css
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
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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"
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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"
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue