Update submit-form.client.view.html

This commit is contained in:
David Baldwynn 2016-04-10 12:37:26 -07:00
parent 0df5ca0bc7
commit bba2d554a3

View file

@ -35,12 +35,12 @@
<!-- Form Fields View --> <!-- Form Fields View -->
<div cg-busy="{promise:submitPromise,message:'Submitting form...',wrapperClass:'busy-submitting-wrapper',backdrop:true}" ng-show="!myform.submitted && !myform.startPage.showStart"> <div cg-busy="{promise:submitPromise,message:'Submitting form...',wrapperClass:'busy-submitting-wrapper',backdrop:true}" ng-show="!myform.submitted && !myform.startPage.showStart">
<div class="field row" style="padding-bottom:5em;"> <!--<div class="field row" style="padding-bottom:5em;">-->
<div class="col-sm-10 col-sm-offset-1"> <!-- <div class="col-sm-10 col-sm-offset-1">-->
<h1>{{ myform.title }} <span style="font-size:0.8em; color: #bbb;" ng-if="!myform.isLive">(private preview)</span></h1> <!-- <h1>{{ myform.title }} <span style="font-size:0.8em; color: #bbb;" ng-if="!myform.isLive">(private preview)</span></h1>-->
<hr> <!-- <hr>-->
</div> <!-- </div>-->
</div> <!--</div>-->
<div class="row"> <div class="row">
<form name="myForm" class="submission-form col-sm-12 col-md-offset-1 col-md-10"> <form name="myForm" class="submission-form col-sm-12 col-md-offset-1 col-md-10">
<div ng-repeat="field in myform.form_fields" ng-if="!field.deletePreserved" ng-class="{activeField: selected._id == field._id }" class="row field-directive"> <div ng-repeat="field in myform.form_fields" ng-if="!field.deletePreserved" ng-class="{activeField: selected._id == field._id }" class="row field-directive">
@ -52,31 +52,35 @@
<hr> <hr>
<div class="row form-actions" id="submit_field" ng-click="setActiveField('submit_field', myform.form_fields.length+1)" ng-class="{activeField: selected._id == myform.form_fields.length+1 }"> <div class="row form-actions" id="submit_field" ng-click="setActiveField('submit_field', myform.form_fields.length+1)" ng-class="{activeField: selected._id == myform.form_fields.length+1 }" style= "border-top: 1px solid #ddd; margin-right: -13% ;margin-left: -13%; padding-bottom: 25vh;">
<button ng-focus="setActiveField('submit_field', myform.form_fields.length+1)" 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;"> <button ng-focus="setActiveField('submit_field', myform.form_fields.length+1)" 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; margin-left: 20px; margin-top: 20px;">
Submit Submit
</button> </button>
</div> </div>
<section ng-if="!myform.hideFooter" class="navbar navbar-fixed-bottom hidden-xs" style="background-color:rgba(242,242,242,0.5); padding-top:15px;"> <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="container" >
<div class="row"> <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"> <div class="col-xs-8 col-sm-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> <p class="lead">{{myform | formValidity}} out of {{myform.visible_form_fields.length}} answered</p>
</div> </div>
<div class="hidden-xs hidden-sm col-md-6 col-md-offset-3 row"> <div class="col-md-6 col-md-offset-3 row">
<div class="col-md-4 col-md-offset-2" ng-if="!authentication.isAuthenticated()"> <div class="col-md-4 col-md-offset-2 hidden-sm hidden-xs" ng-if="!authentication.isAuthenticated()">
<a href="/#!/forms" class="btn btn-default">Create <a href="/#!/forms" class="btn btn-default">Create
a TellForm</a> a TellForm</a>
</div> </div>
<div class="col-md-4 col-md-offset-2" ng-if="authentication.isAuthenticated()" class="hidden-sm hidden-xs"> <div class="col-md-4 col-md-offset-2 hidden-sm hidden-xs" ng-if="authentication.isAuthenticated()">
<a href="/#!/forms/{{myform._id}}/admin/create" class="btn btn-default">Edit this TellForm</a> <a href="/#!/forms/{{myform._id}}/admin/create" class="btn btn-default">Edit this TellForm</a>
</div> </div>
<div class="col-md-1 col-md-offset-2" style="padding-left:5px" class="hidden-sm hidden-xs"> <div class="col-xs-1 col-md-offset-2" style="padding-left:5px" class="hidden-sm hidden-xs">
<button class="btn btn-info" id="focusDownButton" ng-click="nextField()" ng-disabled="selected.index == myform.form_fields.length-1">\/</button> <button class="btn btn-info" id="focusDownButton" ng-click="nextField()" ng-disabled="selected.index == myform.form_fields.length-1">
<i class="fa fa-chevron-down"></i>
</button>
</div> </div>
<div class="col-md-1" class="hidden-sm hidden-xs"> <div class="col-xs-1">
<button class="btn btn-info" id="focusUpButton" ng-click="prevField()" ng-disabled="selected.index == 0">/\</button> <button class="btn btn-info" id="focusUpButton" ng-click="prevField()" ng-disabled="selected.index == 0">
<i class="fa fa-chevron-up"></i>
</button>
</div> </div>
</div> </div>
</div> </div>