Version 1.0.1 added 1 year ago by smilkobuta

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":"1291764544"},"helpers":[{"name":"input_media_gallery","helper_type":"input","phpcode":"<select id=\"<?php echo $css_id; ?>\" class=\"form pick1 <?php echo $name; ?> pods_field pods_field_<?php echo $name; ?> pods_coltype_pick\">\n<option value=\"\">-- Select One --<\/option>\n<?php\n$uploads = wp_upload_dir();\n$results = pod_query(\"SELECT p.ID, p.post_title, m.meta_value AS src, p.post_date AS inserted FROM wp_posts p, wp_postmeta m WHERE p.post_mime_type LIKE 'image\/%' AND m.post_id = p.ID AND m.meta_key = '_wp_attached_file' ORDER BY p.post_date DESC\");\nwhile ($row = mysql_fetch_assoc($results))\n{\n $selected = ($value == $row['ID']) ? ' selected=\"selected\"' : '';\n echo \"<option$selected value='\".$row['ID'].\"' inserted='\".$row['inserted'].\"' src='\".$uploads['baseurl'].'\/'.$row['src'].\"'>\".$row['post_title'].\"<\/option>\\n\";\n}\n?>\n<\/select>\n<div id=\"preview_<?php echo $css_id; ?>\" style=\"margin-top:15px;\"><\/div>\n\n<script type=\"text\/javascript\">\n(function($){\n var select = $(\"#<?php echo $css_id; ?>\");\n var preview = $(\"#preview_<?php echo $css_id; ?>\");\n var button = $('<input type=\"button\" value=\"<?= __('Select From Media Library') ?>\">').insertAfter(select);\n select.hide();\n \n var selected = select.children(\"option:selected\");\n if (selected.attr(\"src\")) {\n preview.html('<span>' + selected.text() + '<\/span><br \/><img src=\"' + selected.attr(\"src\") + '\" height=\"100px\" \/>');\n }\n \n button.click(function(){\n var clientWidth = (document.compatMode && document.compatMode != \"BackCompat\" ? document.documentElement : document.body ).clientWidth;\n var clientHeight = (document.compatMode && document.compatMode != \"BackCompat\" ? document.documentElement : document.body ).clientHeight;\n var x = (document.documentElement && document.documentElement.scrollLeft ? document.documentElement : document.body).scrollLeft;\n var y = (document.documentElement && document.documentElement.scrollTop ? document.documentElement : document.body).scrollTop;\n var dialog = $('<div><\/div>').appendTo($(\"body\")).css({\n position: \"absolute\",\n left: x + (clientWidth \/ 2 - 300) + \"px\",\n top: y + (clientHeight \/ 2 - 200) + \"px\",\n width: \"650px\",\n height: \"400px\",\n background: \"#333\",\n border: \"1px solid #fff\",\n outline: \"1px solid #ccc\"\n });\n $('<a href=\"#\" style=\"position:absolute;top:0px;right:0px;border:1px solid #ccc;background:#666;color:#fff;display:block;width:30px;height:30px;line-height:30px;text-align:center;text-decoration:none;\">x<\/a>').appendTo(dialog).click(function(){dialog.remove();return false;});\n $('<h3 style=\"color:#ccc;margin-left:20px;line-height:20px;\"><?= __('Media Library') ?><\/h3>').appendTo(dialog);\n\n var images = select.children(\"option:gt(0)\");\n var count_per_page = 10;\n var page_max = Math.ceil(images.length \/ count_per_page);\n \n for (var i = 1; i <= page_max; i++) {\n var pagelink = $('<a href=\"#\" class=\"pager\" style=\"border:1px solid #ccf;background:#666;display:block;width:15px;height:15px;line-height:15px;text-align:center;text-decoration:none;font-size:11px;float:left;margin-left:5px;color:#fff;\">' + i + '<\/a>').appendTo(dialog).data(\"page\", i).click(function(){\n var imagediv = dialog.find(\".images\").empty();\n var page = $(this).data(\"page\");\n var from = (page - 1) * count_per_page;\n var to = from + count_per_page < images.length ? from + count_per_page : images.length;\n for (var j = from; j < to; j++) {\n var img = $('<div style=\"width:100px;height:130px;float:left;margin:0 10px 10px 0;padding:5px;overflow:hidden;background:#555;\"><span style=\"color:#fff;white-space:nowrap;\">' + images.eq(j).text() + '<\/span><br \/><img value=\"' + images.eq(j).attr(\"value\") + '\" title=\"' + images.eq(j).text() + '\" src=\"' + images.eq(j).attr(\"src\") + '\" height=\"100px\" \/><br \/><div style=\"color:#eee;text-align:right;\">' + images.eq(j).attr(\"inserted\") + '<\/div><\/div>').appendTo(imagediv);\n img.find(\"img\").css({cursor:\"pointer\"}).click(function(){\n var value = $(this).attr(\"value\");\n var src = $(this).attr(\"src\");\n var title = $(this).attr(\"title\");\n select.val(value);\n preview.html('<span>' + title + '<\/span><br \/><img src=\"' + src + '\" height=\"100px\" \/>');\n dialog.remove();\n });\n }\n $(\"a.pager\").css({background:\"#666\"});\n $(this).css({background:\"#999\"});\n return false;\n });\n }\n $('<br clear=\"both\" \/><div class=\"images\" style=\"margin-top:10px;padding:10px;float:left;\"><\/div>').appendTo(dialog);\n dialog.find(\"a.pager\").eq(0).triggerHandler(\"click\");\n });\n})(jQuery);\n<\/script>"}]}

* Fix IE7 bug.

This plugin helps the selection of the image from the media library.
It stores the ID of the media so you can use it like below.

----
$uploads = wp_upload_dir();
while ($pods->fetchRecord()) {
if ($pods->get_field("image")) {
$photo = get_post_meta($pods->get_field("image"), '_wp_attached_file', true);
$photo_url = $uploads['baseurl'] . '/' . $photo;
print '<img src="' . $photo_url . '">';
}
}
----