trAvis - MANAGER
Edit File: 16_fbuilder.fsummary.js
$.fbuilder.typeList.push( { id:"fsummary", name:"Summary", control_category:1 } ); $.fbuilder.controls[ 'fsummary' ] = function(){}; $.extend( true, $.fbuilder.controls[ 'fsummary' ].prototype, $.fbuilder.controls[ 'ffields' ].prototype, { title:"Summary", ftype:"fsummary", exclude_empty:false, fields:"", titleClassname:"summary-field-title", valueClassname:"summary-field-value", initAdv:function(){ delete this.advanced.css.input; delete this.advanced.css.help; if ( ! ( 'fields_labels' in this.advanced.css ) ) this.advanced.css.fields_labels = {label: 'Fields labels',rules:{}}; if ( ! ( 'fields_values' in this.advanced.css ) ) this.advanced.css.fields_values = {label: 'Fields values',rules:{}}; }, display:function( css_class ) { css_class = css_class || ''; return '<div class="fields '+this.name+' '+this.ftype+' '+css_class+'" id="field'+this.form_identifier+'-'+this.index+'" title="'+this.controlLabel('Summary')+'"><div class="arrow ui-icon ui-icon-grip-dotted-vertical "></div><div title="Delete" class="remove ui-icon ui-icon-trash "></div><div title="Duplicate" class="copy ui-icon ui-icon-copy "></div><label>'+this.title+''+((this.required)?"*":"")+'</label><div class="dfield">'+this.showColumnIcon()+'<span class="field">'+this.fields+'</span></div><div class="clearer"></div></div>'; }, editItemEvents:function() { var evt = [ {s:"#sFields",e:"change keyup", l:"fields", x:1}, {s:"#sExcludeEmpty",e:"click", l:"exclude_empty", f:function(el){return el.is(':checked');}}, {s:"#sTitleClassname",e:"change keyup", l:"titleClassname", x:1}, {s:"#sValueClassname",e:"change keyup", l:"valueClassname", x:1}, {s:"#sPlusBtn",e:"click", l:"fields",f:function(){ var v = $( "#sSelectedField" ).val(), e = $( "#sFields" ), f = String( e.val() ).trim(); f += ((f!='')?',':'')+v; e.val(f) return f; } } ]; $.fbuilder.controls[ 'ffields' ].prototype.editItemEvents.call(this,evt); }, showAllSettings:function() { return this.fieldSettingsTabs(this.showFieldType()+this.showTitle()+this.showSummaryFields()+this.showCsslayout()); }, showSummaryFields: function() { var str = '', items = this.fBuild.getItems(), t = ''; str += '<label>Fields to display on summary</label><input type="text" name="sFields" id="sFields" class="large" value="'+cff_esc_attr(this.fields)+'">'+ '<label>Select field and press the plus button</label><select name="sSelectedField" id="sSelectedField" class="large">'; for(var i=0; i<items.length; i++) { t = ( 'title' in items[i] ) ? String( items[i].title ).trim() : ''; t = ( '' == t && 'shortlabel' in items[i] ) ? String( items[i].shortlabel ).trim() : t; str += '<option value="'+items[i].name+'">'+('' != t ? cff_esc_attr(t)+' ' : '' )+'('+items[i].name+')'+'</option>'; } str += '</select><div style="margin-top:10px;"><input type="button" value="Add field +" name="sPlusBtn" id="sPlusBtn" style="padding:3px 10px;" class="button-secondary" /></div>'+ '<label>Exclude empty fields: <input type="checkbox" id="sExcludeEmpty" name="sExcludeEmpty" '+((this.exclude_empty) ? 'CHECKED' : '')+'/></label>'+ '<label>Classname for fields titles</label><input type="text" class="large" name="sTitleClassname" id="sTitleClassname" value="'+cff_esc_attr(this.titleClassname)+'">'+ '<label>Classname for fields values</label><input type="text" class="large" name="sValueClassname" id="sValueClassname" value="'+cff_esc_attr(this.valueClassname)+'">'; return str; } });