diff --git a/app/models/form_field.server.model.js b/app/models/form_field.server.model.js index 0487a49d..2a244ca9 100644 --- a/app/models/form_field.server.model.js +++ b/app/models/form_field.server.model.js @@ -42,7 +42,7 @@ var FormFieldSchema = new Schema({ type: Date, default: Date.now }, - title: { + name: { type: String, default: '', trim: true, @@ -65,7 +65,7 @@ var FormFieldSchema = new Schema({ required: 'Field type cannot be blank', validate: [validateFormFieldType, 'Invalid field type'] }, - fieldValue: Schema.Types.Mixed + value: Schema.Types.Mixed }); diff --git a/public/modules/forms/css/form.css b/public/modules/forms/css/form.css index f2f31e51..7ca8d85c 100644 --- a/public/modules/forms/css/form.css +++ b/public/modules/forms/css/form.css @@ -1,3 +1,57 @@ +/* Styles for form submission view (/forms/:formID) */ +form .row.field { + padding: 1em 0 3em 0; +} + form .row.field > .field-title { + margin-top:0.5em; + font-size:1.5em; + } + form.submission-form .row.field.statement > .field-title { + font-size:1.7em; + } + form.submission-form .row.field.statement > .field-input { + font-size:1.2em; + color:#ddd; + } + form.submission-form .row.field > .field-input input { + width:500px; + } + form.submission-form .row.field .field-input > input:focus { + font-size:1em; + } + form .row.field.textfield > .field-input > input{ + padding:0.45em 0.9em; + width:600px; + } + +form.config-form > .row { + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); + width: 90%; +} + + form.config-form > .row > .container:nth-of-type(odd){ + border-right: 1px #ddd solid; + /*padding-left: 1em;*/ + } + + form.config-form .row > .field-input { + padding-top:1.2em; + padding-left:0.1em; + } + form.config-form .row > .field-input label { + padding-left:1.3em; + display: block; + } + + + + /* Styles for form admin view (/forms/:formID/admin) */ .admin-form > .page-header { padding-bottom: 0px; @@ -54,11 +108,19 @@ } -/*Style for edit fields tab*/ -.admin-form .tab-content .add-field { - border-right: 1px solid #ddd; +/*Styles for add fields tab*/ +.admin-form .add-field { background-color: #ddd; } + .admin-form .add-field .col-xs-6 { + padding: 0.25em 0.4em; + } + .admin-form .add-field .col-xs-6 .panel-heading { + border-width: 1px; + border-style: solid; + border-color: #bbb; + border-radius: 4px; + } .status-light { padding-left:0.6em; diff --git a/public/modules/forms/directives/configure-form.client.directive.js b/public/modules/forms/directives/configure-form.client.directive.js index 8a55488f..0c51c080 100644 --- a/public/modules/forms/directives/configure-form.client.directive.js +++ b/public/modules/forms/directives/configure-form.client.directive.js @@ -8,6 +8,14 @@ angular.module('forms').directive('configureFormDirective', ['$http', '$timeout' $scope.pdfLoading = false; var _current_upload = null; + + var _unbindedPdfFields = $scope.pdfFields; + + //DAVID: TODO: finish this so we can create a Form.pdfFieldMap + // $scope.getUnbindedPdfFields = function(fieldType){ + // _unbindedPdfFields = $scope.pdfFields + // } + //PDF Functions $scope.cancelUpload = function(){ _current_upload.abort(); @@ -65,7 +73,9 @@ angular.module('forms').directive('configureFormDirective', ['$http', '$timeout' restrict: 'E', scope: { form:'=', - user:'=' + user:'=', + pdfFields:'@', + formFields:'@' } }; } diff --git a/public/modules/forms/directives/edit-form.client.directive.js b/public/modules/forms/directives/edit-form.client.directive.js index 72f053de..421d32f1 100644 --- a/public/modules/forms/directives/edit-form.client.directive.js +++ b/public/modules/forms/directives/edit-form.client.directive.js @@ -57,7 +57,8 @@ angular.module('forms').directive('editFormDirective', ['$http', '$timeout', 'ti $scope.duplicateField = function (field, field_index){ for(var i = 0; i < $scope.form.form_fields.length; i++){ if($scope.form.form_fields[i].field_id === field.field_id){ - $scope.form.form_fields.splice(field_index+1, 0, field); + // $scope.form.form_fields.splice(field_index+1, 0, field); + $scope.addNewField($scope.form.form_fields[i].fieldType); break; } } diff --git a/public/modules/forms/directives/field-icon.client.directive.js b/public/modules/forms/directives/field-icon.client.directive.js index 4d56a930..86b26064 100644 --- a/public/modules/forms/directives/field-icon.client.directive.js +++ b/public/modules/forms/directives/field-icon.client.directive.js @@ -23,6 +23,7 @@ angular.module('forms').directive('fieldIconDirective', function($http, $compile "link": "fa fa-link", "scale": "fa fa-sliders", "stripe": "fa fa-credit-card", + "statement": "fa fa-quote-left", } $scope.typeIcon = iconTypeMap[$scope.typeName]; }, diff --git a/public/modules/forms/services/form-fields.client.service.js b/public/modules/forms/services/form-fields.client.service.js index 637a2fad..e90e32b5 100644 --- a/public/modules/forms/services/form-fields.client.service.js +++ b/public/modules/forms/services/form-fields.client.service.js @@ -55,6 +55,10 @@ angular.module('forms').service('FormFields', [ name : 'stripe', value : 'Payment' }, + { + name : 'statement', + value : 'Statement' + }, ]; } diff --git a/public/modules/forms/views/create-form.client.view.html b/public/modules/forms/views/create-form.client.view.html index dff80944..5cc03c6a 100644 --- a/public/modules/forms/views/create-form.client.view.html +++ b/public/modules/forms/views/create-form.client.view.html @@ -44,27 +44,27 @@
-
Field ID:
-
{{field.client_id}}
+
Field ID:
+
{{field.client_id}}
-
Field Type:
-
{{field.fieldType}}
+
Field Type:
+
{{field.fieldType}}

-
Field Title:
-
+
Field Title:
+
-
Field Default Value:
-
+
Field Default Value:
+
-
Field Options:
-
+
Field Options:
+
@@ -77,8 +77,8 @@

-
Required:
-
+
Required:
+