=e?d>a:a>d;d>=e?a++:a--)f.push(a);return f}.apply(this))),b=_.map(b,function(b){return _.isNumber(b)?b=$('
"),a.css({width:b.$responseFields.width(),height:"80px"}),a}})},e.prototype.addAll=function(){return this.collection.each(function(a,b,c){return this.addOne.call(this,a,b,{})},this),this.setSortable()},e.prototype.hideShowNoResponseFields=function(){return this.$el.find(".fb-no-response-fields")[this.collection.length>0?"hide":"show"]()},e.prototype.addField=function(a){var b;return b=$(a.currentTarget).data("type"),this.createField(c.helpers.defaultFieldAttrs(b,{}))},e.prototype.createField=function(a,b){var c;return c=this.collection.create(a,b),this.createAndShowEditView(c),this.handleFormUpdate()},e.prototype.createAndShowEditView=function(a){var d,e,f,g;if(e=this.$el.find(".fb-field-wrapper").filter(function(){return $(this).data("cid")===a.cid}),$(".fb-field-wrapper").removeClass("editing"),e.addClass("editing"),this.editView){if(this.editView.model.cid===a.cid)return this.$el.find('.fb-tabs a[data-target="#editField"]').click(),void this.scrollLeftWrapper(e);this.editView.remove()}return this.editView=new b({model:a,parentView:this}),d=this.editView.render().$el,g=this.$el.find(".fb-edit-field-wrapper"),g.html(d),this.inGrid(a)?g.addClass("fb-edit-field-grid"):g.removeClass("fb-edit-field-grid"),this.$el.find('.fb-tabs a[data-target="#editField"]').click(),this.scrollLeftWrapper(e),f=c.helpers.defaultFieldAttrs(a.get("type")),void 0!==f.definition.onEdit&&f.definition.onEdit(a),this.$el.find("input, textarea, [contenteditable=true]").filter(":visible").first().focus(),this},e.prototype.inGrid=function(a){return this.hasParent(a)&&a.get("options.grid")},e.prototype.hasParent=function(a){return a.get("parent_uuid")},e.prototype.modelByUuid=function(a){return this.collection.findWhere({uuid:a})},e.prototype.wrapperByUuid=function(a){return $(".fb-field-wrapper").filter(function(){return $(this).data("uuid")===a})},e.prototype.viewByUuid=function(a){return this.views[a]},e.prototype.views={},e.prototype.gridAttr=function(a){return this.inGrid(a)?a.get("options.grid"):null},e.prototype.ensureEditViewScrolled=function(){return this.editView?this.scrollLeftWrapper($(".fb-field-wrapper.editing")):void 0},e.prototype.scrollLeftWrapper=function(a){var b=this;return this.unlockLeftWrapper(),a[0]?$.scrollWindowTo(this.$el.offset().top+a.offset().top-this.$responseFields.offset().top,200,function(){return b.lockLeftWrapper()}):void 0},e.prototype.lockLeftWrapper=function(){return this.$fbLeft.data("locked",!0)},e.prototype.unlockLeftWrapper=function(){return this.$fbLeft.data("locked",!1)},e.prototype.handleFormUpdate=function(){return this.collection.sort(),this.updatingBatch?void 0:(this.formSaved=!1,this.saveFormButton.removeAttr("disabled").text(c.options.dict.SAVE_FORM))},e.prototype.getPayload=function(){return JSON.stringify({fields:this.collection.toJSON()})},e.prototype.saveForm=function(a){var b;if(!this.formSaved)return this.formSaved=!0,this.saveFormButton.attr("disabled",!0).text(c.options.dict.ALL_CHANGES_SAVED),this.collection.sort(),b=this.getPayload(),c.options.HTTP_ENDPOINT&&this.doAjaxSave(b),this.formBuilder.trigger("save",b)},e.prototype.doAjaxSave=function(a){var b=this;return $.ajax({url:c.options.HTTP_ENDPOINT,type:c.options.HTTP_METHOD,data:a,contentType:"application/json",success:function(a){var c,d,e,f;for(b.updatingBatch=!0,d=0,e=a.length;e>d;d++)c=a[d],null!=(f=b.collection.get(c.cid))&&f.set({id:c.id}),b.collection.trigger("sync");return b.updatingBatch=void 0}})},e}(Backbone.View),c=function(){function b(c){var d,e;null==c&&(c={}),_.extend(this,Backbone.Events),d=_.extend(c,{formBuilder:this}),this.attrs={},e=_(d.bootstrapData||[]).groupBy(function(a){return void 0===a.parent_uuid?0:1}).toArray().value(),e=_.reduce(e,function(a,b){return a.concat(b)}),d.bootstrapData=_.map(e,function(a){return _.extend({},b.helpers.defaultFieldAttrs(a.type),a)}),this.mainView=new a(d),this.mainView.collection,b.instances.push(this)}return b.attrs={},b.instances=[],b.attr=function(a,c){return void 0!==c&&(b.attrs[a]=c,_.each(this.instances,function(a){return a.mainView.reset()})),void 0!==b.attrs[a]?b.attrs[a]:void 0},b.helpers={defaultFieldAttrs:function(a){var c,d;return c={},c[b.options.mappings.LABEL]="Untitled",c[b.options.mappings.TYPE]=a,c[b.options.mappings.REQUIRED]=!1,c.definition=b.fields[a],c.options={},("function"==typeof(d=b.fields[a]).defaultAttributes?d.defaultAttributes(c,b):void 0)||c},simple_format:function(a){return null!=a?a.replace(/\n/g,"\n \n Address \n \n
\n\n\n \n City \n \n\n \n State / Province / Region \n \n
\n\n\n \n Zipcode \n \n\n \n United States Country \n \n
",edit:"",addButton:'\n \n <%= rf.source().title %>\n (<%= rf.sourceProperty(rf.get(Formbuilder.options.mappings.DATA_SOURCE.VALUE_TEMPLATE)) %>)\n \n ",edit:"<%= Formbuilder.templates['edit/data_source_options']({ rf: rf }) %>",addButton:'\n
',edit:"",addButton:'\n <% if (rf.get(Formbuilder.options.mappings.INCLUDE_BLANK)) { %>\n >\n <%= rf.get(Formbuilder.options.mappings.OPTIONS)[i].label %>\n \n <% } %>\n ",
+edit:"<%= Formbuilder.templates['edit/scoring']() %>\n<%= Formbuilder.templates['edit/options']({ rf: rf }) %>",addButton:'<%= rf.get(Formbuilder.options.mappings.LABEL) %> \n\n<%= rf.get(Formbuilder.options.mappings.DESCRIPTION) %>
",edit:'\n\n',addButton:'<%= rf.get(Formbuilder.options.mappings.LABEL) %> \n<%= rf.get(Formbuilder.options.mappings.DESCRIPTION) %>
",edit:'\n',addButton:'\n $ \n \n Dollars \n \n . \n \n Cents \n \n
",edit:"",addButton:'<%= rf.get(Formbuilder.options.mappings.LABEL) %> \n<%= rf.get(Formbuilder.options.mappings.DESCRIPTION) %>
",edit:'\n',addButton:'Clear ',edit:"",addButton:'<%= rf.get(Formbuilder.options.mappings.LABEL) %> \n<%= Formbuilder.templates[\"view/table_field\"]({rf: rf}) %>\n<%= rf.get(Formbuilder.options.mappings.DESCRIPTION) %>
",edit:"\n\n
\n <%= Formbuilder.templates['edit/label_description']({rf: rf}) %>\n
\n
\n
\n ",addButton:'\n \n HH \n \n\n : \n\n \n MM \n \n\n : \n\n \n SS \n \n\n \n \n AM \n PM \n \n \n
",edit:"",addButton:'\n
\n";return __p},this.Formbuilder.templates["edit/base_non_input"]=function(obj){obj||(obj={});var __t,__p="";_.escape;with(obj)__p+=(null==(__t=Formbuilder.templates["edit/base_header"]({rf:rf}))?"":__t)+"\n"+(null==(__t=Formbuilder.fields[rf.get(Formbuilder.options.mappings.TYPE)].edit({rf:rf}))?"":__t)+"\n";return __p},this.Formbuilder.templates["edit/checkboxes"]=function(obj){obj||(obj={});var __t,__p="";_.escape;with(obj)__p+="\n \n";return __p},this.Formbuilder.templates["edit/columnwidth"]=function(obj){obj||(obj={});var __t,__p="";_.escape;with(obj)__p+='';return __p},this.Formbuilder.templates["edit/common"]=function(obj){obj||(obj={});var __t,__p="";_.escape;with(obj)__p+="\n\n\n
\n "+(null==(__t=Formbuilder.templates["edit/label_description"]({rf:rf}))?"":__t)+"\n
\n
\n "+(null==(__t=Formbuilder.templates["edit/checkboxes"]())?"":__t)+"\n
\n
\n
\n \n\n\n\n';for(i in Formbuilder.attr("sources")||[])__p+='\n \n '+(null==(__t=Formbuilder.attr("sources")[i].title)?"":__t)+"\n \n";__p+="\n \n\n\n';for(i in rf.sourceProperties()||[])__p+='\n \n '+(null==(__t=rf.sourceProperties()[i])?"":__t)+"\n \n";if(__p+="\n \n",rf.filters()){if(__p+="\n \n \n \n ",rf.get(Formbuilder.options.mappings.DATA_SOURCE.IS_FILTERED)){__p+='\n \n [ No Filter ] \n ';for(i in rf.filters()||[])__p+='\n \n '+(null==(__t=rf.filters()[i].name)?"":__t)+"\n \n ";__p+="\n \n ";for(i in rf.filterValues())__p+="\n \n \n ";__p+="\n"}__p+="\n"}}return __p},this.Formbuilder.templates["edit/integer_only"]=function(obj){obj||(obj={});var __t,__p="";_.escape;with(obj)__p+="\n \n";return __p},this.Formbuilder.templates["edit/label_description"]=function(obj){obj||(obj={});var __t,__p="";_.escape;with(obj)__p+="\n characters \n words \n \n';return __p},this.Formbuilder.templates["edit/options"]=function(obj){obj||(obj={});var __t,__p="";_.escape,Array.prototype.join;with(obj)__p+="\n\n","undefined"!=typeof includeBlank&&(__p+="\n \n \n"),__p+="\n\n\n\n
\n\n',"undefined"!=typeof includeOther&&(__p+="\n \n \n'),__p+="\n\n\n Add option \n
\n';return __p},this.Formbuilder.templates["edit/options_per_row"]=function(obj){obj||(obj={});var __t,__p="";_.escape;with(obj)__p+="\n \n 1 \n 2 \n 3 \n 4 \n 5 \n 6 \n 7 \n 8 \n 9 \n 10 \n 11 \n 12 \n 13 \n 14 \n 15 \n \n';return __p},this.Formbuilder.templates["edit/populate_from"]=function(obj){obj||(obj={});var __t,__p="";_.escape,Array.prototype.join;with(obj){var list=rf.collection.findDataSourceFields();if(list.length){__p+="\n \n \n \n ';for(i in list||[])__p+='\n \n '+(null==(__t=list[i].get("label"))?"":__t)+"\n \n ";__p+='\n \n \n \n ';var populationUuid=rf.get("options.populate_uuid"),populationModel=rf.collection.findWhereUuid(populationUuid)||{};if(populationUuid&&populationModel){var dataSource=populationModel.get("options.data_source"),listProperties=Formbuilder.attr("sources")[dataSource].properties;for(i in listProperties)__p+='\n \n '+(null==(__t=listProperties[i])?"":__t)+"\n \n "}__p+="\n \n"}__p+="\n"}return __p},this.Formbuilder.templates["edit/scoring"]=function(obj){obj||(obj={});var __t,__p="";_.escape;with(obj)__p+='\n \n \n
\n\n";return __p},this.Formbuilder.templates["edit/size"]=function(obj){obj||(obj={});var __t,__p="";_.escape;with(obj)__p+="\n\n Small \n Medium \n Large \n \n';return __p},this.Formbuilder.templates["edit/table_layout"]=function(obj){obj||(obj={});var __t,__p="";_.escape;with(obj)__p+="\n \n Columns\n \n 1 \n 2 \n 3 \n 4 \n 5 \n 6 \n 7 \n 8 \n 9 \n 10 \n \n \n\n \n Max rows\n \n';return __p},this.Formbuilder.templates["edit/table_totals"]=function(obj){obj||(obj={});var __t,__p="";_.escape;with(obj)__p+="\n \n \n";return __p},this.Formbuilder.templates["edit/total"]=function(obj){obj||(obj={});var __t,__p="";_.escape,Array.prototype.join;with(obj)rf.canTotalColumn()&&(__p+='\n\n Display column total?\n \n"),__p+="\n",rf.canAcceptCalculatedTotal()&&(__p+="\n\n\n Calculated Value\n \n No Calculation \n Sum \n Product \n \n \n'),__p+="\n\n";return __p},this.Formbuilder.templates["edit/units"]=function(obj){obj||(obj={});var __t,__p="";_.escape;with(obj)__p+='\n
";return __p},this.Formbuilder.templates["partials/add_field"]=function(obj){obj||(obj={});var __t,__p="";_.escape,Array.prototype.join;with(obj)__p+="";return __p},this.Formbuilder.templates["partials/edit_field"]=function(obj){obj||(obj={});var __p="";_.escape;with(obj)__p+="\n";return __p},this.Formbuilder.templates["partials/left_side"]=function(obj){obj||(obj={});var __t,__p="";_.escape;with(obj)__p+="\n
\n\n
\n "+(null==(__t=Formbuilder.templates["partials/add_field"]())?"":__t)+"\n "+(null==(__t=Formbuilder.templates["partials/edit_field"]())?"":__t)+"\n
\n
\n
No response fields
\n
\n
\n
\n "+(null==(__t=Formbuilder.templates["view/label"]({rf:rf}))?"":__t)+"\n\n "+(null==(__t=Formbuilder.fields[rf.get(Formbuilder.options.mappings.TYPE)].view({rf:rf}))?"":__t)+"\n\n "+(null==(__t=Formbuilder.templates["view/description"]({rf:rf}))?"":__t)+"\n "+(null==(__t=Formbuilder.templates["view/duplicate_remove"]({rf:rf}))?"":__t)+"\n
\n
\n "+(null==(__t=Formbuilder.fields[rf.get(Formbuilder.options.mappings.TYPE)].view({rf:rf}))?"":__t)+"\n "+(null==(__t=Formbuilder.templates["view/duplicate_remove"]({rf:rf}))?"":__t)+"\n
\n "+(null==(__t=Formbuilder.helpers.simple_format(rf.get(Formbuilder.options.mappings.DESCRIPTION)))?"":__t)+"\n \n";return __p},this.Formbuilder.templates["view/duplicate_remove"]=function(obj){obj||(obj={});var __t,__p="";_.escape;with(obj)__p+="\n
';return __p},this.Formbuilder.templates["view/element_selector"]=function(obj){obj||(obj={});var __p="";_.escape;with(obj)__p+='\n\n \n\n
';
+return __p},this.Formbuilder.templates["view/label"]=function(obj){obj||(obj={});var __t,__p="";_.escape,Array.prototype.join;with(obj)__p+="\n "+(null==(__t=Formbuilder.helpers.simple_format(rf.get(Formbuilder.options.mappings.LABEL)))?"":__t)+"\n ",rf.get(Formbuilder.options.mappings.REQUIRED)&&(__p+="\n * \n "),__p+="\n \n";return __p},this.Formbuilder.templates["view/remove"]=function(obj){obj||(obj={});var __t,__p="";_.escape;with(obj)__p+="\n
';return __p},this.Formbuilder.templates["view/table_element"]=function(obj){obj||(obj={});var __t,__p="";_.escape;with(obj)__p+=(null==(__t=Formbuilder.fields[rf.get(Formbuilder.options.mappings.TYPE)].view({rf:rf}))?"":__t)+"\n"+(null==(__t=Formbuilder.templates["view/remove"]({rf:rf}))?"":__t);return __p},this.Formbuilder.templates["view/table_field"]=function(obj){obj||(obj={});var __t,__p="";_.escape,Array.prototype.join;with(obj){__p+='\n'+(null==(__t=Formbuilder.templates["view/element_selector"]())?"":__t)+'\n \n\n\n \n \n ';for(i in rf.get("options.elements")||[])__p+='\n \n ';__p+="\n \n \n ";for(i in rf.get("options.elements")||[])__p+='\n \n \n \n \n ";for(i in rf.get("options.elements")||[])__p+='\n \n \n
"}return __p},this.Formbuilder.templates["view/table_header"]=function(obj){obj||(obj={});var __t,__p="";_.escape;with(obj)__p+=(null==(__t=Formbuilder.templates["view/label"]({rf:rf}))?"":__t)+"\n"+(null==(__t=Formbuilder.templates["view/description"]({rf:rf}))?"":__t);return __p},this.Formbuilder.templates["view/table_total"]=function(obj){obj||(obj={});var __p="";_.escape,Array.prototype.join;with(obj)rf.get("options.total_sequence")&&(__p+='\n(Column Total) \n');return __p};
\ No newline at end of file
diff --git a/dist/formbuilder.css b/dist/formbuilder.css
index 331fbb8e..49c37c6b 100644
--- a/dist/formbuilder.css
+++ b/dist/formbuilder.css
@@ -1,10 +1,25 @@
-.fb-button{display:inline-block;margin:0;padding:.563rem .844rem;border:0 none;background:#16a085;color:#fff;text-align:center;text-decoration:none;font-size:12px;line-height:1.5;cursor:pointer;border-radius:.125rem;border:thin solid #19b394;border-bottom:2px solid #16a085}
-.fb-button[disabled]{background:#ddd !important;border:thin solid #ccc;color:#777 !important;text-shadow:none !important;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";opacity:.65;cursor:default}
+[class^="fb-icon-"]:before,[class*=" fb-icon-"]:before{font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}
+.fb-icon-date:before{content:'\e800'}
+.fb-icon-radio:before{content:'\e801'}
+.fb-icon-checkbox:before{content:'\e802'}
+.fb-icon-data-source:before{content:'\e803'}
+.fb-icon-dropdown:before{content:'\e804'}
+.fb-icon-signature:before{content:'\e805'}
+.fb-icon-info:before{content:'\e806'}
+.fb-icon-table:before{content:'\e807'}
+.fb-icon-textarea:before{content:'\e808'}
+.fb-icon-section:before{content:'\e809'}
+.fb-icon-text:before{content:'\e80a'}
+.fb-icon-number:before{content:'\e80b'}
+.fb-icon-time:before{content:'\e80c'}
+.fb-icon-conditional:before{content:'\E80D'}
+.fb-icon-geolocation:before{content:'\E80E'}
+.fb-button{text-align:left}
.fb-clear{clear:both}
-.fb-main{max-width:1000px;margin:0 auto;padding:0 20px 0 0;position:relative;font-family:'Source Sans Pro','Open Sans',Tahoma}
+.fb-main{padding:0 20px 0 0;position:relative}
.fb-save-wrapper{position:absolute;right:20px;top:10px}
.fb-left{float:left;width:320px;padding-top:30px}
-.fb-right{padding-top:70px;margin-left:320px;border-left:1px solid #ddd;padding-left:20px;min-height:100%;overflow:hidden}
+.fb-right{padding-top:70px;margin-left:320px;border-left:1px solid #ddd;padding-left:20px;padding-bottom:150px;min-height:100%;overflow:hidden}
.fb-no-response-fields{color:#999}
.fb-tabs{list-style:none;margin:0 0 20px 0;padding:0 0 0 20px;border-bottom:1px solid #ccc}
.fb-tabs li{display:inline-block}
@@ -12,26 +27,26 @@
.fb-tabs li.active a{border:1px solid #ccc;margin-bottom:-1px;border-bottom-color:#fff}
.fb-tab-content .fb-tab-pane{padding:0 20px;display:none}
.fb-tab-content .fb-tab-pane.active{display:block}
-.fb-add-field-types .section{padding-bottom:5px;margin-bottom:20px}
-.fb-add-field-types{font-size:0}
-.fb-add-field-types a{font-size:13px;display:inline-block;width:48.5%;background-color:#1abc9c;margin-bottom:9px;box-sizing:border-box}
-.fb-add-field-types a:nth-child(odd){margin-right:3%}
-.fb-add-field-types a .symbol{opacity:.6;margin:0 .25em 0 -1em}
+.fb-add-types .section{padding-bottom:5px;margin-bottom:20px}
+.fb-add-types{font-size:0}
+.fb-add-types a{font-size:13px;display:inline-block;width:48.5%;margin-bottom:9px;box-sizing:border-box}
+.fb-add-types a:nth-child(odd){margin-right:3%}
+.fb-add-types a .symbol{opacity:.6;margin:0 .25em 0 -1em}
.fb-response-fields{padding-bottom:150px}
.fb-response-fields a.sortable-placeholder{display:block;border:1px dashed #ddd;min-height:80px;height:80px;width:100%}
.fb-field-wrapper{cursor:pointer;position:relative;margin-bottom:20px}
.fb-field-wrapper input{border-radius:3px;border:thin solid #ddd}
.fb-field-wrapper:hover .actions-wrapper,.fb-field-wrapper.editing .actions-wrapper{display:block}
.fb-field-wrapper:hover .subtemplate-wrapper{border-color:#ddd;border-radius:3px}
-.fb-field-wrapper.editing{background-color:#ecf0f1;border-radius:3px}
+.fb-field-wrapper.editing{background-color:#ecf0f1;border-radius:3px;box-shadow:inset 0 0 7px 2px rgba(100,100,100,0.1);border:1px solid rgba(100,100,100,0.2)}
+.fb-field-wrapper.parent{box-shadow:rgba(0,0,0,0.3) 1px 1px 10px}
.fb-field-wrapper.editing .subtemplate-wrapper{border-color:#d9e1e3;border-style:solid;margin:0;border-radius:3px}
.fb-field-wrapper .actions-wrapper{display:none;position:absolute;bottom:-7px;right:5px;z-index:3}
.fb-field-wrapper .actions-wrapper a{display:inline-block;background-color:#ccc;padding:2px 8px}
.edit-response-field input,.edit-response-field textarea,.edit-response-field select{border:thin solid #ddd;border-radius:.25em;padding:.5em;display:inline-block;height:auto;vertical-align:middle}
-.edit-response-field input:focus,.edit-response-field textarea:focus,.edit-response-field select:focus{outline:none;border:thin solid #1abc9c}
-.edit-response-field select{font-size:14px}
-.fb-field-wrapper .actions-wrapper a.js-duplicate,.fb-edit-field-wrapper .js-add-option{background-color:#2ecc71;border:none}
-.fb-field-wrapper .actions-wrapper a.js-clear,.fb-edit-field-wrapper .js-remove-option{background-color:#e74c3c;border:none}
+.edit-response-field input:focus,.edit-response-field textarea:focus,.edit-response-field select:focus{outline:none}
+.edit-response-field select{font-size:14px;max-width:100%}
+input[readonly]{cursor:not-allowed;background-color:#eee}
.fb-field-wrapper .subtemplate-wrapper{border:1px dashed transparent;margin-bottom:10px;padding:10px;position:relative}
.fb-field-wrapper .subtemplate-wrapper .cover{position:absolute;top:0;left:0;height:100%;width:100%;z-index:2}
.fb-field-wrapper .subtemplate-wrapper > label{display:block;border-bottom:thin solid #eee;padding-bottom:3px;margin-bottom:7px}
@@ -44,8 +59,8 @@
.fb-field-wrapper .help-block{display:block;font-size:12px;margin-top:5px}
.fb-edit-field-wrapper{font-size:13px}
.fb-edit-field-wrapper .fb-field-label{font-weight:normal;background:#eee;padding:.75em;color:#666;font-size:1.25em}
-.fb-edit-field-wrapper .fb-field-label .field-type{margin-top:.5em;display:block;font-family:'Source Sans Pro',sans-serif;font-size:1em}
-.fb-edit-field-wrapper .fb-field-label .field-type:before{content:'Type: ';color:#999}
+.fb-edit-field-wrapper .fb-field-label .type{margin-top:.5em;display:block;font-family:'Source Sans Pro',sans-serif;font-size:1em}
+.fb-edit-field-wrapper .fb-field-label .type:before{content:'Type: ';color:#999}
.fb-edit-field-wrapper .fb-field-label .fa.fa-arrow-right{display:none}
.fb-edit-field-wrapper .fb-edit-section-header{border-bottom:1px solid #ddd;margin-top:25px;margin-bottom:10px;padding-bottom:5px;clear:both;font-weight:700}
.fb-edit-field-wrapper .js-add-option,.fb-edit-field-wrapper .js-remove-option{padding:3px 6px}
@@ -53,16 +68,108 @@
.fb-common-wrapper .fb-label-description{margin-bottom:10px}
.fb-common-wrapper .fb-label-description input,.fb-common-wrapper .fb-label-description textarea{width:100%}
.fb-common-wrapper .fb-label-description textarea{min-height:5em}
+.fb-conditional-question{float:right;font-size:.9em;max-width:50%;text-overflow:ellipsis;height:20px;white-space:nowrap;overflow:hidden}
+.fb-conditional-question-trigger > span{font-weight:bold}
+.option-score-input{width:50px}
+.option-label-input{width:170px}
.response-field-draggable-helper{border:1px dashed #ddd;background:#eee}
-.response-field-text input.rf-size-small{width:130px}
.response-field-text input.rf-size-medium{width:300px}
.response-field-text input.rf-size-large{width:100%}
-.response-field-paragraph textarea.rf-size-small{width:200px;min-height:60px}
-.response-field-paragraph textarea.rf-size-medium{width:400px;min-height:100px}
-.response-field-paragraph textarea.rf-size-large{width:100%;min-height:200px}
+.response-field-textarea textarea.rf-size-small{width:200px;min-height:60px}
+.response-field-textarea textarea.rf-size-medium{width:400px;min-height:100px}
+.response-field-textarea textarea.rf-size-large{width:100%;min-height:200px}
.response-field-address .street{width:400px}
.response-field-address .city,.response-field-address .state,.response-field-address .zip,.response-field-address .country{width:198px}
.response-field-date .month,.response-field-date .day,.response-field-date .year{width:50px}
-.response-field-time .hours,.response-field-time .minutes,.response-field-time .seconds{width:50px}
-.response-field-checkboxes .fb-option,.response-field-radio .fb-option{margin-bottom:5px;display:inline-block}
+.response-field-time .input-group{width:145px}
+.response-field-checkbox .fb-option,.response-field-radio .fb-option{margin-bottom:5px;padding:3px 8px;display:inline-block}
+.editing .trigger-option,.fb-option.trigger-option{background-color:#5cb85c;border-radius:.25em;color:#fff}
+.fb-conditional-question .trigger-option{padding:1px 4px}
.response-field-website input{width:200px}
+.response-field-signature .fb-signature{width:300px;height:150px}
+.response-field-signature .fb-signature-placeholder{color:#aaa}
+.response-field-grid .cover{display:none}
+.response-field-table{width:100%}
+.response-field-table .cover{display:none}
+.response-field-table .section-name{display:inline-block}
+.response-field-table .element-selector{margin:0 5px;float:right;position:absolute;right:5px;top:5px}
+.response-field-table tr{vertical-align:top}
+.response-field-table table{margin-bottom:30px}
+.response-field-table table td{padding:10px 10px 0 10px}
+.response-field-table table td label{border:none !important}
+.response-field-table table .calculated{font-style:italic;color:#ccc}
+.response-field-table table select,.response-field-table table input[type=text],.response-field-table table textarea,.response-field-table table .fb-signature{width:100%}
+.fb-options-per-row-1:before{content:" ";display:table}
+.fb-options-per-row-1:after{content:" ";display:table;clear:both}
+.fb-options-per-row-1{clear:both}
+.fb-options-per-row-1 .fb-option-wrapper{width:100%}
+.fb-options-per-row-2:before{content:" ";display:table}
+.fb-options-per-row-2:after{content:" ";display:table;clear:both}
+.fb-options-per-row-2{clear:both}
+.fb-options-per-row-2 .fb-option-wrapper{width:50%}
+.fb-options-per-row-3:before{content:" ";display:table}
+.fb-options-per-row-3:after{content:" ";display:table;clear:both}
+.fb-options-per-row-3{clear:both}
+.fb-options-per-row-3 .fb-option-wrapper{width:33.333333333333336%}
+.fb-options-per-row-4:before{content:" ";display:table}
+.fb-options-per-row-4:after{content:" ";display:table;clear:both}
+.fb-options-per-row-4{clear:both}
+.fb-options-per-row-4 .fb-option-wrapper{width:25%}
+.fb-options-per-row-5:before{content:" ";display:table}
+.fb-options-per-row-5:after{content:" ";display:table;clear:both}
+.fb-options-per-row-5{clear:both}
+.fb-options-per-row-5 .fb-option-wrapper{width:20%}
+.fb-options-per-row-6:before{content:" ";display:table}
+.fb-options-per-row-6:after{content:" ";display:table;clear:both}
+.fb-options-per-row-6{clear:both}
+.fb-options-per-row-6 .fb-option-wrapper{width:16.666666666666668%}
+.fb-options-per-row-7:before{content:" ";display:table}
+.fb-options-per-row-7:after{content:" ";display:table;clear:both}
+.fb-options-per-row-7{clear:both}
+.fb-options-per-row-7 .fb-option-wrapper{width:14.285714285714286%}
+.fb-options-per-row-8:before{content:" ";display:table}
+.fb-options-per-row-8:after{content:" ";display:table;clear:both}
+.fb-options-per-row-8{clear:both}
+.fb-options-per-row-8 .fb-option-wrapper{width:12.5%}
+.fb-options-per-row-9:before{content:" ";display:table}
+.fb-options-per-row-9:after{content:" ";display:table;clear:both}
+.fb-options-per-row-9{clear:both}
+.fb-options-per-row-9 .fb-option-wrapper{width:11.11111111111111%}
+.fb-options-per-row-10:before{content:" ";display:table}
+.fb-options-per-row-10:after{content:" ";display:table;clear:both}
+.fb-options-per-row-10{clear:both}
+.fb-options-per-row-10 .fb-option-wrapper{width:10%}
+.fb-options-per-row-11:before{content:" ";display:table}
+.fb-options-per-row-11:after{content:" ";display:table;clear:both}
+.fb-options-per-row-11{clear:both}
+.fb-options-per-row-11 .fb-option-wrapper{width:9.090909090909092%}
+.fb-options-per-row-12:before{content:" ";display:table}
+.fb-options-per-row-12:after{content:" ";display:table;clear:both}
+.fb-options-per-row-12{clear:both}
+.fb-options-per-row-12 .fb-option-wrapper{width:8.333333333333334%}
+.fb-options-per-row-13:before{content:" ";display:table}
+.fb-options-per-row-13:after{content:" ";display:table;clear:both}
+.fb-options-per-row-13{clear:both}
+.fb-options-per-row-13 .fb-option-wrapper{width:7.6923076923076925%}
+.fb-options-per-row-14:before{content:" ";display:table}
+.fb-options-per-row-14:after{content:" ";display:table;clear:both}
+.fb-options-per-row-14{clear:both}
+.fb-options-per-row-14 .fb-option-wrapper{width:7.142857142857143%}
+.fb-options-per-row-15:before{content:" ";display:table}
+.fb-options-per-row-15:after{content:" ";display:table;clear:both}
+.fb-options-per-row-15{clear:both}
+.fb-options-per-row-15 .fb-option-wrapper{width:6.666666666666667%}
+.response-field-grid-table{border-collapse:collapse;border-spacing:0;margin-bottom:5px;table-layout:fixed;width:100%}
+.response-field-grid-table .response-field-grid-row{height:100px;vertical-align:top}
+.response-field-grid-table td{padding:10px 10px 0 10px}
+.response-field-grid-table .element-selector{width:100%}
+.response-field-grid-table .element-selector .dropdown-toggle{width:100%}
+.response-field-grid-table .element-selector .dropdown-toggle span{font-size:2em}
+.response-field-grid-table .response-field-grid-cell{padding:10px 10px 0 10px;border:1px dashed #ddd;background-color:rgba(255,255,255,0.8)}
+.response-field-grid-table .response-field-grid-cell .cover{display:block}
+.response-field-grid-table .response-field-grid-cell .response-field-selector{margin:.5em}
+.response-field-grid-table .response-field-grid-cell .subtemplate-wrapper > label{display:none}
+.response-field-grid-table .response-field-grid-cell .help-block{display:none}
+.response-field-grid-table .response-field-grid-cell select,.response-field-grid-table .response-field-grid-cell input[type=text],.response-field-grid-table .response-field-grid-cell textarea,.response-field-grid-table .response-field-grid-cell .fb-signature{width:100%}
+.section-separator{border-top:1px solid #333}
+.fb-link-object-fields{padding:15px}
diff --git a/dist/formbuilder.js b/dist/formbuilder.js
index 47f8e09a..8d7d600d 100644
--- a/dist/formbuilder.js
+++ b/dist/formbuilder.js
@@ -1,4 +1,38 @@
(function() {
+ rivets.binders.append = {
+ routine: function(el, value) {
+ return el.checked = _.find(value, function(item) {
+ return String(item) === String(el.value);
+ }) !== void 0;
+ },
+ bind: function(el) {
+ var _this = this;
+ this.callback = function() {
+ var currentValue, newValue;
+ currentValue = _.clone(_this.model.get(_this.keypath)) || [];
+ if (_.contains(currentValue, el.value)) {
+ newValue = _.without(currentValue, el.value);
+ return _this.model.set(_this.keypath, newValue);
+ } else {
+ currentValue.push(el.value);
+ return _this.model.set(_this.keypath, currentValue);
+ }
+ };
+ return $(el).on('change', this.callback);
+ },
+ unbind: function(el) {
+ return $(el).off('change', this.callback);
+ }
+ };
+
+ rivets.formatters.length = function(value) {
+ if (value) {
+ return value.length;
+ } else {
+ return 0;
+ }
+ };
+
rivets.binders.input = {
publishes: true,
routine: rivets.binders.value.routine,
@@ -41,11 +75,14 @@
}).call(this);
(function() {
- var BuilderView, EditFieldView, Formbuilder, FormbuilderCollection, FormbuilderModel, ViewFieldView, _ref, _ref1, _ref2, _ref3, _ref4,
+ var BuilderView, EditFieldView, Formbuilder, FormbuilderCollection, FormbuilderModel, GridFieldView, TableFieldView, ViewFieldView, _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6,
__hasProp = {}.hasOwnProperty,
- __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
+ __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
+ __indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
FormbuilderModel = (function(_super) {
+ var $wrappers;
+
__extends(FormbuilderModel, _super);
function FormbuilderModel() {
@@ -53,19 +90,147 @@
return _ref;
}
+ $wrappers = {};
+
FormbuilderModel.prototype.sync = function() {};
FormbuilderModel.prototype.indexInDOM = function() {
- var $wrapper,
- _this = this;
- $wrapper = $(".fb-field-wrapper").filter((function(_, el) {
- return $(el).data('cid') === _this.cid;
- }));
- return $(".fb-field-wrapper").index($wrapper);
+ if ($wrappers[this.cid] === void 0) {
+ $(".fb-field-wrapper").each((function(_, el) {
+ $wrappers[$(el).data('cid')] = $(el);
+ return true;
+ }));
+ }
+ return ($wrappers[this.cid] || {
+ index: function() {
+ return -1;
+ }
+ }).index(".fb-field-wrapper");
};
FormbuilderModel.prototype.is_input = function() {
- return Formbuilder.inputFields[this.get(Formbuilder.options.mappings.FIELD_TYPE)] != null;
+ return Formbuilder.inputFields[this.get(Formbuilder.options.mappings.TYPE)] != null;
+ };
+
+ FormbuilderModel.prototype.initialize = function() {
+ if (this.attributes.uuid == null) {
+ this.attributes.uuid = uuid.v4();
+ }
+ if (!this.attributes.parent_uuid === void 0) {
+ this.attributes.parent_uuid = null;
+ }
+ return this.attachMethods();
+ };
+
+ FormbuilderModel.prototype.parentModel = function() {
+ var collention;
+ collention = this.collection;
+ if (collention) {
+ return this.collection.findWhereUuid(this.get('parent_uuid'));
+ }
+ };
+
+ FormbuilderModel.prototype.hasParent = function() {
+ return this.parentModel() !== void 0;
+ };
+
+ FormbuilderModel.prototype.inTable = function() {
+ var parent;
+ parent = this.parentModel();
+ return parent && parent.get('type') === 'table';
+ };
+
+ FormbuilderModel.prototype.inGrid = function() {
+ var parent;
+ parent = this.parentModel();
+ return parent && parent.get('type') === 'grid';
+ };
+
+ FormbuilderModel.prototype.canBeConditionallyDisplayed = function() {
+ return !this.inTable() && !this.inGrid() && Formbuilder.conditionalFunctionality;
+ };
+
+ FormbuilderModel.prototype.canShowReferenceID = function() {
+ return Formbuilder.showReferenceIDFunctionality;
+ };
+
+ FormbuilderModel.prototype.conditionalParent = function() {
+ var parentUuid;
+ parentUuid = this.get(Formbuilder.options.mappings.CONDITIONAL_PARENT);
+ if (parentUuid) {
+ return this.collection.findWhereUuid(parentUuid);
+ }
+ return null;
+ };
+
+ FormbuilderModel.prototype.conditionalChildren = function() {
+ var uuid;
+ uuid = this.attributes.uuid;
+ return this.collection.filter(function(item) {
+ return uuid === item.get(Formbuilder.options.mappings.CONDITIONAL_PARENT);
+ });
+ };
+
+ FormbuilderModel.prototype.answers = function() {
+ return this.get('answers') || [];
+ };
+
+ FormbuilderModel.prototype.conditionalTriggerOptions = function(selected) {
+ var options, parent, triggerValues;
+ parent = this.conditionalParent();
+ options = [];
+ if (parent) {
+ options = _.clone(parent.answers());
+ options.unshift({
+ 'uuid': '',
+ 'label': '[No Selection]'
+ });
+ if (selected) {
+ triggerValues = this.get(Formbuilder.options.mappings.CONDITIONAL_VALUES) || [];
+ options = _.filter(options, function(trigger) {
+ var _ref1;
+ return _ref1 = trigger.uuid, __indexOf.call(triggerValues, _ref1) >= 0;
+ });
+ }
+ }
+ return options;
+ };
+
+ FormbuilderModel.prototype.isValid = function() {
+ var conditional, conditional_ele, conditional_parent, conditional_values, options;
+ conditional_ele = this.canBeConditionallyDisplayed();
+ if (!conditional_ele) {
+ return true;
+ } else {
+ options = this.attributes.options;
+ conditional = options.conditional;
+ if (conditional) {
+ conditional_values = conditional.values;
+ conditional_parent = conditional.parent;
+ }
+ }
+ if ((conditional_parent && (conditional_values && conditional_values.length !== 0)) || (typeof conditional_values === "undefined" && typeof conditional_parent === "undefined")) {
+ return true;
+ } else {
+ return false;
+ }
+ };
+
+ FormbuilderModel.prototype.attachMethods = function() {
+ if (typeof this.attributes.initialize === 'function') {
+ this.attributes.initialize.call(this);
+ delete this.attributes['initialize'];
+ }
+ if (typeof this.attributes.insertion === 'function') {
+ this['insertion'] = this.attributes['insertion'];
+ delete this.attributes['insertion'];
+ }
+ return _.each(this.attributes, function(method, name) {
+ if (typeof method === 'function' && this[name] === void 0) {
+ this[name] = method;
+ return delete this.attributes[name];
+ }
+ }, this);
};
return FormbuilderModel;
@@ -80,24 +245,60 @@
return _ref1;
}
- FormbuilderCollection.prototype.initialize = function() {
- return this.on('add', this.copyCidToModel);
- };
-
FormbuilderCollection.prototype.model = FormbuilderModel;
FormbuilderCollection.prototype.comparator = function(model) {
return model.indexInDOM();
};
- FormbuilderCollection.prototype.copyCidToModel = function(model) {
- return model.attributes.cid = model.cid;
+ FormbuilderCollection.prototype.add = function(model) {
+ var models;
+ models = model = FormbuilderCollection.__super__.add.call(this, model);
+ if (!_.isArray(model)) {
+ models = [model];
+ }
+ _.each(models, function(model) {
+ if (typeof model.insertion === 'function') {
+ return model.insertion.call(model);
+ }
+ });
+ return model;
+ };
+
+ FormbuilderCollection.prototype.findWhereUuid = function(uuid) {
+ return this.findWhere({
+ 'uuid': uuid
+ });
+ };
+
+ FormbuilderCollection.prototype.findDataSourceFields = function() {
+ return this.where({
+ 'type': 'datasource'
+ });
+ };
+
+ FormbuilderCollection.prototype.findConditionalTriggers = function(child) {
+ var items;
+ items = this.filter(function(model) {
+ var correctType, differentModel, hasNoParent, _ref2;
+ correctType = (_ref2 = model.get('type')) === 'dropdown' || _ref2 === 'checkbox' || _ref2 === 'radio';
+ differentModel = model !== child;
+ hasNoParent = !model.hasParent();
+ return correctType && differentModel && hasNoParent;
+ });
+ return items;
+ };
+
+ FormbuilderCollection.prototype.clearConditionEle = function(conditionalChild) {
+ return conditionalChild.unset(Formbuilder.options.mappings.CONDITIONAL);
};
return FormbuilderCollection;
})(Backbone.Collection);
+ 'Individual elements';
+
ViewFieldView = (function(_super) {
__extends(ViewFieldView, _super);
@@ -106,6 +307,28 @@
return _ref2;
}
+ ViewFieldView.insert = function(builder, view, responseField, _, options) {
+ var $replacePosition, appendEl, parentModel, replaceEl;
+ parentModel = responseField.parentModel();
+ if (parentModel === void 0 || parentModel.get('type') === 'grid' || parentModel.get('type') === 'table') {
+ appendEl = options.$appendEl || null;
+ replaceEl = options.$replaceEl || null;
+ if (appendEl != null) {
+ return appendEl.html(view.render().el);
+ } else if (replaceEl != null) {
+ return replaceEl.replaceWith(view.render().el);
+ } else if ((options.position == null) || options.position === -1) {
+ return builder.$responseFields.append(view.render().el);
+ } else if (options.position === 0) {
+ return builder.$responseFields.prepend(view.render().el);
+ } else if (($replacePosition = builder.$responseFields.find(".fb-field-wrapper").eq(options.position))[0]) {
+ return $replacePosition.before(view.render().el);
+ } else {
+ return builder.$responseFields.append(view.render().el);
+ }
+ }
+ };
+
ViewFieldView.prototype.className = "fb-field-wrapper";
ViewFieldView.prototype.events = {
@@ -121,7 +344,7 @@
};
ViewFieldView.prototype.render = function() {
- this.$el.addClass('response-field-' + this.model.get(Formbuilder.options.mappings.FIELD_TYPE)).data('cid', this.model.cid).html(Formbuilder.templates["view/base" + (!this.model.is_input() ? '_non_input' : '')]({
+ this.$el.addClass('response-field-' + this.model.get(Formbuilder.options.mappings.TYPE)).data('cid', this.model.cid).data('uuid', this.model.get('uuid')).html(Formbuilder.templates["view/base" + (!this.model.is_input() ? '_non_input' : '')]({
rf: this.model
}));
return this;
@@ -136,6 +359,10 @@
_this = this;
e.preventDefault();
e.stopPropagation();
+ _.each(this.model.conditionalChildren(), function(conditionalChild) {
+ conditionalChild.unset(Formbuilder.options.mappings.CONDITIONAL_PARENT);
+ return conditionalChild.unset(Formbuilder.options.mappings.CONDITIONAL_VALUES);
+ });
cb = function() {
_this.parentView.handleFormUpdate();
return _this.model.destroy();
@@ -154,26 +381,482 @@
}
};
- ViewFieldView.prototype.duplicate = function() {
+ ViewFieldView.prototype.duplicate = function(e) {
var attrs;
- attrs = _.clone(this.model.attributes);
+ e.preventDefault();
+ e.stopPropagation();
+ attrs = Formbuilder.helpers.clone(this.model.attributes);
delete attrs['id'];
+ delete attrs['cid'];
+ delete attrs['uuid'];
attrs['label'] += ' Copy';
- return this.parentView.createField(attrs, {
+ if (attrs.options.grid) {
+ attrs.options.grid.row = attrs.options.grid.row + 1;
+ }
+ this.parentView.createField(attrs, {
position: this.model.indexInDOM() + 1
});
+ return this.model.trigger("duplicate:viewfield");
};
return ViewFieldView;
})(Backbone.View);
+ TableFieldView = (function(_super) {
+ __extends(TableFieldView, _super);
+
+ function TableFieldView() {
+ _ref3 = TableFieldView.__super__.constructor.apply(this, arguments);
+ return _ref3;
+ }
+
+ TableFieldView.prototype.className = "fb-field-wrapper";
+
+ TableFieldView.prototype.initialize = function(options) {
+ this.parentView = options.parentView;
+ this.listenTo(this.model, "change", this.update);
+ this.listenTo(this.model, "destroy", this.remove);
+ return _.each(this.model.get('options.elements'), function(element) {
+ var childModel;
+ childModel = this.model.collection.findWhereUuid(element.uuid);
+ if (childModel) {
+ return this.listenTo(childModel, "change", this.update);
+ } else {
+ return console.log(element.uuid);
+ }
+ }, this);
+ };
+
+ TableFieldView.prototype.events = {
+ 'mouseenter': 'showSelectors',
+ 'mouseleave': 'removeSelectors',
+ 'click .drop-area li': 'inlineAdd',
+ 'click .subtemplate-wrapper': 'focusEditView',
+ 'click .response-field-table td.header': 'focusSubelement',
+ 'click .response-field-table td.element': 'focusSubelement',
+ 'click .js-clear': 'clear',
+ 'click .js-duplicate': 'duplicate'
+ };
+
+ TableFieldView.prototype.showSelectors = function(e) {
+ return this.$el.find('.drop-area').html(Formbuilder.templates['view/element_selector']());
+ };
+
+ TableFieldView.prototype.removeSelectors = function(e) {
+ return this.$el.find('.drop-area').html('');
+ };
+
+ TableFieldView.prototype.inlineAdd = function(e) {
+ var childModel, elements, newElement;
+ e.preventDefault();
+ e.stopPropagation();
+ childModel = new FormbuilderModel(Formbuilder.helpers.defaultFieldAttrs($(e.currentTarget).data('type')));
+ childModel.set('parent_uuid', this.model.get('uuid'));
+ childModel.set('options.in_sequence', true);
+ this.listenTo(childModel, "change", this.update);
+ elements = this.model.attributes.options.elements || [];
+ newElement = {
+ 'uuid': childModel.get('uuid')
+ };
+ elements.push(newElement);
+ this.model.attributes.options.elements = elements;
+ this.parentView.collection.add(childModel);
+ return this.update(childModel);
+ };
+
+ TableFieldView.prototype.update = function(model) {
+ if (model) {
+ this.render();
+ return this.parentView.createAndShowEditView(model);
+ }
+ };
+
+ TableFieldView.prototype.render = function() {
+ TableFieldView.__super__.render.call(this);
+ this.renderElements();
+ return this;
+ };
+
+ TableFieldView.prototype.focusEditView = function(e) {
+ if (!$(e.target).parents('.dropdown-toggle').length && !$(e.target).hasClass('dropdown-toggle')) {
+ return this.parentView.createAndShowEditView(this.model);
+ }
+ };
+
+ TableFieldView.prototype.focusSubelement = function(e) {
+ var childUuid;
+ e.preventDefault();
+ e.stopPropagation();
+ childUuid = $(e.currentTarget).data('uuid');
+ if (childUuid) {
+ return this.parentView.createAndShowEditView(this.parentView.modelByUuid(childUuid));
+ }
+ };
+
+ TableFieldView.prototype.renderElements = function() {
+ return _.each(this.model.get('options.elements'), function(element) {
+ var model;
+ model = this.parentView.modelByUuid(element.uuid);
+ this.$el.find('.header-' + element.uuid).html(Formbuilder.templates["view/table_header"]({
+ rf: model,
+ element: element
+ })).css('background-color', model.get(Formbuilder.options.mappings.LABEL_BACKGROUND_COLOR)).data('cid', model.cid);
+ this.$el.find('.element-' + element.uuid).html(Formbuilder.templates["view/table_element"]({
+ rf: model,
+ element: element
+ })).data('cid', model.cid);
+ return this.$el.find('.total-' + element.uuid).html(Formbuilder.templates["view/table_total"]({
+ rf: model,
+ element: element
+ })).data('cid', model.cid);
+ }, this);
+ };
+
+ TableFieldView.prototype.clear = function(e) {
+ var models, uuid;
+ e.preventDefault();
+ e.stopPropagation();
+ uuid = $(e.currentTarget).parents('.element').data('uuid');
+ if (uuid === void 0) {
+ models = _.each(this.model.get('options.elements'), function(element) {
+ this.parentView.modelByUuid(element.uuid).destroy();
+ return true;
+ }, this);
+ this.model.destroy();
+ return this.$el.remove();
+ } else {
+ this.parentView.modelByUuid(uuid).destroy();
+ this.model.set('options.elements', _.filter(this.model.get('options.elements'), function(destroyedElement) {
+ return destroyedElement.uuid !== uuid;
+ }));
+ return this.render();
+ }
+ };
+
+ TableFieldView.prototype.duplicate = function() {
+ var attrs, clonedTableModel, clonedView, elements,
+ _this = this;
+ attrs = Formbuilder.helpers.clone(this.model.attributes);
+ delete attrs['id'];
+ delete attrs['cid'];
+ attrs['uuid'] = uuid.v4();
+ attrs['label'] += ' Copy';
+ elements = attrs['options']['elements'];
+ attrs['options']['elements'] = [];
+ attrs = _.extend({}, Formbuilder.helpers.defaultFieldAttrs('table'), attrs);
+ this.parentView.createField(attrs, {
+ position: -1
+ });
+ clonedView = this.parentView.viewByUuid(attrs['uuid']);
+ clonedTableModel = this.parentView.modelByUuid(attrs['uuid']);
+ _.each(elements, function(child) {
+ var childModel, childattrs, clonedModel, totalColumnModel;
+ childModel = _this.parentView.modelByUuid(child.uuid);
+ childattrs = Formbuilder.helpers.clone(childModel);
+ delete childattrs['id'];
+ delete childattrs['cid'];
+ child.uuid = childattrs['uuid'] = uuid.v4();
+ childattrs['parent_uuid'] = attrs['uuid'];
+ childattrs = _.extend({}, Formbuilder.helpers.defaultFieldAttrs(childattrs['type']), childattrs);
+ clonedModel = new FormbuilderModel(childattrs);
+ if (child.totalColumn) {
+ totalColumnModel = clonedTableModel.createTotalColumnModel(childattrs['uuid']);
+ child.totalColumnUuid = totalColumnModel.get('uuid');
+ }
+ _this.parentView.collection.add(clonedModel);
+ if (clonedModel.expression !== void 0 && clonedModel.get('options.calculation_type')) {
+ clonedModel.expression();
+ }
+ clonedView.listenTo(clonedModel, "change", clonedView.update);
+ return attrs['options']['elements'].push(child);
+ });
+ return clonedView.render();
+ };
+
+ TableFieldView.insert = function(builder, view, responseField, _, options) {
+ var instanceView;
+ instanceView = builder.viewByUuid(responseField.get('parent_uuid'));
+ if (instanceView != null) {
+ return true;
+ } else {
+ return false;
+ }
+ };
+
+ return TableFieldView;
+
+ })(ViewFieldView);
+
+ GridFieldView = (function(_super) {
+ __extends(GridFieldView, _super);
+
+ function GridFieldView() {
+ _ref4 = GridFieldView.__super__.constructor.apply(this, arguments);
+ return _ref4;
+ }
+
+ GridFieldView.prototype.className = "fb-field-wrapper";
+
+ GridFieldView.prototype.events = {
+ 'click .response-field-grid-cell li': 'inlineAdd',
+ 'click .response-field-grid-cell .js-clear': 'subelementClear',
+ 'click .js-duplicate': 'duplicate',
+ 'click .js-clear': 'clear',
+ 'click .subtemplate-wrapper': 'focusEditView'
+ };
+
+ GridFieldView.prototype.initialize = function(options) {
+ this.parentView = options.parentView;
+ this.listenTo(this.model, "change", this.redraw);
+ this.listenTo(this.model, "destroy", this.remove);
+ this.parentView.collection.bind('add', this.addSubelement, this);
+ this.parentView.collection.bind('destroy', this.removeSubelement, this);
+ return this.render;
+ };
+
+ GridFieldView.prototype.render = function() {
+ GridFieldView.__super__.render.call(this);
+ this.redraw();
+ this.renderChildren();
+ return this;
+ };
+
+ GridFieldView.prototype.redraw = function() {
+ var table;
+ table = this.$el.find('.response-field-grid-table').detach();
+ this.$el.addClass('response-field-' + this.model.get(Formbuilder.options.mappings.TYPE)).data('cid', this.model.cid).data('uuid', this.model.get('uuid')).html(Formbuilder.templates["view/base" + (!this.model.is_input() ? '_non_input' : '')]({
+ rf: this.model
+ }));
+ if (table.length === 1) {
+ this.$el.find('.response-field-grid-table').replaceWith(table);
+ }
+ return this.renderTable();
+ };
+
+ GridFieldView.prototype.renderTable = function() {
+ var currentCols, currentRows, numCols, numRows, rows, subelements, table, _i, _ref5, _results,
+ _this = this;
+ numRows = this.model.get('options.num_rows') || 1;
+ numCols = this.model.get('options.num_cols') || 1;
+ table = this.$el.find('table');
+ currentRows = table.find('tr').length;
+ currentCols = table.find("tr:nth-child(1) td").length;
+ rows = $.makeArray(table.find('tr'));
+ if (currentRows < numRows) {
+ rows = rows.concat((function() {
+ _results = [];
+ for (var _i = _ref5 = rows.length; _ref5 <= numRows ? _i < numRows : _i > numRows; _ref5 <= numRows ? _i++ : _i--){ _results.push(_i); }
+ return _results;
+ }).apply(this));
+ }
+ rows = _.map(rows, function(row) {
+ var cols, _j, _ref6, _results1;
+ if (_.isNumber(row)) {
+ row = $('\n \n Address \n \n
\n\n\n \n City \n \n\n \n State / Province / Region \n \n
\n\n\n \n Zipcode \n \n\n \n United States Country \n \n
",
- edit: "",
- addButton: "\n \n \n
\n<% } %>\n\n<% if (rf.get(Formbuilder.options.mappings.INCLUDE_OTHER)) { %>\n \n \n \n\n
\n<% } %>",
- edit: "<%= Formbuilder.templates['edit/options']({ includeOther: true }) %>",
- addButton: "\n \n <%- rf.source().title %>\n (<%- rf.sourceProperty(rf.get(Formbuilder.options.mappings.DATA_SOURCE.VALUE_TEMPLATE)) %>)\n \n ",
+ edit: "<%= Formbuilder.templates['edit/data_source_options']({ rf: rf }) %>\n<%= Formbuilder.templates['edit/conditional_options']({ rf: rf }) %>",
+ addButton: "\n \n MM \n \n\n / \n\n \n DD \n \n\n / \n\n \n YYYY \n \n
",
- edit: "",
- addButton: "\n
",
+ edit: "<%= Formbuilder.templates['edit/date']({ rf: rf }) %>\n<%= Formbuilder.templates['edit/conditional_options']({ rf: rf }) %>",
+ addButton: "\n <% if (rf.get(Formbuilder.options.mappings.INCLUDE_BLANK)) { %>\n >\n <%= rf.get(Formbuilder.options.mappings.OPTIONS)[i].label %>\n \n <% } %>\n ",
- edit: "<%= Formbuilder.templates['edit/options']({ includeBlank: true }) %>",
- addButton: "\n <% if (rf.get(Formbuilder.options.mappings.INCLUDE_BLANK)) { %>\n >\n <%- rf.get(Formbuilder.options.mappings.OPTIONS)[i].label %>\n \n <% } %>\n ",
+ edit: "<%= Formbuilder.templates['edit/scoring']() %>\n<%= Formbuilder.templates['edit/options']({ rf: rf }) %>\n<%= Formbuilder.templates['edit/conditional_options']({ rf: rf }) %>",
+ addButton: "123 <%- rf.get(Formbuilder.options.mappings.LABEL) %> \n\n Get GeoLocation \n
\n<%- rf.get(Formbuilder.options.mappings.DESCRIPTION) %>
\n\n<%=rf.geolocationFunctionality%> ",
+ edit: "\n\n<%= Formbuilder.templates['edit/conditional_options']({ rf: rf }) %>",
+ addButton: "¶ Paragraph",
+ Formbuilder.registerField('grid', {
+ name: 'Layout Grid',
+ order: 30,
+ element_type: 'non_input',
+ view: "<%- rf.get(Formbuilder.options.mappings.LABEL) %> \n\n<%- rf.get(Formbuilder.options.mappings.DESCRIPTION) %>
",
+ edit: "\n\n",
+ addButton: "<%- rf.get(Formbuilder.options.mappings.LABEL) %> \n<%= rf.get(Formbuilder.options.mappings.DESCRIPTION) %>
",
+ edit: "\n\n<%= Formbuilder.templates['edit/conditional_options']({ rf: rf }) %>",
+ addButton: "\n $ \n \n Dollars \n \n . \n \n Cents \n \n
",
- edit: "",
- addButton: "\n \n \n
\n<% } %>\n\n<% if (rf.get(Formbuilder.options.mappings.INCLUDE_OTHER)) { %>\n \n \n \n\n
\n<% } %>",
- edit: "<%= Formbuilder.templates['edit/options']({ includeOther: true }) %>",
- addButton: "<%- rf.get(Formbuilder.options.mappings.LABEL) %> \n<%- rf.get(Formbuilder.options.mappings.DESCRIPTION) %>
",
+ edit: "\n\n<%= Formbuilder.templates['edit/conditional_options']({ rf: rf }) %>",
+ addButton: "Clear ",
+ edit: "<%= Formbuilder.templates['edit/conditional_options']({ rf: rf }) %>",
+ addButton: "<%= rf.get(Formbuilder.options.mappings.LABEL) %> \n<%= rf.get(Formbuilder.options.mappings.DESCRIPTION) %>
",
- edit: "\n<%- rf.get(Formbuilder.options.mappings.LABEL) %> \n<%= Formbuilder.templates[\"view/table_field\"]({rf: rf}) %>\n<%- rf.get(Formbuilder.options.mappings.DESCRIPTION) %>
",
+ edit: "\n\n
\n <%= Formbuilder.templates['edit/label_description']({rf: rf}) %>\n
\n
\n
\n ",
+ addButton: "\n \n HH \n \n\n : \n\n \n MM \n \n\n : \n\n \n SS \n \n\n \n \n AM \n PM \n \n \n
",
- edit: "",
- addButton: "\n
';
+'">\n \n \n\n ';
+'\' />\n Required\n\n';
}
return __p
};
-this["Formbuilder"]["templates"]["edit/common"] = function(obj) {
+this["Formbuilder"]["templates"]["edit/columnwidth"] = function(obj) {
obj || (obj = {});
var __t, __p = '', __e = _.escape;
with (obj) {
-__p += '\n\n\n
\n ' +
-((__t = ( Formbuilder.templates['edit/label_description']() )) == null ? '' : __t) +
-'\n
\n
\n ' +
+__p += '';
+
+}
+return __p
+};
+
+this["Formbuilder"]["templates"]["edit/common"] = function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape, __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+with (obj) {
+
+ if (rf.canShowReferenceID()) { ;
+__p += '\n
\n \n ' +
+((__t = ( Formbuilder.templates['edit/reference_id']({rf: rf}) )) == null ? '' : __t) +
+'\n
\n';
+ } ;
+__p += '\n\n\n
\n
\n ' +
+((__t = ( Formbuilder.templates['edit/label_description']({rf: rf}) )) == null ? '' : __t) +
+'\n
\n
\n ' +
((__t = ( Formbuilder.templates['edit/checkboxes']() )) == null ? '' : __t) +
-'\n
\n
\n
\n';
+'\n
\n
\n
\n\n';
+ var list = rf.collection.findConditionalTriggers(rf);
+
+if (list.length) {
+;
+__p += '\n\n
\n \n ' +
+__e( list[i].get('label') ) +
+'\n ';
+ if( rf.canShowReferenceID() && list[i].get('reference_id')) { ;
+__p += '\n [' +
+((__t = ( list[i].get('reference_id') )) == null ? '' : __t) +
+']\n ';
+ } ;
+__p += '\n \n ';
+ } ;
+__p += '\n \n\n\n\n\n';
+
+
+var selectedList = rf.conditionalTriggerOptions();
+
+if (selectedList.length == 0)
+ rf.collection.clearConditionEle(rf);
+for (i in selectedList) { ;
+__p += '\n
\n \n\n';
+ } ;
+__p += '\n';
+ } else { ;
+__p += '\nNo trigger elements\n';
+ } ;
+__p += '\n';
+ } ;
+__p += '\n
Please ensure that conditional values are selected
\n
\n';
+ for (i in (Formbuilder.attr('sources') || [])) { ;
+__p += '\n \n ' +
+__e( Formbuilder.attr('sources')[i].title ) +
+'\n \n';
+ } ;
+__p += '\n \n\n\n';
+
+ for (i in (rf.sourceProperties() || [])) { ;
+__p += '\n \n ' +
+__e( rf.sourceProperties()[i] ) +
+'\n \n';
+ } ;
+__p += '\n \n';
+ if (rf.filters()) { ;
+__p += '\n \n \n \n ';
+ if (rf.get(Formbuilder.options.mappings.DATA_SOURCE.IS_FILTERED)) { ;
+__p += '\n \n ';
+
+ for (i in (rf.filters() || [])) { ;
+__p += '\n \n ' +
+__e( rf.filters()[i].name ) +
+'\n \n ';
+ } ;
+__p += '\n \n ';
+
+ for (i in rf.filterValues()) { ;
+__p += '\n \n \n ';
+ } ;
+__p += '\n';
+ } ;
+__p += '\n';
+ } ;
+
+
+}
+return __p
+};
+
+this["Formbuilder"]["templates"]["edit/date"] = function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape;
+with (obj) {
+__p += '\n \n \n
\n';
}
return __p
@@ -909,9 +2407,9 @@ this["Formbuilder"]["templates"]["edit/integer_only"] = function(obj) {
obj || (obj = {});
var __t, __p = '', __e = _.escape;
with (obj) {
-__p += '\n\n \n';
+'\' />\n Whole numbers only?\n\n';
}
return __p
@@ -921,9 +2419,9 @@ this["Formbuilder"]["templates"]["edit/label_description"] = function(obj) {
obj || (obj = {});
var __t, __p = '', __e = _.escape;
with (obj) {
-__p += '\n characters \n words \n \n';
@@ -968,25 +2466,107 @@ function print() { __p += __j.call(arguments, '') }
with (obj) {
__p += '\n\n';
if (typeof includeBlank !== 'undefined'){ ;
-__p += '\n \n \n';
} ;
__p += '\n\n\n\n';
+'\'>\n\n \n \n';
} ;
-__p += '\n\n\n';
+__p += '\n\n\n Add option \n
\n';
+
+}
+return __p
+};
+
+this["Formbuilder"]["templates"]["edit/options_per_row"] = function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape;
+with (obj) {
+__p += '\n \n 1 \n 2 \n 3 \n 4 \n 5 \n 6 \n 7 \n 8 \n 9 \n 10 \n 11 \n 12 \n 13 \n 14 \n 15 \n \n';
+
+}
+return __p
+};
+
+this["Formbuilder"]["templates"]["edit/populate_from"] = function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape, __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+with (obj) {
+
+ var list = rf.collection.findDataSourceFields();
+if (list.length) { ;
+__p += '\n \n \n \n ';
+
+ for (i in (list || [])) { ;
+__p += '\n \n ' +
+__e( list[i].get('label') ) +
+'\n \n ';
+ } ;
+__p += '\n \n \n \n ';
+
+ var populationUuid = rf.get('options.populate_uuid');
+ var populationModel = rf.collection.findWhereUuid(populationUuid) || {};
+ if (populationUuid && populationModel) {
+ var dataSource = populationModel.get('options.data_source');
+ var listProperties = Formbuilder.attr('sources')[dataSource].properties;
+ for (i in listProperties) { ;
+__p += '\n \n ' +
+__e( listProperties[i] ) +
+'\n \n ';
+ }
+ } ;
+__p += '\n \n';
+ } ;
+__p += '\n';
+
+}
+return __p
+};
+
+this["Formbuilder"]["templates"]["edit/reference_id"] = function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape;
+with (obj) {
+__p += '\n \n \n
\n\n';
}
return __p
@@ -1004,6 +2584,86 @@ __p += '\nHeader Label Colour\n \n
\n \n \n
\n\n';
+ } ;
+
+
+}
+return __p
+};
+
+this["Formbuilder"]["templates"]["edit/table_layout"] = function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape;
+with (obj) {
+__p += '\n \n Columns\n \n 1 \n 2 \n 3 \n 4 \n 5 \n 6 \n 7 \n 8 \n 9 \n 10 \n \n \n\n \n Max rows\n \n';
+
+}
+return __p
+};
+
+this["Formbuilder"]["templates"]["edit/table_totals"] = function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape;
+with (obj) {
+__p += '\n \n \n';
+
+}
+return __p
+};
+
+this["Formbuilder"]["templates"]["edit/time"] = function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape;
+with (obj) {
+__p += '\n \n \n
\n';
+
+}
+return __p
+};
+
+this["Formbuilder"]["templates"]["edit/total"] = function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape, __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+with (obj) {
+
+ if (rf.canTotalColumn()) { ;
+__p += '\n\n Display column total?\n \n';
+ } ;
+__p += '\n';
+ if (rf.canAcceptCalculatedTotal()) { ;
+__p += '\n\n\n Calculated Value\n \n No Calculation \n Sum \n Product \n \n \n';
+ } ;
+__p += '\n\n';
+
+}
+return __p
+};
+
this["Formbuilder"]["templates"]["edit/units"] = function(obj) {
obj || (obj = {});
var __t, __p = '', __e = _.escape;
@@ -1021,8 +2681,6 @@ obj || (obj = {});
var __t, __p = '', __e = _.escape;
with (obj) {
__p +=
-((__t = ( Formbuilder.templates['partials/save_button']() )) == null ? '' : __t) +
-'\n' +
((__t = ( Formbuilder.templates['partials/left_side']() )) == null ? '' : __t) +
'\n' +
((__t = ( Formbuilder.templates['partials/right_side']() )) == null ? '' : __t) +
@@ -1037,22 +2695,28 @@ obj || (obj = {});
var __t, __p = '', __e = _.escape, __j = Array.prototype.join;
function print() { __p += __j.call(arguments, '') }
with (obj) {
-__p += '\n
\n
\n\n
\n ';
- _.each(_.sortBy(Formbuilder.nonInputFields, 'order'), function(f){ ;
-__p += '\n
\n ' +
((__t = ( f.addButton )) == null ? '' : __t) +
'\n \n ';
@@ -1089,21 +2753,16 @@ return __p
this["Formbuilder"]["templates"]["partials/right_side"] = function(obj) {
obj || (obj = {});
-var __t, __p = '', __e = _.escape;
-with (obj) {
-__p += '
\n
No response fields
\n
\n
\n';
-
-}
-return __p
-};
-
-this["Formbuilder"]["templates"]["partials/save_button"] = function(obj) {
-obj || (obj = {});
-var __t, __p = '', __e = _.escape;
+var __t, __p = '', __e = _.escape, __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
with (obj) {
-__p += '
\n
';
+__p += '
\n
No response fields
\n ';
+ if (Formbuilder.linkAssetFunctionality) { ;
+__p += '\n ' +
+((__t = ( Formbuilder.templates['view/link_object']({object: Formbuilder.linkAssetDisplayFields}) )) == null ? '' : __t) +
+'\n
\n ';
+ } ;
+__p += '\n
\n
\n';
}
return __p
@@ -1114,9 +2773,11 @@ obj || (obj = {});
var __t, __p = '', __e = _.escape;
with (obj) {
__p += '
\n
\n ' +
+((__t = ( Formbuilder.templates['view/conditional']({rf: rf}) )) == null ? '' : __t) +
+'\n ' +
((__t = ( Formbuilder.templates['view/label']({rf: rf}) )) == null ? '' : __t) +
'\n\n ' +
-((__t = ( Formbuilder.fields[rf.get(Formbuilder.options.mappings.FIELD_TYPE)].view({rf: rf}) )) == null ? '' : __t) +
+((__t = ( Formbuilder.fields[rf.get(Formbuilder.options.mappings.TYPE)].view({rf: rf}) )) == null ? '' : __t) +
'\n\n ' +
((__t = ( Formbuilder.templates['view/description']({rf: rf}) )) == null ? '' : __t) +
'\n ' +
@@ -1132,7 +2793,9 @@ obj || (obj = {});
var __t, __p = '', __e = _.escape;
with (obj) {
__p += '
\n
\n ' +
-((__t = ( Formbuilder.fields[rf.get(Formbuilder.options.mappings.FIELD_TYPE)].view({rf: rf}) )) == null ? '' : __t) +
+((__t = ( Formbuilder.templates['view/conditional']({rf: rf}) )) == null ? '' : __t) +
+'\n ' +
+((__t = ( Formbuilder.fields[rf.get(Formbuilder.options.mappings.TYPE)].view({rf: rf}) )) == null ? '' : __t) +
'\n ' +
((__t = ( Formbuilder.templates['view/duplicate_remove']({rf: rf}) )) == null ? '' : __t) +
'\n
\n';
@@ -1141,13 +2804,45 @@ __p += '
\n
\n '
return __p
};
+this["Formbuilder"]["templates"]["view/conditional"] = function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape, __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+with (obj) {
+
+
+var parent = rf.conditionalParent();
+var triggerValues = _.pluck(rf.conditionalTriggerOptions(true), 'label');
+if (parent && triggerValues.length) {
+;
+__p += '\n
\n display when ' +
+((__t = ( parent.get('label') )) == null ? '' : __t) +
+' is ' +
+((__t = ( triggerValues.join(' or') )) == null ? '' : __t) +
+' \n
\n';
+ } ;
+__p += '\n';
+
+}
+return __p
+};
+
this["Formbuilder"]["templates"]["view/description"] = function(obj) {
obj || (obj = {});
-var __t, __p = '', __e = _.escape;
+var __t, __p = '', __e = _.escape, __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
with (obj) {
-__p += '
\n ' +
+__p += '\n ';
+ if (rf.get("type") == "info") { ;
+__p += '\n ' +
+((__t = ( rf.get(Formbuilder.options.mappings.DESCRIPTION) )) == null ? '' : __t) +
+'\n ';
+ } else { ;
+__p += '\n ' +
((__t = ( Formbuilder.helpers.simple_format(rf.get(Formbuilder.options.mappings.DESCRIPTION)) )) == null ? '' : __t) +
-'\n \n';
+'\n ';
+ } ;
+__p += '\n ';
}
return __p
@@ -1157,11 +2852,21 @@ this["Formbuilder"]["templates"]["view/duplicate_remove"] = function(obj) {
obj || (obj = {});
var __t, __p = '', __e = _.escape;
with (obj) {
-__p += '
';
+__p += '
\n
';
+
+}
+return __p
+};
+
+this["Formbuilder"]["templates"]["view/element_selector"] = function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape;
+with (obj) {
+__p += '
\n\n \n\n
\n';
}
return __p
@@ -1172,7 +2877,9 @@ obj || (obj = {});
var __t, __p = '', __e = _.escape, __j = Array.prototype.join;
function print() { __p += __j.call(arguments, '') }
with (obj) {
-__p += '
\n ' +
+__p += '\n ' +
((__t = ( Formbuilder.helpers.simple_format(rf.get(Formbuilder.options.mappings.LABEL)) )) == null ? '' : __t) +
'\n ';
if (rf.get(Formbuilder.options.mappings.REQUIRED)) { ;
@@ -1180,6 +2887,121 @@ __p += '\n * \n ';
} ;
__p += '\n \n';
+}
+return __p
+};
+
+this["Formbuilder"]["templates"]["view/link_object"] = function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape, __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+with (obj) {
+__p += '\n
\n ' +
+((__t = ( object.name )) == null ? '' : __t) +
+' \n
\n
\n Display Fields \n
\n
\n ';
+ for (field in object.fields) { ;
+__p += '\n ' +
+((__t = ( object.fields[field] )) == null ? '' : __t) +
+' \n ';
+ } ;
+__p += '\n \n
\n
';
+
+}
+return __p
+};
+
+this["Formbuilder"]["templates"]["view/table_element"] = function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape;
+with (obj) {
+__p +=
+((__t = ( Formbuilder.fields[rf.get(Formbuilder.options.mappings.TYPE)].view({rf: rf}) )) == null ? '' : __t) +
+'\n' +
+((__t = ( Formbuilder.templates['view/remove']({rf: rf}) )) == null ? '' : __t);
+
+}
+return __p
+};
+
+this["Formbuilder"]["templates"]["view/table_field"] = function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape, __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+with (obj) {
+__p += '\n' +
+((__t = ( Formbuilder.templates['view/element_selector']() )) == null ? '' : __t) +
+'\n \n\n\n \n \n ';
+ for (i in (rf.get('options.elements') || [])) { ;
+__p += '\n \n ';
+ } ;
+__p += '\n \n \n ';
+ for (i in (rf.get('options.elements') || [])) { ;
+__p += '\n \n \n \n \n ';
+ for (i in (rf.get('options.elements') || [])) { ;
+__p += '\n \n \n
';
+
+}
+return __p
+};
+
+this["Formbuilder"]["templates"]["view/table_header"] = function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape;
+with (obj) {
+__p +=
+((__t = ( Formbuilder.templates['view/label']({rf: rf}) )) == null ? '' : __t) +
+'\n' +
+((__t = ( Formbuilder.templates['view/description']({rf: rf}) )) == null ? '' : __t);
+
+}
+return __p
+};
+
+this["Formbuilder"]["templates"]["view/table_total"] = function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape, __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+with (obj) {
+
+ if (rf.get('options.total_sequence')) { ;
+__p += '\n(Column Total) \n';
+ } ;
+
+
}
return __p
};
\ No newline at end of file
diff --git a/formbuilder.sublime-project b/formbuilder.sublime-project
deleted file mode 100644
index 8414ecbc..00000000
--- a/formbuilder.sublime-project
+++ /dev/null
@@ -1,20 +0,0 @@
-{
- "folders":
- [
- {
- "path": ".",
- "folder_exclude_patterns": ["bower_components", ".sass-cache", "css", "js", "node_modules"],
- "file_exclude_patterns": ["*.sublime-workspace", "formbuilder.js", "formbuilder.css", "formbuilder-min.js", "formbuilder-min.css", "templates/compiled.js"]
- }
- ],
-
- "settings":
- {
- // indentation
- "tab_size": 2,
- "translate_tabs_to_spaces": true,
- "trim_trailing_white_space_on_save": true,
- // ensure line endings is linux style (even when on Windows)
- "default_line_ending": "LF"
- }
-}
diff --git a/index.html b/index.html
index a65e6255..7f2ab6f0 100644
--- a/index.html
+++ b/index.html
@@ -1,93 +1,259 @@
- Form Builder
-
-
-
+
+Log Payload
+
+
+
-
+
-
\ No newline at end of file
+