2015-07-30 00:22:53 +00:00
|
|
|
<div cg-busy="{promise:submitPromise,message:'Submitting form...',backdrop:true}"></div>
|
2015-08-04 21:06:16 +00:00
|
|
|
|
2015-11-06 21:26:12 +00:00
|
|
|
<section class="overlay submitform" ng-if="selected.index" ng-click="hideOverlay()"></section>
|
2015-08-06 05:52:59 +00:00
|
|
|
|
2015-11-12 19:45:25 +00:00
|
|
|
<!-- Start Page View -->
|
2015-08-25 21:33:52 +00:00
|
|
|
<div ng-show="!myform.submitted && myform.startPage.showStart" class="form-submitted">
|
2015-08-06 05:52:59 +00:00
|
|
|
<div class="field row text-center">
|
2015-08-07 21:02:44 +00:00
|
|
|
<div class="col-xs-12 text-center">
|
2015-09-15 22:21:49 +00:00
|
|
|
<h1>{{myform.startPage.introTitle}}</h1>
|
2015-08-06 05:52:59 +00:00
|
|
|
</div>
|
2015-09-15 22:21:49 +00:00
|
|
|
<div class="col-xs-10 col-xs-offset-1 text-left">
|
|
|
|
<p style="color:#ddd;">{{myform.startPage.introParagraph}}</p>
|
2015-08-07 22:30:41 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2015-09-15 22:21:49 +00:00
|
|
|
<div class="row form-actions" style="padding-bottom:3em; padding-left: 1em; padding-right: 1em;">
|
|
|
|
<p ng-repeat="button in myform.startPage.buttons" class="text-center" style="display:inline;">
|
|
|
|
<button class="btn btn-info" type="button" ng-style="{'background-color':button.bgColor, 'color':button.color}">
|
|
|
|
<a href="{{button.url}}" style="font-size: 1.6em; text-decoration: none; color: inherit;" >
|
|
|
|
{{button.text}}
|
|
|
|
</a>
|
2015-08-07 22:30:41 +00:00
|
|
|
</button>
|
|
|
|
</p>
|
2015-08-06 05:52:59 +00:00
|
|
|
</div>
|
|
|
|
<div class="row form-actions">
|
2015-11-11 20:51:16 +00:00
|
|
|
<button ng-click="exitStartPage()" class="btn btn-info col-sm-4 col-sm-offset-4" type="button">
|
|
|
|
<a style="color:white; font-size: 1.6em; text-decoration: none;">Continue to Form</a>
|
2015-08-06 05:52:59 +00:00
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2015-11-12 19:45:25 +00:00
|
|
|
<!-- Form Fields View -->
|
2015-08-25 21:33:52 +00:00
|
|
|
<div ng-show="!myform.submitted && !myform.startPage.showStart" data-ng-init="initFocus()">
|
2015-07-27 18:11:43 +00:00
|
|
|
<div class="field row" style="padding-bottom:5em;">
|
|
|
|
<div class="col-sm-10 col-sm-offset-1">
|
2015-08-25 21:33:52 +00:00
|
|
|
<h1>{{ myform.title }} <span style="font-size:0.8em; color: #bbb;" ng-if="!myform.isLive">(private preview)</span></h1>
|
2015-07-27 18:11:43 +00:00
|
|
|
<hr>
|
2015-06-29 22:51:29 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2015-07-02 03:50:57 +00:00
|
|
|
<div class="row">
|
2015-08-07 22:30:41 +00:00
|
|
|
<form name="myForm" class="submission-form col-sm-12 col-md-offset-1 col-md-10">
|
2015-11-12 19:45:25 +00:00
|
|
|
<div ng-repeat="field in myform.form_fields" ng-if="!field.deletePreserved">
|
|
|
|
<field-directive field="field" design="myform.design" index="$index" ng-class="{activeField: selected._id == field._id }" class="row field-directive">
|
2015-08-06 05:52:59 +00:00
|
|
|
</field-directive>
|
|
|
|
</div>
|
2015-07-02 03:50:57 +00:00
|
|
|
</form>
|
|
|
|
</div>
|
2015-08-06 05:52:59 +00:00
|
|
|
|
2015-07-27 18:11:43 +00:00
|
|
|
<hr>
|
2015-08-06 05:52:59 +00:00
|
|
|
|
2015-06-29 22:51:29 +00:00
|
|
|
<div class="row form-actions">
|
2015-11-06 19:00:45 +00:00
|
|
|
<button class="btn btn-success col-sm-2 col-sm-offset-5" type="button" ng-disabled="myform.$invalid" ng-click="submitForm()" style="font-size: 1.6em;">
|
2015-07-30 00:22:53 +00:00
|
|
|
Submit
|
2015-07-27 18:11:43 +00:00
|
|
|
</button>
|
2015-06-29 22:51:29 +00:00
|
|
|
</div>
|
2015-11-06 19:00:45 +00:00
|
|
|
|
|
|
|
<section ng-if="!myform.hideFooter" class="navbar navbar-fixed-bottom" style="background-color:rgba(242,242,242,0.5); padding-top:15px;">
|
|
|
|
<div class="container" >
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-xs-4 col-xs-offset-4 col-sm-4 col-sm-offset-4 text-center col-md-3 col-md-offset-0" ng-show="!myform.submitted">
|
|
|
|
<p class="lead">{{myform | formValidity}} out of {{myform.visible_form_fields.length}} answered</p>
|
|
|
|
</div>
|
|
|
|
<div class="hidden-xs hidden-sm col-md-6 col-md-offset-3 row">
|
|
|
|
<div class="col-md-4 col-md-offset-2" ng-if="!authentication.isAuthenticated()">
|
2015-11-11 20:29:16 +00:00
|
|
|
<a href="/#!/forms" class="btn btn-default">Create
|
|
|
|
a NodeForm</a>
|
2015-11-06 19:00:45 +00:00
|
|
|
</div>
|
|
|
|
<div class="col-md-4 col-md-offset-2" ng-if="authentication.isAuthenticated()" class="hidden-sm hidden-xs">
|
2015-11-06 21:26:12 +00:00
|
|
|
<a href="/#!/forms/{{myform._id}}/admin/create" class="btn btn-default">Edit this NodeForm</a>
|
2015-11-06 19:00:45 +00:00
|
|
|
</div>
|
|
|
|
<div class="col-md-1 col-md-offset-2" style="padding-left:5px" class="hidden-sm hidden-xs">
|
2015-11-11 06:15:59 +00:00
|
|
|
<button class="btn btn-info" id="focusDownButton" ng-click="nextField()" ng-disabled="selected.index == myform.form_fields.length-1">\/</button>
|
2015-11-06 19:00:45 +00:00
|
|
|
</div>
|
|
|
|
<div class="col-md-1" class="hidden-sm hidden-xs">
|
2015-11-11 06:15:59 +00:00
|
|
|
<button class="btn btn-info" id="focusUpButton" ng-click="prevField()" ng-disabled="selected.index == 0">/\</button>
|
2015-11-06 19:00:45 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
2015-06-29 22:51:29 +00:00
|
|
|
</div>
|
|
|
|
|
2015-11-12 19:45:25 +00:00
|
|
|
<!-- End Page View -->
|
2015-08-25 21:33:52 +00:00
|
|
|
<div ng-show="myform.submitted" class="form-submitted">
|
2015-07-02 03:50:57 +00:00
|
|
|
|
|
|
|
<div class="field row text-center">
|
2015-11-06 19:00:45 +00:00
|
|
|
<div class="col-xs-6 col-xs-offset-3 text-center">Form entry successfully submitted!</div>
|
2015-07-02 03:50:57 +00:00
|
|
|
</div>
|
2015-06-29 22:51:29 +00:00
|
|
|
<div class="row form-actions">
|
2015-07-30 00:22:53 +00:00
|
|
|
<p class="text-center col-xs-4 col-xs-offset-4">
|
2015-11-11 20:51:16 +00:00
|
|
|
<button ng-click="reloadForm()" class="btn btn-info" type="button">
|
|
|
|
<a style="color:white; font-size: 1.6em; text-decoration: none;" > Go back to Form</a>
|
2015-07-02 03:50:57 +00:00
|
|
|
</button>
|
|
|
|
</p>
|
2015-06-29 22:51:29 +00:00
|
|
|
</div>
|
|
|
|
</div>
|