Version 1.2 added 1 year ago by scottnath

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":"194","build":"1290030825"},"pod_pages":[{"uri":"pod-preview","title":"","phpcode":"","precode":"","page_template":"pod-preview.php"}],"helpers":[{"name":"publish_interface","helper_type":"input","phpcode":"<?php\n\n\/\/Draft\/Publish\/Preview Interface version 1.2\n\/\/ last update Nov 17, 2010\n\n\t$link_to_pod_preview_page = \"\/pod-preview\";\n\t\n\t$this_action = $_GET['action'];\n\t$this_page = $_GET['page'];\n\t$this_id = $_GET['id'];\n?>\n<style>\n\n.pods_form{\n\tposition: relative;\n\t}\n\t\/* PODS DRAFT\/PUBLISH *\/\n\t.leftside.draft_publish{\n\t\tdisplay: none;\n\t\t}\n\t.rightside.draft_publish {\n\t\t}\n\t\t.rightside.draft_publish #poststuff{\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\tright: 0px;\n\t\t\ttop: 0;\n\t\t\twidth: 281px;\n\t\t\t}\n\t\t\t#major-publishing-actions {\n\t\t\t\toverflow: hidden;\n\t\t\t\t}\n\t\t\t\t#pod-status-select {\n\t\t\t\t\tline-height:2.5em;\n\t\t\t\t\tmargin-top:3px;\n\t\t\t\t\t}\n\t\t\t\t#timestampdiv{\n\t\t\t\t\tposition: relative;\n\t\t\t\t\t}\n\t\t\t\t\t#timestampdiv .rightside.publish_schedule{\n\t\t\t\t\t\tfloat: left;\n\t\t\t\t\t\twidth: auto;\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 0 8px 0 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t#timestampdiv p{\n\t\t\t\t\t\tmargin: 0 !important;\n\t\t\t\t\t\tpadding: 4px 0 0 !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t.pods_form .date_selector {\n\t\t\t\t\t\tbackground:#F2F2F2 none repeat scroll 0 0;\n\t\t\t\t\t\tborder:1px solid #CCCCCC;\n\t\t\t\t\t\tdisplay:none;\n\t\t\t\t\t\tmargin:-1px 0 0;\n\t\t\t\t\t\tpadding:5px;\n\t\t\t\t\t\tposition:absolute;\n\t\t\t\t\t\ttext-align:center;\n\t\t\t\t\t\tz-index:99999;\n\t\t\t\t\t\tleft: -150px !important;\n\t\t\t\t\t\ttop: 40px !important;\n\t\t\t\t\t\t}\n\t\t\t.rightside.draft_publish #poststuff #save-draft{\n\t\t\t\tfloat: left;\n\t\t\t\t}\n\t\t\t.rightside.draft_publish .draft_publish{\n\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\/* PODS DRAFT\/PUBLISH :: IFRAME POPUP *\/\n\t\t\t#podPreviewWindow{\n\t\t\t\twidth: 995px;\n\t\t\t\tposition: fixed;\n\t\t\t\ttop: 20px;\n\t\t\t\tleft: 20px;\n\t\t\t\tbackground-color: #FFF;\n\t\t\t\t}\n\t\t\t\t#podPreviewContent{\n\t\t\t\t\twidth: 995px;\n\t\t\t\t\theight: 400px;\n\t\t\t\t\t}\n\t.pod_actions{\n\t\tdisplay: none;\n\t\t}\n<\/style>\n<div id=\"poststuff\">\n\t<div class=\"postbox\" id=\"submitdiv\">\n <div title=\"Click to toggle\" class=\"handlediv\">\n <br>\n <\/div>\n\n <h3 class=\"hndle\"><span>Publish<\/span><\/h3>\n\n <div class=\"inside\">\n <div id=\"submitpost\" class=\"submitbox\">\n <div id=\"minor-publishing\">\n\n <div id=\"minor-publishing-actions\">\n <div id=\"save-action\">\n <input <?=(($this_action != 'add') && empty($value['active'])) ? 'style=\"display: none;\"' : ''?> type=\"submit\" class=\"button button-highlighted\" tabindex=\"4\" value=\"Save Draft\" id=\"save-draft\" name=\"save\">\n <?\n $selected = empty($value['active']) ? '' : ' checked';\n if($this_action == 'add'){\n \t$selected = ' checked';\n }\n ?>\n \t\t<input type=\"checkbox\"<?php echo $selected; ?> id=\"<?php echo $css_id; ?>\" class=\"form bool <?=$name?> pods_field pods_field_<?=$name?> pods_coltype_bool\">\n <\/div>\n\n <div id=\"preview-action\">\n <a tabindex=\"4\" id=\"pod-preview\" href=\"Javascript:;\" class=\"preview button\" name=\"pod-preview\">Preview <?= (($this_action == 'edit')&&empty($value['active'])) ? 'Changes' : '' ?><\/a>\n <\/div>\n\n <div class=\"clear\"><\/div>\n <\/div>\n <div id=\"misc-publishing-actions\">\n \t<div id=\"misc-publishing-status\" class=\"misc-pub-section\" <?=(($this_action == 'add')||!empty($value['active'])) ? 'style=\"display: none;\"' : ''?>><label for=\"post_status\">Status:<\/label>\n \t\t<span id=\"pod-status-display\">Published<\/span>\n \t\t<a tabindex=\"4\" class=\"edit-pod-status hide-if-no-js\" href=\"Javascript:;\">Edit<\/a>\n\t\t\t\t\t\t\t<div class=\"hide-if-js\" id=\"pod-status-select\">\n\t\t\t\t\t\t\t\t<select tabindex=\"4\" id=\"pod_status\" name=\"pod_status\">\n\t\t\t\t\t\t\t\t\t<?\n\t\t\t\t\t\t\t\t\t$pub_selected = empty($value['active']) ? 'selected' : '';\n\t\t\t\t\t\t\t\t\t$dft_selected = empty($value['active']) ? '' : 'selected';\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t?>\n\t\t\t\t\t\t\t\t\t<option id=\"pod_status_publish\" value=\"publish\" <?=$pub_selected?>>Published<\/option>\n\t\t\t\t\t\t\t\t\t<option id=\"pod_status_draft\" value=\"draft\" <?=$dft_selected?>>Draft<\/option>\n\t\t\t\t\t\t\t\t<\/select>\n\t\t\t\t\t\t\t\t<a class=\"save-pod-status hide-if-no-js button\" href=\"Javascript:;\">OK<\/a>\n\t\t\t\t\t\t\t\t<a class=\"cancel-pod-status hide-if-no-js\" href=\"Javascript:;\">Cancel<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n <\/div>\n\n <div id=\"major-publishing-actions\">\n\t <?\n\t if($this_action != 'add'){\n\t ?>\n\t <div id=\"delete-action\">\n\t <a onclick=\"if ( confirm('You are about to delete this item\\n \\'Cancel\\' to stop, \\'OK\\' to delete.') ) { return true;}return false;\" href=\"?page=<?=$this_page?>&amp;action=delete&amp;id=<?=$this_id?>\" title=\"Move to Trash\">Move to Trash<\/a>\n\t <\/div>\n\t <?\n\t }\n\t ?>\n <div id=\"publishing-action\">\n <input type=\"submit\" value=\"Publish\" accesskey=\"p\" tabindex=\"5\" id=\"publish-pod\" class=\"button-primary\" name=\"publish\">\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div><!--#poststuff -->\n\n\t<div id=\"podPreviewWindow\" class=\"jqmWindow\">\n <div id=\"podPreviewTitle\">\n <button class=\"jqmClose\">\n Close X\n <\/button>\n <span id=\"podPreviewTitleText\">Title of modal window<\/span>\n <\/div>\n <iframe id=\"podPreviewContent\" name=\"podPreviewContent\" src=\"images\/loading.gif\">\n <\/iframe>\n <\/div>\n<div style=\"display: none;\" id=\"IEBugRepairDiv\"><script>var IEBugRepair = false;<\/script><\/div>\n\n<script>\n\nif(!IEBugRepair){\n\tIEBugRepair = true;\n\tjQuery('#IEBugRepairDiv').remove();\n\tjQuery(document).ready(function(){\n\t\n\t\/*\n\tPODS: DRAFT\/PUBLISH\n\trequires two columns to be made: \"draft_publish(bool)\" (where this display helper should be put) and \"publish_schedule(date)\"\n\t*\/\n\t\t\/\/ adds the className \"pod_actions\" to the button container DIV\n\t\tjQuery('.pods_form').find('input.token').parent('div').addClass('pod_actions');\n\t\t\n\t\t\n\t\t\/* pod-status js *\/\n\t\tjQuery('.edit-pod-status').click(function(){\n\t\t\tjQuery('#pod-status-select').show();\n\t\t\tjQuery(this).hide();\n\t\t})\n\t\tjQuery('.save-pod-status').click(function(){\n\t\t\tvar status_change = jQuery('#pod_status').val();\n\t\t\tif(status_change == 'draft'){\n\t\t\t\tjQuery('#save-draft').show();\n\t\t\t\tjQuery('#<?=$css_id?>').attr('checked','checked');\n\t\t\t\tjQuery('#pod-status-display').html('Draft');\n\t\t\t\tsaveForm(1);\n\t\t\t}else if(status_change == 'publish'){\n\t\t\t\tjQuery('#save-draft').hide();\n\t\t\t\tjQuery('#<?=$css_id?>').attr('checked','');\n\t\t\t\tjQuery('#pod-status-display').html('Published');\n\t\t\t}\n\t\t\tjQuery('#pod-status-select').hide();\n\t\t})\n\t\tjQuery('.cancel-pod-status').click(function(){\n\t\t\tjQuery('#pod-status-select').hide();\n\t\t\tvar current_status = jQuery('#pod-status-display').html();\n\t\t\tjQuery('#pod_status option').each(function(){\n\t\t\t\tjQuery(this).attr('selected','');\n\t\t\t})\n\t\t\tif(current_status == 'draft'){\n\t\t\t\tjQuery('#pod_status_draft').attr('selected','selected');\n\t\t\t\tjQuery('#pod-status-display').html('Draft');\n\t\t\t}else if(current_status == 'publish'){\n\t\t\t\tjQuery('#pod_status_publish').attr('selected','selected');\n\t\t\t\tjQuery('#pod-status-display').html('Published');\n\t\t\t}\n\t\t\tjQuery('#pod-status-select').hide();\n\t\t\tjQuery('.edit-pod-status').show();\n\t\t})\n\t\t\n\t\t\/* saves pod as a draft *\/\n\t\tjQuery('#save-draft').click(function(){\n\t\t\tjQuery(this).siblings('.pods_field_draft_publish').attr('checked','checked');\n\t\t\tsaveForm(1);\n\t\t})\n\t\t\n\t\t\/* saves pod as published *\/\n\t\n\t\tjQuery('#publish-pod').click(function(){\n\t\t\tjQuery('#save-draft').siblings('.pods_field_draft_publish').attr('checked','');\n\t\t\tsaveForm(1);\n\t\t})\n\t\t\n\t\t\/* launches the preview window (requires scripts in theme folder) *\/\n\t\tjQuery('#pod-preview').click(function(){\n\t\t\tpreviewPodForm();\n\t\t})\n\t})\n}\n\nfunction previewPodForm() {\njQuery('#podPreviewForm').remove();\n for (i = 0; i < elements.length; i++) {\n nicEditors.findEditor(elements[i].id).saveContent();\n }\n\n var formdata = {};\n\n var i = 0;\n\tvar datatype = '';\n\t\n jQuery(\".pods_form\").find(\".form\").each(function() {\n var theval = \"\";\n var classname = jQuery(this).attr(\"class\").split(\" \");\n if (\"pick\" == classname[1]) {\n jQuery(\".\" + classname[2] + \" .active\").each(function() {\n theval += jQuery(this).attr(\"value\") + \",\";\n });\n theval = theval.slice(0, -1);\n }\n else if (\"file\" == classname[1]) {\n jQuery(\".\" + classname[2] + \" > div.success\").each(function() {\n theval += jQuery(this).attr(\"id\") + \",\";\n });\n theval = theval.slice(0, -1);\n }\n else if (\"bool\" == classname[1]) {\n theval = (true == jQuery(this).is(\":checked\")) ? 1 : 0;\n }\n else {\n theval = jQuery(this).val();\n }\n \n\t\tif(classname[2] == 'datatype'){\n\t\t\tdatatype = theval;\n\t\t}\n\t\t\tformdata[classname[2]]= theval;\n i++;\n\t});\n\t\n\tjQuery(\"#podPreviewWindow\").jqm({\n\t\tmodal:true,\n\t\topacity: 100\n\t}).jqmShow();\n\tjQuery(\"#podPreviewTitleText\").html(\"Loading...\");\n\tjQuery(\"#podPreviewContent\").html(\"\");\n\t\n\tvar this_form = '<form id=\"podPreviewForm\" target=\"podPreviewContent\" action=\"<?=$link_to_pod_preview_page?>\" method=\"post\" style=\"display: none;\">';\n\tfor(var j in formdata){\n\t\tif(formdata.hasOwnProperty(j)){\n\t\t\tthis_form+='<textarea name=\"'+j+'\">'+formdata[j]+'<\/textarea>';\n\t\t}\n\t}\n\tthis_form+='<\/form>';\n\n\tjQuery(\"#podPreviewWindow\").prepend(this_form);\n\tjQuery(\"#podPreviewWindow\").find('#podPreviewForm').submit();\n\t\n\tjQuery('#podPreviewTitleText').text(datatype +' preview');\n\n return false;\n}\n<\/script>"}]}

fixed a bug where multiple previewPodForm's would show up.

The draft/publish/preview interface helper creates a box in the upper-right hand corner of pods forms that is meant to mimic the functionality found in the posts and pages forms. Some notes to make this work:

1) The column machine name must be "draft_publish"

2) The column type must be "boolean"

3) For draft to properly work (ie not show on pod pages) you will need either a sql call inside the 'findRecords' code:
$record->findRecords('created DESC', -1, '`draft_publish`!=1');
or you can put it inside your own code:
$draft_publish = $pod_list->get_field('draft_publish');
if($draft_publish){
continue;
}

4) In order for preview to work, you need a page template in your theme named "Pod Preview"
/**
* Template Name: Pod Preview
*
*/

5) The "Pod Preview" template must contain the Pod code and necessary HTML code to show a preview