function wpr2x_wp_retina_2x()
{
$view = isset($_GET['view']) ? $_GET['view'] : 'issues';
$paged = isset($_GET['paged']) ? $_GET['paged'] : 1;
$s = isset($_GET['s']) && !empty($_GET['s']) ? sanitize_text_field($_GET['s']) : null;
$issues = $count = 0;
$posts_per_page = 15;
// TODO: HOW TO GET THE NUMBER OF MEDIA PER PAGES? IT IS NOT get_option('posts_per_page');
$issues = wr2x_get_issues();
$ignored = wr2x_get_ignores();
echo '<div class="wrap">';
jordy_meow_donation(true);
echo "<h1>Retina";
by_jordy_meow();
echo "</h1>";
if (wr2x_is_pro() && $view == 'issues') {
global $wpdb;
$totalcount = $wpdb->get_var($wpdb->prepare("\n\t\t\tSELECT COUNT(*)\n\t\t\tFROM {$wpdb->posts} p\n\t\t\tWHERE post_status = 'inherit'\n\t\t\tAND post_type = 'attachment'" . wr2x_create_sql_if_wpml_original() . "\n\t\t\tAND post_title LIKE %s\n\t\t\tAND ( post_mime_type = 'image/jpeg' OR\n\t\t\tpost_mime_type = 'image/png' OR\n\t\t\tpost_mime_type = 'image/gif' )\n\t\t", '%' . $s . '%'));
$postin = count($issues) < 1 ? array(-1) : $issues;
$query = new WP_Query(array('post_status' => 'inherit', 'post_type' => 'attachment', 'post__in' => $postin, 'paged' => $paged, 'posts_per_page' => $posts_per_page, 's' => $s));
} else {
if (wr2x_is_pro() && $view == 'ignored') {
global $wpdb;
$totalcount = $wpdb->get_var($wpdb->prepare("\n\t\t\tSELECT COUNT(*)\n\t\t\tFROM {$wpdb->posts} p\n\t\t\tWHERE post_status = 'inherit'\n\t\t\tAND post_type = 'attachment'" . wr2x_create_sql_if_wpml_original() . "\n\t\t\tAND post_title LIKE %s\n\t\t\tAND ( post_mime_type = 'image/jpeg' OR\n\t\t\tpost_mime_type = 'image/jpg' OR\n\t\t\tpost_mime_type = 'image/png' OR\n\t\t\tpost_mime_type = 'image/gif' )\n\t\t", '%' . $s . '%'));
$postin = count($ignored) < 1 ? array(-1) : $ignored;
$query = new WP_Query(array('post_status' => 'inherit', 'post_type' => 'attachment', 'post__in' => $postin, 'paged' => $paged, 'posts_per_page' => $posts_per_page, 's' => $s));
} else {
$query = new WP_Query(array('post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image/jpeg,image/gif,image/jpg,image/png', 'paged' => $paged, 'posts_per_page' => $posts_per_page, 's' => $s));
//$s
$totalcount = $query->found_posts;
}
}
$issues_count = count($issues);
// If 'search', then we need to clean-up the issues count
if ($s && $issues_count > 0) {
global $wpdb;
$issues_count = $wpdb->get_var($wpdb->prepare("\n\t\t\tSELECT COUNT(*)\n\t\t\tFROM {$wpdb->posts} p\n\t\t\tWHERE id IN ( " . implode(',', $issues) . " )" . wr2x_create_sql_if_wpml_original() . "\n\t\t\tAND post_title LIKE %s\n\t\t", '%' . $s . '%'));
}
$results = array();
$count = $query->found_posts;
$pagescount = $query->max_num_pages;
foreach ($query->posts as $post) {
$info = wr2x_retina_info($post->ID);
array_push($results, array('post' => $post, 'info' => $info));
}
?>
<div style='background: #FFF; padding: 5px; border-radius: 4px; height: 28px; box-shadow: 0px 0px 6px #C2C2C2;'>
<!-- REFRESH -->
<a id='wr2x_refresh' href='?page=wp-retina-2x&view=issues&refresh=true' class='button' style='float: left;'><img style='position: relative; top: 3px; left: -2px; margin-right: 3px; width: 16px; height: 16px;' src='<?php
echo plugin_dir_url(__FILE__);
?>
img/refresh.png' /><?php
_e("Refresh", 'wp-retina-2x');
?>
</a>
<!-- SEARCH -->
<form id="posts-filter" action="upload.php" method="get">
<p class="search-box" style='margin-left: 5px; float: left;'>
<input type="search" name="s" value="<?php
echo $s ? $s : "";
?>
">
<input type="hidden" name="page" value="wp-retina-2x">
<input type="hidden" name="view" value="<?php
echo $view;
?>
">
<input type="hidden" name="paged" value="<?php
echo $paged;
?>
">
<input type="submit" class="button" value="Search">
</p>
</form>
<!-- REMOVE BUTTON ALL -->
<a id='wr2x_remove_button_all' onclick='wr2x_delete_all()' class='button button-red' style='float: right;'><img style='position: relative; top: 3px; left: -2px; margin-right: 3px; width: 16px; height: 16px;' src='<?php
echo plugin_dir_url(__FILE__);
?>
img/burn.png' /><?php
_e("Bulk Delete", 'wp-retina-2x');
?>
</a>
<!-- GENERATE ALL -->
<a id='wr2x_generate_button_all' onclick='wr2x_generate_all()' class='button-primary' style='float: right; margin-right: 5px;'><img style='position: relative; top: 3px; left: -2px; margin-right: 3px; width: 16px; height: 16px;' src='<?php
echo plugin_dir_url(__FILE__);
?>
img/photo-album--plus.png' /><?php
_e("Bulk Generate", 'wp-retina-2x');
?>
</a>
<!-- PROGRESS -->
<span style='margin-left: 12px; font-size: 13px; top: 5px; position: relative; color: #24547C; font-weight: bold;' id='wr2x_progression'></span>
</div>
<?php
if (isset($_GET['clearlogs']) ? $_GET['clearlogs'] : 0) {
echo "<div class='updated' style='margin-top: 20px;'><p>";
_e("The logs have been cleared.", 'wp-retina-2x');
echo "</p></div>";
}
$active_sizes = wr2x_get_active_image_sizes();
$full_size_needed = wr2x_getoption("full_size", "wr2x_basics", false);
$max_width = 0;
$max_height = 0;
foreach ($active_sizes as $name => $active_size) {
if ($active_size['height'] != 9999 && $active_size['height'] > $max_height) {
$max_height = $active_size['height'];
}
if ($active_size['width'] != 9999 && $active_size['width'] > $max_width) {
$max_width = $active_size['width'];
}
}
$max_width = $max_width * 2;
$max_height = $max_height * 2;
$upload_max_size = wr2x_get_max_filesize();
?>
<p>
<?php
printf(__('The full-size images should have a resolution of <b>%d×%d</b> at least for the plugin to be able generate the <b>%d retina images</b> required by your website.', 'wp-retina-2x'), $max_width, $max_height, count($active_sizes));
?>
<?php
if ($full_size_needed) {
printf(__("You <b>also need</b> to upload a retina image for the Full-Size image (might be <b>%d×%d</b>).", 'wp-retina-2x'), $max_width * 2, $max_height * 2);
}
?>
<?php
_e("You can upload or replace the images by drag & drop.", 'wp-retina-2x');
?>
<?php
printf(__("Your PHP configuration allows uploads of <b>%dMB</b> maximum.", 'wp-retina-2x'), $upload_max_size / 1000000);
?>
<?php
if (file_exists(plugin_dir_path(__FILE__) . '/wp-retina-2x.log')) {
printf(__('The <a target="_blank" href="%s/wp-retina-2x.log">log file</a> is available. You can also <a href="?page=wp-retina-2x&view=issues&clearlogs=true">clear</a> it.', 'wp-retina-2x'), plugin_dir_url(__FILE__));
}
?>
</p>
<?php
if (!wr2x_is_pro()) {
echo '<div class="updated"><p>';
echo __('<b>Only Pro users have access to the features of this dashboard.</b> As a standard user, the dashboard allow you to Bulk Generate, Bulk Delete and access the Retina Logs. If you wish to stay a standard user and never see this dashboard aver again, you can hide it in the settings.<br /><br />The main features of the Pro version are: filter by <b>Issues</b> or Ignored, <b>Ignore</b> media (from the retina process), <b>Details</b> for more information, <b>replace</b> a full-size directly by drag & drop, upload a retina version of the full-size, various options and direct support by the developer. The serial key for the Pro has to be inserted in your WP Settings > Retina > Pro tab. Thank you for your support :)<br /><br /><a class="button-primary" href="http://apps.meow.fr/wp-retina-2x/" target="_blank">Get the serial key for the Pro</a>', 'wp-retina-2x');
echo '</p></div>';
}
?>
<div id='wr2x-pages'>
<?php
echo paginate_links(array('base' => '?page=wp-retina-2x&s=' . urlencode($s) . '&view=' . $view . '%_%', 'current' => $paged, 'format' => '&paged=%#%', 'total' => $pagescount, 'prev_next' => false));
?>
</div>
<ul class="subsubsub">
<li class="all"><a <?php
if ($view == 'all') {
echo "class='current'";
}
?>
href='?page=wp-retina-2x&s=<?php
echo $s;
?>
&view=all'><?php
_e("All", 'wp-retina-2x');
?>
</a><span class="count">(<?php
echo $totalcount;
?>
)</span></li> |
<?php
if (wr2x_is_pro()) {
?>
<li class="all"><a <?php
if ($view == 'issues') {
echo "class='current'";
}
?>
href='?page=wp-retina-2x&s=<?php
echo $s;
?>
&view=issues'><?php
_e("Issues", 'wp-retina-2x');
?>
</a><span class="count">(<?php
echo $issues_count;
?>
)</span></li> |
<li class="all"><a <?php
if ($view == 'ignored') {
echo "class='current'";
}
?>
href='?page=wp-retina-2x&s=<?php
echo $s;
?>
&view=ignored'><?php
_e("Ignored", 'wp-retina-2x');
?>
</a><span class="count">(<?php
echo count($ignored);
?>
)</span></li>
<?php
} else {
?>
<li class="all"><span><?php
_e("Issues", 'wp-retina-2x');
?>
</span> <span class="count">(<?php
echo $issues_count;
?>
)</span></li> |
<li class="all"><span><?php
_e("Ignored", 'wp-retina-2x');
?>
</span> <span class="count">(<?php
echo count($ignored);
?>
)</span></li>
<?php
}
?>
</ul>
<table class='wp-list-table widefat fixed media wr2x-table'>
<thead><tr>
<?php
echo "<th style='width: 56px;'>Thumbnail</th>";
echo "<th style=' width: 360px;'>" . __("Base image", 'wp-retina-2x') . "</th>";
echo "<th style=''>" . __("Media Sizes<br />Retina-ized", 'wp-retina-2x') . "</th>";
echo "<th style=''>" . __("Full-Size<br/><b>Replace</b>", 'wp-retina-2x') . "</th>";
echo "<th style=''>" . __("Full-Size Retina", 'wp-retina-2x') . "</th>";
echo "<th style=''>" . __("Full-Size Retina<br/><b>Upload</b>", 'wp-retina-2x') . "</th>";
?>
</tr></thead>
<tbody>
<?php
foreach ($results as $index => $attr) {
$post = $attr['post'];
$info = $attr['info'];
$meta = wp_get_attachment_metadata($post->ID);
// Let's clean the issues status
if ($view != 'issues') {
wr2x_update_issue_status($post->ID, $issues, $info);
}
if (isset($meta) && isset($meta['width'])) {
$original_width = $meta['width'];
$original_height = $meta['height'];
}
$attachmentsrc = wp_get_attachment_image_src($post->ID, 'thumbnail');
echo "<tr class='wr2x-file-row' postId='" . $post->ID . "'>";
echo "<td class='wr2x-image wr2x-info-thumbnail'><img src='" . $attachmentsrc[0] . "' /></td>";
echo "<td class='wr2x-title'><a href='media.php?attachment_id=" . $post->ID . "&action=edit'>" . ($post->post_title ? $post->post_title : '<i>Untitled</i>') . '</a><br />' . "<span class='resolution'>Full-Size: <span class='" . ($original_width < $max_width ? "red" : "") . "'>" . $original_width . "</span>×<span class='" . ($original_height < $max_height ? "red" : "") . "'>" . $original_height . "</span></span>";
echo "<div class='actions'>";
echo "<a style='position: relative;' onclick='wr2x_generate(" . $post->ID . ", true)' id='wr2x_generate_button_" . $post->ID . "' class='wr2x-button'>" . __("GENERATE", 'wp-retina-2x') . "</a>";
if (!wr2x_is_ignore($post->ID)) {
echo " <a href='?page=wp-retina-2x&view=" . $view . "&paged=" . $paged . "&ignore=" . $post->ID . "' id='wr2x_generate_button_" . $post->ID . "' class='wr2x-button wr2x-button-ignore'>" . __("IGNORE", 'wp-retina-2x') . "</a>";
}
echo " <a style='position: relative;' class='wr2x-button wr2x-button-view'>" . __("DETAILS", 'wp-retina-2x') . "</a>";
echo "</div></td>";
// Media Sizes Retina-ized
echo '<td id="wr2x-info-' . $post->ID . '" style="padding-top: 10px;" class="wr2x-info">';
echo wpr2x_html_get_basic_retina_info($post, $info);
echo "</td>";
if (wr2x_is_pro()) {
// Full-Size Replace
echo "<td class='wr2x-fullsize-replace'><div class='wr2x-dragdrop'></div>";
echo "</td>";
// Full-Size Retina
echo '<td id="wr2x-info-full-' . $post->ID . '" class="wr2x-image wr2x-info-full">';
echo wpr2x_html_get_basic_retina_info_full($post->ID, $info);
echo "</td>";
// Full-Size Retina Upload
echo "<td class='wr2x-fullsize-retina-upload'>";
echo "<div class='wr2x-dragdrop'></div>";
echo "</td>";
} else {
echo "<td colspan='3' style='text-align: center; background: #F9F9F9;'><small><br />PRO VERSION ONLY</small></td>";
}
echo "</tr>";
}
?>
</tbody>
</table>
</div>
<div id="wr2x-modal-info-backdrop" style="display: none;">
</div>
<div id="wr2x-modal-info" style="display: none;" tabindex="1">
<div class="close">X</div>
<h2 style="margin-top: 0px;">Retina Details</h2>
<div class="loading">
<img src="<?php
echo plugin_dir_url(__FILE__);
?>
img/loading.gif" />
</div>
<div class="content">
</div>
</div>
<?php
jordy_meow_footer();
}
/**
*
* AJAX CLIENT-SIDE
*
*/
function wr2x_admin_head()
{
?>
<script type="text/javascript" >
/* GENERATE RETINA IMAGES ACTION */
var current;
var maxPhpSize = <?php
echo wr2x_get_max_filesize();
?>
;
var ids = [];
var errors = 0;
var ajax_action = "generate"; // generate | delete
function wr2x_display_please_refresh() {
wr2x_refresh_progress_status();
jQuery('#wr2x_progression').html(jQuery('#wr2x_progression').html() + " - <?php
echo _e("<a href='?page=wp-retina-2x&view=issues&refresh=true'>Refresh</a> this page.", 'wp-retina-2x');
?>
");
}
function wr2x_refresh_progress_status() {
var errortext = "";
if ( errors > 0 ) {
errortext = ' - ' + errors + ' error(s)';
}
jQuery('#wr2x_progression').text(current + "/" + ids.length +
" (" + Math.round(current / ids.length * 100) + "%)" + errortext);
}
function wr2x_do_next () {
var data = { action: 'wr2x_' + ajax_action, attachmentId: ids[current - 1] };
wr2x_refresh_progress_status();
jQuery.post(ajaxurl, data, function (response) {
try {
reply = jQuery.parseJSON(response);
}
catch (e) {
reply = null;
}
if ( !reply || !reply.success )
errors++;
else {
wr2x_refresh_media_sizes(reply.results);
if (reply.results_full)
wr2x_refresh_full(reply.results_full);
}
if (++current <= ids.length)
wr2x_do_next();
else {
current--;
wr2x_display_please_refresh();
}
}).fail(function () {
errors++;
if (++current <= ids.length)
wr2x_do_next();
else {
current--;
wr2x_display_please_refresh();
}
});
}
function wr2x_do_all () {
current = 1;
ids = [];
errors = 0;
var data = { action: 'wr2x_list_all', issuesOnly: 0 };
jQuery('#wr2x_progression').text("<?php
_e("Wait...", 'wp-retina-2x');
?>
");
jQuery.post(ajaxurl, data, function (response) {
reply = jQuery.parseJSON(response);
if (reply.success = false) {
alert('Error: ' + reply.message);
return;
}
if (reply.total == 0) {
jQuery('#wr2x_progression').html("<?php
_e("Nothing to do ;)", 'wp-retina-2x');
?>
");
return;
}
ids = reply.ids;
jQuery('#wr2x_progression').text(current + "/" + ids.length + " (" + Math.round(current / ids.length * 100) + "%)");
wr2x_do_next();
});
}
function wr2x_delete_all () {
ajax_action = 'delete';
wr2x_do_all();
}
function wr2x_generate_all () {
ajax_action = 'generate';
wr2x_do_all();
}
// Refresh the dashboard retina full with the results from the Ajax operation (Upload)
function wr2x_refresh_full (results) {
jQuery.each(results, function (id, html) {
jQuery('#wr2x-info-full-' + id).html(html);
jQuery('#wr2x-info-full-' + id + ' img').attr('src', jQuery('#wr2x-info-full-' + id + ' img').attr('src')+'?'+ Math.random());
jQuery('#wr2x-info-full-' + id + ' img').on('click', function (evt) {
wr2x_delete_full( jQuery(evt.target).parents('.wr2x-file-row').attr('postid') );
});
});
}
// Refresh the dashboard media sizes with the results from the Ajax operation (Replace or Generate)
function wr2x_refresh_media_sizes (results) {
jQuery.each(results, function (id, html) {
jQuery('#wr2x-info-' + id).html(html);
});
}
function wr2x_generate (attachmentId, retinaDashboard) {
var data = { action: 'wr2x_generate', attachmentId: attachmentId };
jQuery('#wr2x_generate_button_' + attachmentId).text("<?php
echo __("Wait...", 'wp-retina-2x');
?>
");
jQuery.post(ajaxurl, data, function (response) {
var reply = jQuery.parseJSON(response);
if (!reply.success) {
alert(reply.message);
return;
}
jQuery('#wr2x_generate_button_' + attachmentId).html("<?php
echo __("GENERATE", 'wp-retina-2x');
?>
");
wr2x_refresh_media_sizes(reply.results);
});
}
/* REPLACE FUNCTION */
function wr2x_stop_propagation(evt) {
evt.stopPropagation();
evt.preventDefault();
}
function wr2x_delete_full(attachmentId) {
var data = {
action: 'wr2x_delete_full',
isAjax: true,
attachmentId: attachmentId
};
jQuery.post(ajaxurl, data, function (response) {
var data = jQuery.parseJSON(response);
if (data.success === false) {
alert(data.message);
}
else {
wr2x_refresh_full(data.results);
wr2x_display_please_refresh();
}
});
}
function wr2x_load_details(attachmentId) {
var data = {
action: 'wr2x_retina_details',
isAjax: true,
attachmentId: attachmentId
};
jQuery.post(ajaxurl, data, function (response) {
var data = jQuery.parseJSON(response);
if (data.success === false) {
alert(data.message);
}
else {
jQuery('#wr2x-modal-info .loading').css('display', 'none');
jQuery('#wr2x-modal-info .content').html(data.result);
}
});
}
function wr2x_filedropped (evt) {
wr2x_stop_propagation(evt);
var files = evt.dataTransfer.files;
var count = files.length;
if (count < 0) {
return;
}
var wr2x_replace = jQuery(evt.target).parent().hasClass('wr2x-fullsize-replace');
var wr2x_upload = jQuery(evt.target).parent().hasClass('wr2x-fullsize-retina-upload');
function wr2x_handleReaderLoad(evt) {
var attachmentId = evt.target.attachmentId;
var fileData = evt.target.result;
fileData = fileData.substr(fileData.indexOf('base64') + 7);
var action = "";
if (wr2x_replace) {
action = 'wr2x_replace';
}
else if (wr2x_upload) {
action = 'wr2x_upload';
}
else {
alert("Unknown command. Contact the developer.");
}
var data = {
action: action,
isAjax: true,
filename: evt.target.filename,
data: fileData,
attachmentId: evt.target.attachmentId
};
jQuery.ajax({
type: 'POST',
url: ajaxurl,
data: data,
success: function (response) {
jQuery('[postid=' + attachmentId + '] td').removeClass('wr2x-loading-file');
jQuery('[postid=' + attachmentId + '] .wr2x-dragdrop').removeClass('wr2x-hover-drop');
try {
var data = jQuery.parseJSON(response);
}
catch (e) {
alert("The server-side returned an abnormal response. Check your PHP error logs and also your browser console (WP Retina 2x will try to display it there).");
console.debug(response);
return;
}
if (wr2x_replace) {
var imgSelector = '[postid=' + attachmentId + '] .wr2x-info-thumbnail img';
jQuery(imgSelector).attr('src', jQuery(imgSelector).attr('src')+'?'+ Math.random());
}
if (wr2x_upload) {
var imgSelector = '[postid=' + attachmentId + '] .wr2x-info-full img';
jQuery(imgSelector).attr('src', jQuery(imgSelector).attr('src')+'?'+ Math.random());
}
if (data.success === false) {
alert(data.message);
}
else {
if ( wr2x_replace ) {
wr2x_refresh_media_sizes(data.results);
}
else if ( wr2x_upload ) {
wr2x_refresh_full(data.results);
}
}
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
jQuery('[postid=' + attachmentId + '] td').removeClass('wr2x-loading-file');
jQuery('[postid=' + attachmentId + '] .wr2x-dragdrop').removeClass('wr2x-hover-drop');
alert("An error occurred on the server-side. Please check your PHP error logs.");
}
});
}
var file = files[0];
if (file.size > maxPhpSize) {
jQuery(this).removeClass('wr2x-hover-drop');
alert( "Your PHP configuration only allows file upload of a maximum of " + (maxPhpSize / 1000000) + "MB." );
return;
}
jQuery(evt.target).parents('td').addClass('wr2x-loading-file');
var reader = new FileReader();
reader.filename = file.name;
reader.attachmentId = jQuery(evt.target).parents('.wr2x-file-row').attr('postid');
reader.onload = wr2x_handleReaderLoad;
reader.readAsDataURL(file);
}
jQuery(document).ready(function () {
jQuery('.wr2x-dragdrop').on('dragenter', function (evt) {
wr2x_stop_propagation(evt);
jQuery(this).addClass('wr2x-hover-drop');
});
jQuery('.wr2x-dragdrop').on('dragover', function (evt) {
wr2x_stop_propagation(evt);
jQuery(this).addClass('wr2x-hover-drop');
});
jQuery('.wr2x-dragdrop').on('dragleave', function (evt) {
wr2x_stop_propagation(evt);
jQuery(this).removeClass('wr2x-hover-drop');
});
jQuery('.wr2x-dragdrop').on('dragexit', wr2x_stop_propagation);
jQuery('.wr2x-dragdrop').each(function (index, elem) {
this.addEventListener('drop', wr2x_filedropped);
});
jQuery('.retina-info, .wr2x-button-view').on('click', function (evt) {
jQuery('#wr2x-modal-info-backdrop').css('display', 'block');
jQuery('#wr2x-modal-info .content').html("");
jQuery('#wr2x-modal-info .loading').css('display', 'block');
jQuery('#wr2x-modal-info').css('display', 'block');
jQuery('#wr2x-modal-info').focus();
wr2x_load_details(jQuery(evt.target).parents('.wr2x-file-row').attr('postid'));
});
jQuery('#wr2x-modal-info .close, #wr2x-modal-info-backdrop').on('click', function (evt) {
jQuery('#wr2x-modal-info').css('display', 'none');
jQuery('#wr2x-modal-info-backdrop').css('display', 'none');
});
jQuery('.wr2x-info-full img').on('click', function (evt) {
wr2x_delete_full( jQuery(evt.target).parents('.wr2x-file-row').attr('postid') );
});
jQuery('#wr2x-modal-info').bind('keydown', function (evt) {
if (evt.keyCode === 27) {
jQuery('#wr2x-modal-info').css('display', 'none');
jQuery('#wr2x-modal-info-backdrop').css('display', 'none');
}
});
});
</script>
<?php
}
