Version 1.0 added 1 year ago by clarinetlord

HOW TO INSTALL: To install this package, copy the following code and paste it into your Pods >> Package Manager under the Import tab and follow instructions there.

{"meta":{"version":"187","build":"1276287136"},"helpers":[{"name":"select_categories","helper_type":"input","phpcode":"<script type=\"text\/javascript\">\/* Object to create expanding and contracting tables *\/\nExpandTable=(function($){ExpandTableDefaultOptions={maxRows:100,addButtonClass:'expandtable-addbutton',removeButtonClass:'expandtable-removebutton',buttonWrapperClass:'expandtable-buttonwrapper',rowClass:'expandtable-row',addButtonText:'+',removeButtonText:'-',combinedDataClass:'expandtable-combineddata'};function ExpandTable(el,opts){this.container=$(el);if(!this.container) return;this.options=ExpandTableDefaultOptions;if(typeof(opts)!=\"object\") opts={};$.extend(this.options,opts);this.combinedDataInput=$('.'+this.options.combinedDataClass);this.getRows();this.build();this.checkLimit();initCombinedData=this.updateCombinedData(this);initCombinedData();};ExpandTable.prototype={build:function(){for(var index=0;index<this.rows.length;index++){var addButton=$('<button>').attr({'class':this.options.addButtonClass,'type':'button'}).html(this.options.addButtonText).click(this.addRow(this));var removeButton=$('<button>').attr({'class':this.options.removeButtonClass,'type':'button'}).html(this.options.removeButtonText).click(this.removeRow(this));var wrapper=$('<span>').attr({'class':this.options.buttonWrapperClass}).append(addButton).append(removeButton);$(this.rows[index]).append(wrapper).addClass(this.options.rowClass);$(this.rows[index]).find('input,select').change(this.updateCombinedData(this));}},checkLimit:function(override){var rowCount=this.getRows().length;var removeButton=$(this.rows[0]).find('button.'+this.options.removeButtonClass);if(rowCount==1&&!override){$(removeButton).hide();}else{$(removeButton).show();}var addButtons=$(this.container).find('button.'+this.options.addButtonClass);if(rowCount>=this.options.maxRows){$(addButtons).hide();}else{$(addButtons).show();}},removeRow:function(obj){return function(){if(obj.rows.length==1) return true;$(this).parents('.'+obj.options.rowClass).remove();obj.checkLimit();}},addRow:function(obj){return function(){if(obj.rows.length==obj.options.maxRows) return true;row=$(this).parents('.'+obj.options.rowClass);obj.checkLimit(true);var copiedRow=$(row).clone(true);copiedRow.find('input,select').val('');$(copiedRow).insertAfter(row);$(copiedRow).find('input,select').focus();obj.checkLimit();}},getRows:function(){this.rows=this.options.childrenSelector?$(this.container).find(this.options.childrenSelector):$(this.container).children();return this.rows;},updateCombinedData:function(obj){return function(){if(!obj.combinedDataInput) return;var data=obj.container.find('input,select').map(function(){return $(this).val();}).get().join(',');obj.combinedDataInput.val(data);}}};$.fn.expandTable=function(opts){return this.each(function(){new ExpandTable(this,opts);});};})(jQuery);\n<\/script>\n<div class=\"<?php echo $css_classes; ?>\" id=\"<?php echo $css_id; ?>\">\n<?php\n if (!empty($value))\n {\n foreach ($value as $key => $val)\n {\n $active = empty($val['active']) ? '' : ' active';\n $option_id = $css_id.'-'.$key;\n?>\n <div class=\"option<?php echo $active; ?>\" value=\"<?php echo $val['id']; ?>\">\n <input type=\"checkbox\" value=\"<?php echo $val['id']; ?>\" id=\"<?php echo $option_id; ?>\" \/>\n <label><?php echo $val['name']; ?><\/label>\n <\/div>\n<?php\n }\n }\n?>\n <\/div>\n <label>Add new categories:<\/label>\n <div id=\"expandtable\">\n <div class=\"expandtable-row\"><input type=\"text\" class=\"expandtable-input\" \/><\/div>\n <\/div>\n <input type=\"hidden\" class=\"form txt add_categories pods_field pods_field_add_categories pods_coltype_txt expandtable-combineddata\" value=\"\" \/>\n <input type=\"hidden\" class=\"form txt categories_datatype pods_field pods_field_categories_datatype pods_coltype_txt\" value=\"<?php echo $field['pickval']; ?>\" \/>\n<script type=\"text\/javascript\">\n jQuery(\".option\").click(function(event) {\n var input = jQuery(this).children('input');\n if(input.attr('id') != event.target.id) {\n var checked = !input.is(\":checked\");\n input.attr(\"checked\",!input.is(\":checked\")); \n }\n });\n jQuery(\".option.active\").children('input').attr('checked',true);\n jQuery(\"#expandtable\").expandTable();\n<\/script>"},{"name":"save_categories","helper_type":"pre_save","phpcode":"<?php\nif(!empty($params->add_categories) && !empty($params->categories_datatype)) {\n$categories_datatype = pods_sanitize($params->categories_datatype);\n$add_categories = pods_sanitize(explode(',',$params->add_categories));\nforeach ($add_categories as $category_name) {\n $save_params = array('datatype' => $categories_datatype, 'columns' => array('name' => $category_name, 'slug' =>''));\n $row_id = $this->save_pod_item($save_params);\n $columns[$column_name]['value'] .= \",$row_id\";\n}\nunset($params->add_categories);\n}\n?>"}]}

First version!

This package allows you to add new values to a PICK column on-the-fly when saving a pod item. Useful for simple related pods like "categories" that only have a name field but may have many, many items. Now you don't have to make a separate process out of adding items to the related pod. Just add values inline to the PICK column when creating a new main pod item.

Installation Instructions:

Add the input helper "select_categories" to a multiple PICK column in your main pod. Next, add the pre-save helper "save_categories" to your main pod.

Limitations:

Currently, the helpers only work with a multiple PICK column, and only saves the "name" field to your related pod. Support for adding other fields and support for single PICK columns will be added in a later release.