added custom end page
This commit is contained in:
parent
2256b2eff2
commit
becd2a831c
|
@ -133,6 +133,24 @@ var FormSchema = new Schema({
|
||||||
},
|
},
|
||||||
buttons:[ButtonSchema]
|
buttons:[ButtonSchema]
|
||||||
},
|
},
|
||||||
|
endPage: {
|
||||||
|
showEnd:{
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
title:{
|
||||||
|
type: String,
|
||||||
|
default: 'Thank you for filling out the form'
|
||||||
|
},
|
||||||
|
paragraph:{
|
||||||
|
type: String
|
||||||
|
},
|
||||||
|
buttonText:{
|
||||||
|
type: String,
|
||||||
|
default: 'Go back to Form'
|
||||||
|
},
|
||||||
|
buttons:[ButtonSchema]
|
||||||
|
},
|
||||||
|
|
||||||
hideFooter: {
|
hideFooter: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
|
|
472
public/dist/application.js
vendored
472
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
10
public/dist/application.min.js
vendored
10
public/dist/application.min.js
vendored
File diff suppressed because one or more lines are too long
291
public/dist/form-application.js
vendored
291
public/dist/form-application.js
vendored
File diff suppressed because one or more lines are too long
8
public/dist/form-application.min.js
vendored
8
public/dist/form-application.min.js
vendored
File diff suppressed because one or more lines are too long
|
@ -137,8 +137,9 @@ ng-style="{'color':button.color}">
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- End Page View -->
|
|
||||||
<div ng-if="myform.submitted && !loading" class="form-submitted"
|
<!-- Default End Page View -->
|
||||||
|
<div ng-if="myform.submitted && !loading && !myform.endPage.showEnd" class="form-submitted"
|
||||||
ng-style="{'color':myform.design.colors.buttonTextColor}"
|
ng-style="{'color':myform.design.colors.buttonTextColor}"
|
||||||
style="padding-top: 5vh;">
|
style="padding-top: 5vh;">
|
||||||
|
|
||||||
|
@ -154,3 +155,41 @@ ng-style="{'color':button.color}">
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- Custom End Page View -->
|
||||||
|
<div ng-if="myform.submitted && !loading && myform.endPage.showEnd" class="form-submitted"
|
||||||
|
ng-style="{'color':myform.design.colors.buttonTextColor}"
|
||||||
|
style="padding-top: 5vh;">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-12 text-center" style="overflow-wrap: break-word;">
|
||||||
|
<h1 style="font-weight: 400; nont-size: 25px;">
|
||||||
|
{{myform.endPage.title}}
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-10 col-xs-offset-1 text-center" style="overflow-wrap: break-word;">
|
||||||
|
<p style="color: grey; font-weight: 100; font-size: 16px;">
|
||||||
|
{{myform.endPage.paragraph}}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row form-actions text-center" style="padding: 5px 25px 5px 25px;">
|
||||||
|
<button ng-click="reloadForm()" class="btn" type="button"
|
||||||
|
ng-style="{'background-color':myform.design.colors.buttonColor, 'color':myform.design.colors.buttonTextColor}">
|
||||||
|
<span style="font-size: 1.6em;">
|
||||||
|
{{myform.endPage.buttonText}}
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="row form-actions" style="padding-bottom:3em; padding-left: 1em; padding-right: 1em;">
|
||||||
|
<p ng-repeat="button in myform.endPage.buttons" class="text-center" style="display:inline;">
|
||||||
|
<button class="btn" style="background-color:rgb(156, 226, 235)" type="button" ng-style="{'background-color':button.bgColor, 'color':button.color}">
|
||||||
|
<a href="{{button.url}}"
|
||||||
|
style="font-size: 1.6em; text-decoration: none;"
|
||||||
|
ng-style="{'color':button.color}">
|
||||||
|
{{button.text}}
|
||||||
|
</a>
|
||||||
|
</button>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
|
@ -14,6 +14,8 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
|
||||||
DISPLAY_FOOTER: 'Display Form Footer?',
|
DISPLAY_FOOTER: 'Display Form Footer?',
|
||||||
SAVE_CHANGES: 'Save Changes',
|
SAVE_CHANGES: 'Save Changes',
|
||||||
CANCEL: 'Cancel',
|
CANCEL: 'Cancel',
|
||||||
|
DISPLAY_START_PAGE: 'Display Start Page?',
|
||||||
|
DISPLAY_END_PAGE: 'Display Custom End Page?',
|
||||||
|
|
||||||
//List Forms View
|
//List Forms View
|
||||||
CREATE_A_NEW_FORM: 'Create a new form',
|
CREATE_A_NEW_FORM: 'Create a new form',
|
||||||
|
@ -27,6 +29,8 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
|
||||||
OFF: 'OFF',
|
OFF: 'OFF',
|
||||||
REQUIRED_FIELD: 'Required',
|
REQUIRED_FIELD: 'Required',
|
||||||
LOGIC_JUMP: 'Logic Jump',
|
LOGIC_JUMP: 'Logic Jump',
|
||||||
|
SHOW_BUTTONS: 'Additional Buttons',
|
||||||
|
SAVE_START_PAGE: 'Save',
|
||||||
|
|
||||||
//Admin Form View
|
//Admin Form View
|
||||||
ARE_YOU_SURE: 'Are you ABSOLUTELY sure?',
|
ARE_YOU_SURE: 'Are you ABSOLUTELY sure?',
|
||||||
|
@ -51,18 +55,21 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
|
||||||
ADD_FIELD_LG: 'Click to Add New Field',
|
ADD_FIELD_LG: 'Click to Add New Field',
|
||||||
ADD_FIELD_MD: 'Add New Field',
|
ADD_FIELD_MD: 'Add New Field',
|
||||||
ADD_FIELD_SM: 'Add Field',
|
ADD_FIELD_SM: 'Add Field',
|
||||||
PREVIEW_START_PAGE: 'Preview Welcome Screen',
|
EDIT_START_PAGE: 'Edit Start Page',
|
||||||
EDIT_START_PAGE: 'Edit Welcome Screen',
|
EDIT_END_PAGE: 'Edit End Page',
|
||||||
WELCOME_SCREEN: 'Welcome Screen',
|
WELCOME_SCREEN: 'Start Page',
|
||||||
INTRO_TITLE: 'Intro Title',
|
END_SCREEN: 'End Page',
|
||||||
INTRO_PARAGRAPH: 'Intro Paragraph',
|
INTRO_TITLE: 'Title',
|
||||||
INTRO_BTN: 'Intro Button',
|
INTRO_PARAGRAPH: 'Paragraph',
|
||||||
|
INTRO_BTN: 'Start Button',
|
||||||
|
TITLE: 'Title',
|
||||||
|
PARAGRAPH: 'Paragraph',
|
||||||
|
BTN_TEXT: 'Go Back Button',
|
||||||
BUTTONS: 'Buttons',
|
BUTTONS: 'Buttons',
|
||||||
BUTTON_TEXT: 'Text',
|
BUTTON_TEXT: 'Text',
|
||||||
BUTTON_LINK: 'Link',
|
BUTTON_LINK: 'Link',
|
||||||
ADD_BUTTON: 'Add Button',
|
ADD_BUTTON: 'Add Button',
|
||||||
PREVIEW_FIELD: 'Preview Question',
|
PREVIEW_FIELD: 'Preview Question',
|
||||||
EDIT_FIELD: 'Edit Question',
|
|
||||||
QUESTION_TITLE: 'Title',
|
QUESTION_TITLE: 'Title',
|
||||||
QUESTION_DESCRIPTION: 'Description',
|
QUESTION_DESCRIPTION: 'Description',
|
||||||
OPTIONS: 'Options',
|
OPTIONS: 'Options',
|
||||||
|
|
|
@ -1,30 +1,30 @@
|
||||||
/*
|
/*
|
||||||
** Edit Field Modal
|
** Edit Modal
|
||||||
*/
|
*/
|
||||||
.edit-field-modal-window .modal-dialog {
|
.edit-modal-window .modal-dialog {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit-field-modal-window .modal-body {
|
.edit-modal-window .modal-body {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit-field-modal-window .edit-field-panel {
|
.edit-modal-window .edit-panel {
|
||||||
background-color: #F1F1F1;
|
background-color: #F1F1F1;
|
||||||
padding: 0 35px 0 35px;
|
padding: 0 35px 0 35px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit-field-modal-window .preview-field-panel {
|
.edit-modal-window .preview-field-panel {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit-field-modal-window .preview-field-panel form {
|
.edit-modal-window .preview-field-panel form {
|
||||||
padding-right: 20px;
|
padding-right: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit-field-modal-window .preview-field {
|
.edit-modal-window .preview-field {
|
||||||
resize: vertical;
|
resize: vertical;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -38,23 +38,11 @@ angular.module('forms').directive('editFormDirective', ['$rootScope', 'FormField
|
||||||
$scope.editFieldModal = $uibModal.open({
|
$scope.editFieldModal = $uibModal.open({
|
||||||
animation: true,
|
animation: true,
|
||||||
templateUrl: 'editFieldModal.html',
|
templateUrl: 'editFieldModal.html',
|
||||||
windowClass: 'edit-field-modal-window',
|
windowClass: 'edit-modal-window',
|
||||||
controller: function($uibModalInstance, $scope) {
|
controller: function($uibModalInstance, $scope) {
|
||||||
$scope.field = curr_field;
|
$scope.field = curr_field;
|
||||||
$scope.showLogicJump = false;
|
$scope.showLogicJump = false;
|
||||||
|
|
||||||
|
|
||||||
//Populate AddField with all available form field types
|
|
||||||
$scope.addField = {};
|
|
||||||
$scope.addField.types = FormFields.types;
|
|
||||||
|
|
||||||
$scope.addField.types.forEach(function(type){
|
|
||||||
type.lastAddedID = 1;
|
|
||||||
return type;
|
|
||||||
});
|
|
||||||
|
|
||||||
$scope.lastButtonID = 0;
|
|
||||||
|
|
||||||
// decides whether field options block will be shown (true for dropdown and radio fields)
|
// decides whether field options block will be shown (true for dropdown and radio fields)
|
||||||
$scope.showAddOptions = function (field){
|
$scope.showAddOptions = function (field){
|
||||||
if(field.fieldType === 'dropdown' || field.fieldType === 'checkbox' || field.fieldType === 'radio'){
|
if(field.fieldType === 'dropdown' || field.fieldType === 'checkbox' || field.fieldType === 'radio'){
|
||||||
|
@ -156,15 +144,115 @@ angular.module('forms').directive('editFormDirective', ['$rootScope', 'FormField
|
||||||
};
|
};
|
||||||
|
|
||||||
/*
|
/*
|
||||||
** Setup Angular-Input-Star Shape Dropdown
|
** EditStartPageModal Functions
|
||||||
|
*/
|
||||||
|
$scope.openEditStartPageModal = function(){
|
||||||
|
$scope.editStartPageModal = $uibModal.open({
|
||||||
|
animation: true,
|
||||||
|
templateUrl: 'editStartPageModal.html',
|
||||||
|
windowClass: 'edit-modal-window',
|
||||||
|
controller: function($uibModalInstance, $scope) {
|
||||||
|
|
||||||
|
/*
|
||||||
|
** startPage Button Methods
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
$scope.showButtons = false;
|
||||||
|
$scope.lastButtonID = 0;
|
||||||
|
|
||||||
|
// add new Button to the startPage
|
||||||
|
$scope.addButton = function(){
|
||||||
|
|
||||||
|
var newButton = {};
|
||||||
|
newButton.bgColor = '#ddd';
|
||||||
|
newButton.color = '#ffffff';
|
||||||
|
newButton.text = 'Button';
|
||||||
|
newButton._id = Math.floor(100000*Math.random());
|
||||||
|
|
||||||
|
$scope.myform.startPage.buttons.push(newButton);
|
||||||
|
};
|
||||||
|
|
||||||
|
// delete particular Button from startPage
|
||||||
|
$scope.deleteButton = function(button){
|
||||||
|
var currID;
|
||||||
|
for(var i = 0; i < $scope.myform.startPage.buttons.length; i++){
|
||||||
|
|
||||||
|
currID = $scope.myform.startPage.buttons[i]._id;
|
||||||
|
|
||||||
|
if(currID === button._id){
|
||||||
|
$scope.myform.startPage.buttons.splice(i, 1);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
$scope.saveStartPage = function(){
|
||||||
|
$scope.$parent.update(false, $scope.$parent.myform, false, true, function(){
|
||||||
|
$uibModalInstance.close();
|
||||||
|
});
|
||||||
|
};
|
||||||
|
$scope.cancel = function(){
|
||||||
|
$uibModalInstance.close();
|
||||||
|
};
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
** EditStartPageModal Functions
|
||||||
|
*/
|
||||||
|
$scope.openEditEndPageModal = function(){
|
||||||
|
$scope.editEndPageModal = $uibModal.open({
|
||||||
|
animation: true,
|
||||||
|
templateUrl: 'editEndPageModal.html',
|
||||||
|
windowClass: 'edit-modal-window',
|
||||||
|
controller: function($uibModalInstance, $scope) {
|
||||||
|
|
||||||
|
/*
|
||||||
|
** startPage Button Methods
|
||||||
|
*/
|
||||||
|
|
||||||
|
$scope.showButtons = false;
|
||||||
|
$scope.lastButtonID = 0;
|
||||||
|
|
||||||
|
// add new Button to the startPage
|
||||||
|
$scope.addButton = function(){
|
||||||
|
|
||||||
|
var newButton = {};
|
||||||
|
newButton.bgColor = '#ddd';
|
||||||
|
newButton.color = '#ffffff';
|
||||||
|
newButton.text = 'Button';
|
||||||
|
newButton._id = Math.floor(100000*Math.random());
|
||||||
|
|
||||||
|
$scope.myform.endPage.buttons.push(newButton);
|
||||||
|
};
|
||||||
|
|
||||||
|
// delete particular Button from startPage
|
||||||
|
$scope.deleteButton = function(button){
|
||||||
|
var currID;
|
||||||
|
for(var i = 0; i < $scope.myform.endPage.buttons.length; i++){
|
||||||
|
|
||||||
|
currID = $scope.myform.endPage.buttons[i]._id;
|
||||||
|
|
||||||
|
if(currID === button._id){
|
||||||
|
$scope.myform.endPage.buttons.splice(i, 1);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
$scope.saveEndPage = function(){
|
||||||
|
$scope.$parent.update(false, $scope.$parent.myform, false, true, function(){
|
||||||
|
$uibModalInstance.close();
|
||||||
|
});
|
||||||
|
};
|
||||||
|
$scope.cancel = function(){
|
||||||
|
$uibModalInstance.close();
|
||||||
|
};
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
// Accordion settings
|
|
||||||
$scope.accordion = {};
|
|
||||||
$scope.accordion.oneAtATime = true;
|
|
||||||
|
|
||||||
//Populate local scope with rootScope methods/variables
|
//Populate local scope with rootScope methods/variables
|
||||||
$scope.update = $rootScope.update;
|
$scope.update = $rootScope.update;
|
||||||
|
@ -249,6 +337,7 @@ angular.module('forms').directive('editFormDirective', ['$rootScope', 'FormField
|
||||||
// Delete particular field on button click
|
// Delete particular field on button click
|
||||||
$scope.deleteField = function (field_index) {
|
$scope.deleteField = function (field_index) {
|
||||||
$scope.myform.form_fields.splice(field_index, 1);
|
$scope.myform.form_fields.splice(field_index, 1);
|
||||||
|
$scope.update(false, $scope.myform, false, true, null);
|
||||||
};
|
};
|
||||||
|
|
||||||
$scope.duplicateField = function (field_index){
|
$scope.duplicateField = function (field_index){
|
||||||
|
@ -258,38 +347,17 @@ angular.module('forms').directive('editFormDirective', ['$rootScope', 'FormField
|
||||||
|
|
||||||
//Insert field at selected index
|
//Insert field at selected index
|
||||||
$scope.myform.form_fields.splice(field_index+1, 0, currField);
|
$scope.myform.form_fields.splice(field_index+1, 0, currField);
|
||||||
|
$scope.update(false, $scope.myform, false, true, null);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
//Populate AddField with all available form field types
|
||||||
|
$scope.addField = {};
|
||||||
|
$scope.addField.types = FormFields.types;
|
||||||
|
|
||||||
/*
|
$scope.addField.types.forEach(function(type){
|
||||||
** startPage Button Methods
|
type.lastAddedID = 1;
|
||||||
*/
|
return type;
|
||||||
|
});
|
||||||
// add new Button to the startPage
|
|
||||||
$scope.addButton = function(){
|
|
||||||
|
|
||||||
var newButton = {};
|
|
||||||
newButton.bgColor = '#ddd';
|
|
||||||
newButton.color = '#ffffff';
|
|
||||||
newButton.text = 'Button';
|
|
||||||
newButton._id = Math.floor(100000*Math.random());
|
|
||||||
|
|
||||||
$scope.myform.startPage.buttons.push(newButton);
|
|
||||||
};
|
|
||||||
|
|
||||||
// delete particular Button from startPage
|
|
||||||
$scope.deleteButton = function(button){
|
|
||||||
var currID;
|
|
||||||
for(var i = 0; i < $scope.myform.startPage.buttons.length; i++){
|
|
||||||
|
|
||||||
currID = $scope.myform.startPage.buttons[i]._id;
|
|
||||||
|
|
||||||
if(currID === button._id){
|
|
||||||
$scope.myform.startPage.buttons.splice(i, 1);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -1,10 +1,4 @@
|
||||||
<div class="config-form container">
|
<div class="config-form container">
|
||||||
<!--<div class="row">
|
|
||||||
<div class="col-sm-offset-2 col-sm-10">
|
|
||||||
<h2 class="hidden-sm hidden-xs">{{ 'ADVANCED_SETTINGS' | translate }}</h2>
|
|
||||||
<h3 class="hidden-lg hidden-md">{{ 'ADVANCED_SETTINGS' | translate }}</h3>
|
|
||||||
</div>
|
|
||||||
</div>-->
|
|
||||||
<!-- Settings -->
|
<!-- Settings -->
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-offset-2 col-sm-4">
|
<div class="col-sm-offset-2 col-sm-4">
|
||||||
|
@ -95,7 +89,7 @@
|
||||||
|
|
||||||
<div class="row field">
|
<div class="row field">
|
||||||
<div class="field-title col-sm-12">
|
<div class="field-title col-sm-12">
|
||||||
<h5>Display Start Page?</h5>
|
<h5>{{ 'DISPLAY_START_PAGE' | translate }}</h5>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="field-input col-sm-12">
|
<div class="field-input col-sm-12">
|
||||||
|
@ -112,6 +106,26 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="row field">
|
||||||
|
<div class="field-title col-sm-12">
|
||||||
|
<h5>{{ 'DISPLAY_END_PAGE' | translate }}</h5>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="field-input col-sm-12">
|
||||||
|
|
||||||
|
<label style="display: inline-block;">
|
||||||
|
<input type="radio" data-ng-value="true" ng-model="myform.endPage.showEnd" ng-required="true" style="background-color:#33CC00;"/>
|
||||||
|
<span>{{ 'YES' | translate }}</span>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<label style="display: inline-block;">
|
||||||
|
<input type="radio" data-ng-value="false" ng-model="myform.endPage.showEnd" ng-required="true" />
|
||||||
|
<span>{{ 'NO' | translate }}</span>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
|
@ -1,10 +1,305 @@
|
||||||
<form class="row container" name="editForm" ><!--auto-save-form auto-save-watch="myform" auto-save-callback="update">-->
|
<form class="row container" name="editForm" ><!--auto-save-form auto-save-watch="myform" auto-save-callback="update">-->
|
||||||
|
|
||||||
|
<!-- Edit EndPage Modal Dialog Template -->
|
||||||
|
<script type="text/ng-template" id="editEndPageModal.html" class="edit-endpage-modal">
|
||||||
|
<div class="modal-body">
|
||||||
|
<div class="row">
|
||||||
|
<div class="edit-panel col-md-6 col-xs-12 col-sm-12 container">
|
||||||
|
<div class="row modal-header">
|
||||||
|
<h2 class="modal-title hidden-md hidden-lg">{{ 'EDIT_END_PAGE' | translate }}</h2>
|
||||||
|
<h3 class="modal-title hidden-xs hidden-sm">{{ 'EDIT_END_PAGE' | translate }}</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row question">
|
||||||
|
<div class="col-md-4 col-sm-12">{{ 'TITLE' | translate }}:</div>
|
||||||
|
<div class="col-md-8 col-sm-12">
|
||||||
|
<input class="form-control" type="text"
|
||||||
|
ng-model="myform.endPage.title" required>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row"><br></div>
|
||||||
|
|
||||||
|
<div class="row question">
|
||||||
|
<div class="col-md-4 col-sm-12">{{ 'PARAGRAPH' | translate }}:</div>
|
||||||
|
<div class="col-md-8 col-sm-12">
|
||||||
|
<textarea class="form-control" type="text"
|
||||||
|
ng-model="myform.endPage.paragraph"></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row"><br></div>
|
||||||
|
|
||||||
|
<div class="row question">
|
||||||
|
<div class="col-md-4 col-sm-12">{{ 'BTN_TEXT' | translate }}:</div>
|
||||||
|
<div class="col-md-8 col-sm-12">
|
||||||
|
<input class="form-control" type="text"
|
||||||
|
ng-model="myform.endPage.buttonText" required>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row"><br></div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-4 col-xs-12 field-input">{{ 'SHOW_BUTTONS' | translate }}</div>
|
||||||
|
<div class="col-md-8 col-xs-12 field-input">
|
||||||
|
<label class="switch-light switch-holo" onclick="">
|
||||||
|
<input type="checkbox" ng-model="showButtons">
|
||||||
|
<span>
|
||||||
|
<span> {{ 'OFF' | translate }}</span>
|
||||||
|
<span> {{ 'ON' | translate }}</span>
|
||||||
|
<a></a>
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row options buttons" ng-if="showButtons">
|
||||||
|
<div class="col-md-3 col-xs-12">Buttons:</div>
|
||||||
|
<div class="col-md-9 col-xs-12">
|
||||||
|
<div ng-repeat="button in myform.endPage.buttons track by button._id" class="row" style="padding-bottom:1em;">
|
||||||
|
|
||||||
|
<div class="col-xs-5">
|
||||||
|
<span>{{ 'BUTTON_TEXT' | translate }}</span>
|
||||||
|
<input type="text"
|
||||||
|
name="{{button.text}}_buttonText_startPage"
|
||||||
|
ng-model="button.text"
|
||||||
|
value="{{button.text}}"
|
||||||
|
placeholder="Button Text">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-xs-5">
|
||||||
|
<span>{{ 'BUTTON_LINK' | translate }}</span>
|
||||||
|
<input type="text"
|
||||||
|
name="{{button.url}}_url_startPage"
|
||||||
|
ng-model="button.url"
|
||||||
|
value="{{button.url}}"
|
||||||
|
placeholder="http://aeouaou.com/aoeuoa">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-xs-2">
|
||||||
|
<a class="btn btn-danger btn-mini right" type="button" ng-click="deleteButton(button)">
|
||||||
|
<i class="fa fa-trash-o"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row"><br></div>
|
||||||
|
<div class="row">
|
||||||
|
<button class="btn btn-primary btn-small col-md-offset-6 col-md-6 col-sm-4 col-sm-offset-8 col-xs-4 col-xs-offset-8" type="button" ng-click="addButton()">
|
||||||
|
<i class="icon-plus icon-white"></i> {{ 'ADD_BUTTON' | translate }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="modal-footer row">
|
||||||
|
<button type="submit" ng-click="saveEndPage()" class="btn btn-signup btn-rounded">
|
||||||
|
{{ 'SAVE_START_PAGE' | translate }}
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button ng-click="cancel()" class="btn btn-secondary btn-rounded">
|
||||||
|
{{ 'CANCEL' | translate }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="preview-field-panel col-md-6 hidden-sm hidden-xs container">
|
||||||
|
<form class="public-form">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-12 text-center" style="overflow-wrap: break-word;">
|
||||||
|
<h1 style="font-weight: 400; font-size: 25px;">
|
||||||
|
{{myform.endPage.title}}
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-10 col-xs-offset-1 text-center" style="overflow-wrap: break-word;">
|
||||||
|
<p style="color: grey; font-weight: 100; font-size: 16px;">
|
||||||
|
{{myform.endPage.paragraph}}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row form-actions text-center" style="padding: 5px 25px 5px 25px;">
|
||||||
|
<button ng-click="reloadForm()" class="btn" type="button"
|
||||||
|
ng-style="{'background-color':myform.design.colors.buttonColor, 'color':myform.design.colors.buttonTextColor}">
|
||||||
|
<span style="font-size: 1.6em;">
|
||||||
|
{{myform.endPage.buttonText}}
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="row form-actions" style="padding-bottom:3em; padding-left: 1em; padding-right: 1em;">
|
||||||
|
<p ng-repeat="button in myform.endPage.buttons" class="text-center" style="display:inline;">
|
||||||
|
<button class="btn" style="background-color:rgb(156, 226, 235)" type="button" ng-style="{'background-color':button.bgColor, 'color':button.color}">
|
||||||
|
<a href="{{button.url}}"
|
||||||
|
style="font-size: 1.6em; text-decoration: none;"
|
||||||
|
ng-style="{'color':button.color}">
|
||||||
|
{{button.text}}
|
||||||
|
</a>
|
||||||
|
</button>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!-- Edit StartPage Modal Dialog Template -->
|
||||||
|
<script type="text/ng-template" id="editStartPageModal.html" class="edit-startpage-modal">
|
||||||
|
<div class="modal-body">
|
||||||
|
<div class="row">
|
||||||
|
<div class="edit-panel col-md-6 col-xs-12 col-sm-12 container">
|
||||||
|
<div class="row modal-header">
|
||||||
|
<h2 class="modal-title hidden-md hidden-lg">{{ 'EDIT_START_PAGE' | translate }}</h2>
|
||||||
|
<h3 class="modal-title hidden-xs hidden-sm">{{ 'EDIT_START_PAGE' | translate }}</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row question">
|
||||||
|
<div class="col-md-4 col-sm-12">{{ 'INTRO_TITLE' | translate }}:</div>
|
||||||
|
<div class="col-md-8 col-sm-12">
|
||||||
|
<input class="form-control" type="text"
|
||||||
|
ng-model="myform.startPage.introTitle"
|
||||||
|
name="introTitleStartPage" required>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row"><br></div>
|
||||||
|
|
||||||
|
<div class="row question">
|
||||||
|
<div class="col-md-4 col-sm-12">{{ 'INTRO_PARAGRAPH' | translate }}:</div>
|
||||||
|
<div class="col-md-8 col-sm-12">
|
||||||
|
<textarea class="form-control" type="text"
|
||||||
|
ng-model="myform.startPage.introParagraph"
|
||||||
|
name="introParagraphStartPage"></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row"><br></div>
|
||||||
|
|
||||||
|
<div class="row question">
|
||||||
|
<div class="col-md-4 col-sm-12">{{ 'INTRO_BTN' | translate }}:</div>
|
||||||
|
<div class="col-md-8 col-sm-12">
|
||||||
|
<input class="form-control" type="text"
|
||||||
|
ng-model="myform.startPage.introButtonText"
|
||||||
|
name="introButtonText" required>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row"><br></div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-4 col-xs-12 field-input">{{ 'SHOW_BUTTONS' | translate }}</div>
|
||||||
|
<div class="col-md-8 col-xs-12 field-input">
|
||||||
|
<label class="switch-light switch-holo" onclick="">
|
||||||
|
<input type="checkbox" ng-model="showButtons">
|
||||||
|
<span>
|
||||||
|
<span> {{ 'OFF' | translate }}</span>
|
||||||
|
<span> {{ 'ON' | translate }}</span>
|
||||||
|
<a></a>
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row options buttons" ng-if="showButtons">
|
||||||
|
<div class="col-md-3 col-xs-12">Buttons:</div>
|
||||||
|
<div class="col-md-9 col-xs-12">
|
||||||
|
<div ng-repeat="button in myform.startPage.buttons track by button._id" class="row" style="padding-bottom:1em;">
|
||||||
|
|
||||||
|
<div class="col-xs-5">
|
||||||
|
<span>{{ 'BUTTON_TEXT' | translate }}</span>
|
||||||
|
<input type="text"
|
||||||
|
name="{{button.text}}_buttonText_startPage"
|
||||||
|
ng-model="button.text"
|
||||||
|
value="{{button.text}}"
|
||||||
|
placeholder="Button Text">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-xs-5">
|
||||||
|
<span>{{ 'BUTTON_LINK' | translate }}</span>
|
||||||
|
<input type="text"
|
||||||
|
name="{{button.url}}_url_startPage"
|
||||||
|
ng-model="button.url"
|
||||||
|
value="{{button.url}}"
|
||||||
|
placeholder="http://aeouaou.com/aoeuoa">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-xs-2">
|
||||||
|
<a class="btn btn-danger btn-mini right" type="button" ng-click="deleteButton(button)">
|
||||||
|
<i class="fa fa-trash-o"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row"><br></div>
|
||||||
|
<div class="row">
|
||||||
|
<button class="btn btn-primary btn-small col-md-offset-6 col-md-6 col-sm-4 col-sm-offset-8 col-xs-4 col-xs-offset-8" type="button" ng-click="addButton()">
|
||||||
|
<i class="icon-plus icon-white"></i> {{ 'ADD_BUTTON' | translate }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="modal-footer row">
|
||||||
|
<button type="submit" ng-click="saveStartPage()" class="btn btn-signup btn-rounded">
|
||||||
|
{{ 'SAVE_START_PAGE' | translate }}
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button ng-click="cancel()" class="btn btn-secondary btn-rounded">
|
||||||
|
{{ 'CANCEL' | translate }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="preview-field-panel col-md-6 hidden-sm hidden-xs container">
|
||||||
|
<form class="public-form">
|
||||||
|
|
||||||
|
<div class="field row">
|
||||||
|
<div class="col-xs-12 text-center" style="overflow-wrap: break-word;">
|
||||||
|
<h1>{{myform.startPage.introTitle}}</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-10 col-xs-offset-1 text-left" style="overflow-wrap: break-word;">
|
||||||
|
<p style="color:#ddd;">{{myform.startPage.introParagraph}}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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>
|
||||||
|
</button>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="row form-actions">
|
||||||
|
<button class="btn btn-info btn btn-info col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3" type="button">
|
||||||
|
<span style="color:white; font-size: 1.6em; text-decoration: none;">
|
||||||
|
{{myform.startPage.introButtonText}}
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
<!-- Edit Field Modal Dialog Template -->
|
<!-- Edit Field Modal Dialog Template -->
|
||||||
<script type="text/ng-template" id="editFieldModal.html" class="edit-field-modal">
|
<script type="text/ng-template" id="editFieldModal.html" class="edit-field-modal">
|
||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="edit-field-panel col-md-6 col-xs-12 col-sm-12 container">
|
<div class="edit-panel col-md-6 col-xs-12 col-sm-12 container">
|
||||||
<div class="row modal-header">
|
<div class="row modal-header">
|
||||||
<h2 class="modal-title hidden-md hidden-lg">{{ 'EDIT_FIELD' | translate }}</h2>
|
<h2 class="modal-title hidden-md hidden-lg">{{ 'EDIT_FIELD' | translate }}</h2>
|
||||||
<h3 class="modal-title hidden-xs hidden-sm">{{ 'EDIT_FIELD' | translate }}</h3>
|
<h3 class="modal-title hidden-xs hidden-sm">{{ 'EDIT_FIELD' | translate }}</h3>
|
||||||
|
@ -242,136 +537,14 @@
|
||||||
<!-- Current Fields Element -->
|
<!-- Current Fields Element -->
|
||||||
<div class="col-xs-10 col-sm-8 current-fields container">
|
<div class="col-xs-10 col-sm-8 current-fields container">
|
||||||
<!-- Start Page -->
|
<!-- Start Page -->
|
||||||
<div class="row">
|
<div class="row" ng-if="myform.startPage.showStart">
|
||||||
<div class="col-sm-12">
|
<div class="col-sm-12">
|
||||||
<div class="panel panel-default startPage">
|
<div class="panel panel-default startPage" ng-click="openEditStartPageModal()">
|
||||||
<div class="panel-heading accordion-toggle collapsed" data-toggle="collapse" data-target="#collapseStart">
|
<div class="panel-heading">
|
||||||
<h4 class="text-center">
|
<h4 class="text-center">
|
||||||
{{ 'WELCOME_SCREEN' | translate }}
|
{{ 'WELCOME_SCREEN' | translate }}
|
||||||
<span class="pull-right">
|
|
||||||
<i class="fa fa-chevron-right" ng-hide="startPage.isOpen">
|
|
||||||
</i>
|
|
||||||
<i class="fa fa-chevron-down" ng-show="startPage.isOpen">
|
|
||||||
</i>
|
|
||||||
</span>
|
|
||||||
</h4>
|
</h4>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="collapseStart" class="panel-collapse collapse">
|
|
||||||
<div class="panel-body">
|
|
||||||
|
|
||||||
<div class="row hidden-sm hidden-xs">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<h4>{{ 'PREVIEW_START_PAGE' | translate }}</h4>
|
|
||||||
</div>
|
|
||||||
<ul class="col-md-12 container" style="list-style:none; border:2px lightgray solid; padding-bottom: 2em;">
|
|
||||||
|
|
||||||
<div class="field row">
|
|
||||||
<div class="col-xs-12 text-center" style="overflow-wrap: break-word;">
|
|
||||||
<h1>{{myform.startPage.introTitle}}</h1>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-10 col-xs-offset-1 text-left" style="overflow-wrap: break-word;">
|
|
||||||
<p style="color:#ddd;">{{myform.startPage.introParagraph}}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<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>
|
|
||||||
</button>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="row form-actions">
|
|
||||||
<button class="btn btn-info btn btn-info col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3" type="button">
|
|
||||||
<span style="color:white; font-size: 1.6em; text-decoration: none;">
|
|
||||||
{{myform.startPage.introButtonText}}
|
|
||||||
</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-xs-12">
|
|
||||||
<h4>{{ 'EDIT_START_PAGE' | translate }}</h4>
|
|
||||||
<br>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row question">
|
|
||||||
<div class="col-md-4 col-sm-12">{{ 'INTRO_TITLE' | translate }}:</div>
|
|
||||||
<div class="col-md-8 col-sm-12">
|
|
||||||
<input type="text"
|
|
||||||
ng-model="myform.startPage.introTitle"
|
|
||||||
name="introTitleStartPage"
|
|
||||||
value="{{myform.startPage.introTitle}}" required>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row question">
|
|
||||||
<div class="col-md-4 col-sm-12">{{ 'INTRO_PARAGRAPH' | translate }}:</div>
|
|
||||||
<div class="col-md-8 col-sm-12">
|
|
||||||
<textarea type="text"
|
|
||||||
ng-model="myform.startPage.introParagraph"
|
|
||||||
name="introParagraphStartPage"></textarea>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row question">
|
|
||||||
<div class="col-md-4 col-sm-12">{{ 'INTRO_BTN' | translate }}:</div>
|
|
||||||
<div class="col-md-8 col-sm-12">
|
|
||||||
<input type="text"
|
|
||||||
ng-model="myform.startPage.introButtonText"
|
|
||||||
name="introButtonText"
|
|
||||||
value="{{myform.startPage.introButtonText}}" required>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row"><br><br></div>
|
|
||||||
|
|
||||||
<div class="row options buttons">
|
|
||||||
<div class="col-md-3 col-xs-12">Buttons:</div>
|
|
||||||
<div class="col-md-9 col-xs-12">
|
|
||||||
<div ng-repeat="button in myform.startPage.buttons track by button._id" class="row" style="padding-bottom:1em;">
|
|
||||||
|
|
||||||
<div class="col-xs-5">
|
|
||||||
<span>{{ 'BUTTON_TEXT' | translate }}</span>
|
|
||||||
<input type="text"
|
|
||||||
name="{{button.text}}_buttonText_startPage"
|
|
||||||
ng-model="button.text"
|
|
||||||
value="{{button.text}}"
|
|
||||||
placeholder="Button Text">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-xs-5">
|
|
||||||
<span>{{ 'BUTTON_LINK' | translate }}</span>
|
|
||||||
<input type="text"
|
|
||||||
name="{{button.url}}_url_startPage"
|
|
||||||
ng-model="button.url"
|
|
||||||
value="{{button.url}}"
|
|
||||||
placeholder="http://aeouaou.com/aoeuoa">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-xs-2">
|
|
||||||
<a class="btn btn-danger btn-mini right" type="button" ng-click="deleteButton(button)">
|
|
||||||
<i class="fa fa-trash-o"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row"><br></div>
|
|
||||||
<div class="row">
|
|
||||||
<button class="btn btn-primary btn-small col-md-offset-6 col-md-6 col-sm-4 col-sm-offset-8 col-xs-4 col-xs-offset-8" type="button" ng-click="addButton()">
|
|
||||||
<i class="icon-plus icon-white"></i> {{ 'ADD_BUTTON' | translate }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -435,6 +608,19 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- End Page -->
|
||||||
|
<div class="row" ng-if="myform.endPage.showEnd">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<div class="panel panel-default startPage" ng-click="openEditEndPageModal()">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h4 class="text-center">
|
||||||
|
{{ 'END_SCREEN' | translate }}
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
|
|
|
@ -144,8 +144,8 @@ ng-style="{'color':button.color}">
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- End Page View -->
|
<!-- Default End Page View -->
|
||||||
<div ng-if="myform.submitted && !loading" class="form-submitted"
|
<div ng-if="myform.submitted && !loading && !myform.endPage.showEnd" class="form-submitted"
|
||||||
ng-style="{'color':myform.design.colors.buttonTextColor}"
|
ng-style="{'color':myform.design.colors.buttonTextColor}"
|
||||||
style="padding-top: 5vh;">
|
style="padding-top: 5vh;">
|
||||||
|
|
||||||
|
@ -161,3 +161,41 @@ ng-style="{'color':button.color}">
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- Custom End Page View -->
|
||||||
|
<div ng-if="myform.submitted && !loading && myform.endPage.showEnd" class="form-submitted"
|
||||||
|
ng-style="{'color':myform.design.colors.buttonTextColor}"
|
||||||
|
style="padding-top: 5vh;">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-12 text-center" style="overflow-wrap: break-word;">
|
||||||
|
<h1 style="font-weight: 400; nont-size: 25px;">
|
||||||
|
{{myform.endPage.title}}
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-10 col-xs-offset-1 text-center" style="overflow-wrap: break-word;">
|
||||||
|
<p style="color: grey; font-weight: 100; font-size: 16px;">
|
||||||
|
{{myform.endPage.paragraph}}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row form-actions text-center" style="padding: 5px 25px 5px 25px;">
|
||||||
|
<button ng-click="reloadForm()" class="btn" type="button"
|
||||||
|
ng-style="{'background-color':myform.design.colors.buttonColor, 'color':myform.design.colors.buttonTextColor}">
|
||||||
|
<span style="font-size: 1.6em;">
|
||||||
|
{{myform.endPage.buttonText}}
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="row form-actions" style="padding-bottom:3em; padding-left: 1em; padding-right: 1em;">
|
||||||
|
<p ng-repeat="button in myform.endPage.buttons" class="text-center" style="display:inline;">
|
||||||
|
<button class="btn" style="background-color:rgb(156, 226, 235)" type="button" ng-style="{'background-color':button.bgColor, 'color':button.color}">
|
||||||
|
<a href="{{button.url}}"
|
||||||
|
style="font-size: 1.6em; text-decoration: none;"
|
||||||
|
ng-style="{'color':button.color}">
|
||||||
|
{{button.text}}
|
||||||
|
</a>
|
||||||
|
</button>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue