598 lines
18 KiB
PHP
598 lines
18 KiB
PHP
<?php
|
|
|
|
/*
|
|
Modified by Tyler Digital December 31, 2014
|
|
|
|
Plugin Name: Drag & Drop Featured Image
|
|
Plugin URI: http://wordpress.org/extend/plugins/drag-drop-featured-image/description/
|
|
Description: A drag'n'drop replacement for the built in featured image metabox.
|
|
Version: 2.0.4
|
|
Author: Jonathan Lundström
|
|
Author URI: http://www.jonathanlundstrom.me
|
|
License: GPLv2 or later
|
|
|
|
Code references and thanks to:
|
|
http://wordpress.org/support/topic/use-php-to-set-featured-image
|
|
http://wordpress.stackexchange.com/questions/33173/plupload-intergration-in-a-meta-box
|
|
*/
|
|
|
|
|
|
/**
|
|
* Initiate plugin.
|
|
*/
|
|
global $drag_drop_featured_image_map;
|
|
$drag_drop_featured_image_map = new WP_Drag_Drop_Featured_Image_Map();
|
|
|
|
class WP_Drag_Drop_Featured_Image_Map {
|
|
|
|
public $plugin_locale;
|
|
public $plugin_options_slug;
|
|
public $plugin_dirname;
|
|
public $plugin_directory;
|
|
public $selected_post_types;
|
|
public $selected_file_types;
|
|
public $selected_page_reload;
|
|
public $wordpress_version;
|
|
|
|
/**
|
|
* Plugin constructor.
|
|
*/
|
|
public function __construct() {
|
|
|
|
// Globalize:
|
|
global $wp_version;
|
|
|
|
// Set default options
|
|
add_option( 'drag-drop-file-types', array( 'jpg', 'jpeg', 'png', 'gif', 'webp' ) );
|
|
add_option( 'drag-drop-page-reload', 0 );
|
|
|
|
// Bind plugin actions:
|
|
add_action( 'admin_head', array( &$this, 'print_header_post_id' ) );
|
|
add_action( 'plugins_loaded', array( &$this, 'load_textdomain' ) );
|
|
add_action( 'add_meta_boxes', array( &$this, 'toggle_meta_box_functionality' ) );
|
|
add_action( 'admin_enqueue_scripts', array( &$this, 'handle_plugin_script_loading' ) );
|
|
add_action( 'wp_ajax_dgd_upload_featured_image', array( &$this, 'ajax_upload_image_file' ) );
|
|
add_action( 'wp_ajax_dgd_set_featured_image', array( &$this, 'ajax_set_featured_image' ) );
|
|
add_action( 'wp_ajax_dgd_get_featured_image', array( &$this, 'ajax_get_featured_image' ) );
|
|
|
|
// Bind plugin filters:
|
|
add_filter( 'admin_body_class', array( &$this, 'modify_admin_body_class' ) );
|
|
|
|
// Set local variables:
|
|
$this->plugin_locale = 'drawattention-fi';
|
|
$this->plugin_options_slug = 'drag-drop-featured-image';
|
|
$this->plugin_dirname = dirname( plugin_basename( __FILE__ ) );
|
|
$this->plugin_directory = DrawAttention::get_plugin_url() . '/public/includes/lib/drag-drop-featured-image/';
|
|
$this->selected_post_types = $this->get_option_post_types();
|
|
$this->selected_file_types = $this->get_option_file_types();
|
|
$this->selected_page_reload = $this->get_option_page_reload();
|
|
|
|
// Set WordPress version:
|
|
$this->wordpress_version = substr( str_replace( '.', '', $wp_version ), 0, 2 );
|
|
}
|
|
|
|
|
|
/**
|
|
* Get selected post types.
|
|
*
|
|
* @return array
|
|
*/
|
|
public function get_option_post_types() {
|
|
return array( 'da_image' );
|
|
}
|
|
|
|
/**
|
|
* Get selected file types.
|
|
*
|
|
* @return array
|
|
*/
|
|
public function get_option_file_types() {
|
|
return array( 'jpg', 'jpeg', 'png', 'gif', 'webp' );
|
|
}
|
|
|
|
/**
|
|
* Get page reload status.
|
|
*
|
|
* @return boolean
|
|
*/
|
|
public function get_option_page_reload() {
|
|
return 0;
|
|
}
|
|
|
|
|
|
/**
|
|
* Load plugin textdomain.
|
|
*/
|
|
public function load_textdomain() {
|
|
load_plugin_textdomain( 'drawattention-fi', false, dirname( plugin_basename( __FILE__ ) ) . '/languages/' );
|
|
}
|
|
|
|
|
|
/**
|
|
* Print current post ID in header.
|
|
*/
|
|
public function print_header_post_id() {
|
|
global $post, $current_screen;
|
|
if ( $current_screen->base === 'post' ) {
|
|
echo '
|
|
<script type="text/javascript">
|
|
var dgd_post_id = ' . $post->ID . ';
|
|
var dgd_set_featured_image_nonce = "' . wp_create_nonce( 'dgd_set_featured_image_nonce' ) . '";
|
|
var dgd_page_reload = ' . $this->get_option_page_reload() . ';
|
|
</script>
|
|
';
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Toggle the metaboxes.
|
|
*/
|
|
public function toggle_meta_box_functionality() {
|
|
|
|
global $wp_meta_boxes;
|
|
// Fetch selected post types:
|
|
$selected = $this->get_option_post_types();
|
|
|
|
// Add theme support:
|
|
add_theme_support( 'post-thumbnails', $selected );
|
|
|
|
// Remove default meta box:
|
|
foreach ( $selected as $post_type ) {
|
|
add_post_type_support( $post_type, 'thumbnail' );
|
|
remove_meta_box( 'postimagediv', $post_type, 'side' );
|
|
// needed for reported conflict with plugin: conditionally-display-featured-image-on-singular-pages
|
|
if ( isset( $wp_meta_boxes[ $post_type ]['side']['low']['postimagediv'] ) && false === $wp_meta_boxes[ $post_type ]['side']['low']['postimagediv'] ) {
|
|
unset( $wp_meta_boxes[ $post_type ]['side']['low']['postimagediv'] );
|
|
}
|
|
remove_meta_box( 'postimagediv', $post_type, 'normal' );
|
|
remove_meta_box( 'postimagediv', $post_type, 'advanced' );
|
|
}
|
|
|
|
// Add the enhanced meta box:
|
|
foreach ( $selected as $post_type ) {
|
|
add_meta_box( 'drag_to_upload', __( 'Image' ), array( &$this, 'updated_upload_meta_box' ), $post_type, 'side', 'default' );
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Handle script loading.
|
|
*
|
|
* @param $hook
|
|
*/
|
|
public function handle_plugin_script_loading( $hook ) {
|
|
|
|
// Globalize:
|
|
global $post;
|
|
|
|
// Get current post type:
|
|
if ( ! is_null( $post ) ) {
|
|
$current_post_type = get_post_type( $post->ID );
|
|
}
|
|
|
|
// Post edit screen:
|
|
if ( $hook == 'post.php' || $hook == 'post-new.php' ) {
|
|
if ( in_array( $current_post_type, $this->selected_post_types ) ) {
|
|
// Stylesheets:
|
|
wp_register_style( 'dgd_uploaderStyle', $this->plugin_directory . 'assets/style/drag-drop-uploader.css', false );
|
|
wp_enqueue_style( 'dgd_uploaderStyle' );
|
|
|
|
// Scripts:
|
|
wp_enqueue_script( 'plupload-all' );
|
|
wp_register_script( 'dgd_uploaderScript', $this->plugin_directory . 'assets/scripts/drag-drop-uploader.js', 'jquery' );
|
|
wp_enqueue_script( 'dgd_uploaderScript' );
|
|
|
|
// Localize JavaScript:
|
|
wp_localize_script(
|
|
'dgd_uploaderScript',
|
|
'dgd_strings',
|
|
array(
|
|
'panel' => array(
|
|
'title' => __( 'Set featured image' ),
|
|
'button' => __( 'Set featured image' ),
|
|
),
|
|
)
|
|
);
|
|
|
|
}
|
|
}
|
|
|
|
// Plugin options screen:
|
|
if ( $hook === 'settings_page_' . $this->plugin_options_slug ) {
|
|
|
|
// Stylesheets:
|
|
wp_register_style( 'itoggle_style', $this->plugin_directory . 'assets/style/engage.itoggle.css', false );
|
|
wp_register_style( 'dgd_panelStyle', $this->plugin_directory . 'assets/style/drag-to-feature.css', false );
|
|
wp_enqueue_style( 'itoggle_style' );
|
|
wp_enqueue_style( 'dgd_panelStyle' );
|
|
|
|
// Scripts:
|
|
wp_register_script( 'itoggle_script', $this->plugin_directory . 'assets/scripts/engage.itoggle.1.7.min.js', 'jquery' );
|
|
wp_register_script( 'dgd_panelScript', $this->plugin_directory . 'assets/scripts/drag-to-feature.js', 'jquery' );
|
|
wp_enqueue_script( 'itoggle_script' );
|
|
wp_enqueue_script( 'dgd_panelScript' );
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Render options page.
|
|
*/
|
|
public function render_options_page() {
|
|
require_once 'assets/views/options.php';
|
|
}
|
|
|
|
|
|
/**
|
|
* Byte formatting function:
|
|
*
|
|
* @param $bytes
|
|
* @param int $precision
|
|
* @return float
|
|
*/
|
|
public function format_bytes( $bytes, $precision = 2 ) {
|
|
$units = array( 'B', 'KB', 'MB', 'GB', 'TB' );
|
|
$bytes = max( $bytes, 0 );
|
|
$pow = floor( ( $bytes ? log( $bytes ) : 0 ) / log( 1024 ) );
|
|
$pow = min( $pow, count( $units ) - 1 );
|
|
$bytes /= pow( 1024, $pow );
|
|
return round( $bytes, $precision );
|
|
}
|
|
|
|
|
|
/**
|
|
* Uploading functionality trigger.
|
|
* (Most of the code comes from media.php and handlers.js)
|
|
*/
|
|
function updated_upload_meta_box() {
|
|
?>
|
|
<?php global $post; ?>
|
|
<div id="uploadContainer" style="margin-top: 10px;">
|
|
|
|
<!-- Current image -->
|
|
<div id="current-uploaded-image" class="<?php echo has_post_thumbnail() ? 'open' : 'closed'; ?>">
|
|
<?php if ( has_post_thumbnail() ) : ?>
|
|
<?php the_post_thumbnail( 'full' ); ?>
|
|
<?php else : ?>
|
|
<img class="attachment-full" src="" />
|
|
<?php endif; ?>
|
|
|
|
<?php $thumbnail_id = get_post_thumbnail_id( $post->ID ); ?>
|
|
<?php $ajax_nonce = wp_create_nonce( "set_post_thumbnail-$post->ID" ); ?>
|
|
<p class="hide-if-no-js">
|
|
<a class="button-secondary" href="#" id="remove-post-thumbnail" onclick="WPRemoveThumbnail('<?php echo $ajax_nonce; ?>');return false;"><?php _e( 'Remove image' ); ?></a>
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Uploader section -->
|
|
<div id="uploaderSection">
|
|
<div class="loading">
|
|
<img src="<?php echo $this->plugin_directory; ?>/assets/images/loading.gif" alt="Loading..." />
|
|
</div>
|
|
<div id="plupload-upload-ui" class="hide-if-no-js">
|
|
<div id="drag-drop-area">
|
|
<div class="drag-drop-inside">
|
|
<p class="drag-drop-info"><?php _e( 'Drop image here' ); ?></p>
|
|
<p><?php _ex( 'or', 'Uploader: Drop files here - or - Select Files' ); ?></p>
|
|
<p class="drag-drop-buttons"><input id="plupload-browse-button" type="button" value="<?php esc_attr_e( 'Upload Image' ); ?>" class="button" /></p>
|
|
<p><?php // _e('from', $this->plugin_locale); ?></p>
|
|
<p class="drag-drop-buttons">
|
|
<?php if ( $this->wordpress_version >= 35 ) : ?>
|
|
<!--<a href="#" id="dgd_library_button" class="button insert-media add_media" data-editor="content" title="Add Media">-->
|
|
<a href="#" id="dgd_library_button" class="button" title="Add Media">
|
|
<span class="wp-media-buttons-icon"></span><?php _e( 'Media Library', $this->plugin_locale ); ?>
|
|
</a>
|
|
<?php else : ?>
|
|
<a href="<?php bloginfo( 'wpurl' ); ?>/wp-admin/media-upload.php?post_id=<?php echo $post->ID; ?>&tab=library&=&post_mime_type=image&TB_iframe=1&width=640&height=353" class="thickbox add_media button-secondary" id="content-browse_library" title="Browse Media Library" onclick="return false;">
|
|
<?php _e( 'Media Library', $this->plugin_locale ); ?>
|
|
</a>
|
|
<?php endif; ?>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<?php
|
|
global $post;
|
|
$plupload_init = array(
|
|
'runtimes' => 'html5,silverlight,flash,html4',
|
|
'browse_button' => 'plupload-browse-button',
|
|
'container' => 'plupload-upload-ui',
|
|
'drop_element' => 'drag-drop-area',
|
|
'file_data_name' => 'async-upload',
|
|
'multiple_queues' => false,
|
|
'multi_selection' => false,
|
|
'max_file_size' => wp_max_upload_size() . 'b',
|
|
'url' => admin_url( 'admin-ajax.php' ),
|
|
'flash_swf_url' => includes_url( 'js/plupload/plupload.flash.swf' ),
|
|
'silverlight_xap_url' => includes_url( 'js/plupload/plupload.silverlight.xap' ),
|
|
'filters' => array(
|
|
array(
|
|
'title' => __( 'Allowed Files', $this->plugin_locale ),
|
|
'extensions' => implode( ',', $this->get_option_file_types() ),
|
|
),
|
|
),
|
|
'multipart' => true,
|
|
'urlstream_upload' => true,
|
|
|
|
// Additional parameters:
|
|
'multipart_params' => array(
|
|
'_ajax_nonce' => wp_create_nonce( 'photo-upload' ),
|
|
'action' => 'dgd_upload_featured_image',
|
|
'postID' => $post->ID,
|
|
),
|
|
);
|
|
|
|
// Apply filters to initiate plupload:
|
|
$plupload_init = apply_filters( 'plupload_init', $plupload_init );
|
|
?>
|
|
|
|
<script type="text/javascript">
|
|
jQuery(document).ready(function($){
|
|
|
|
// Create uploader and pass configuration:
|
|
var uploader = new plupload.Uploader(<?php echo json_encode( $plupload_init ); ?>);
|
|
|
|
// Check for drag'n'drop functionality:
|
|
uploader.bind('Init', function(up){
|
|
var uploaddiv = $('#plupload-upload-ui');
|
|
|
|
// Add classes and bind actions:
|
|
if(up.features.dragdrop){
|
|
uploaddiv.addClass('drag-drop');
|
|
$('#drag-drop-area')
|
|
.bind('dragover.wp-uploader', function(){ uploaddiv.addClass('drag-over'); })
|
|
.bind('dragleave.wp-uploader, drop.wp-uploader', function(){ uploaddiv.removeClass('drag-over'); });
|
|
|
|
} else{
|
|
uploaddiv.removeClass('drag-drop');
|
|
$('#drag-drop-area').unbind('.wp-uploader');
|
|
}
|
|
});
|
|
|
|
// Initiate uploading script:
|
|
uploader.init();
|
|
|
|
// File queue handler:
|
|
uploader.bind('FilesAdded', function(up, files){
|
|
var hundredmb = 100 * 1024 * 1024, max = parseInt(up.settings.max_file_size, 10);
|
|
|
|
// Limit to one limit:
|
|
if (files.length > 1){
|
|
alert("<?php _e( 'You may only upload one image at a time!', $this->plugin_locale ); ?>");
|
|
return false;
|
|
}
|
|
|
|
// Remove extra files:
|
|
if (up.files.length > 1){
|
|
up.removeFile(uploader.files[0]);
|
|
up.refresh();
|
|
}
|
|
|
|
// Loop through files:
|
|
plupload.each(files, function(file){
|
|
|
|
// Handle maximum size limit:
|
|
if (max > hundredmb && file.size > hundredmb && up.runtime != 'html5'){
|
|
alert("<?php _e( 'The file you selected exceeds the maximum filesize limit.', $this->plugin_locale ); ?>");
|
|
return false;
|
|
}
|
|
|
|
});
|
|
|
|
// Refresh and start:
|
|
up.refresh();
|
|
up.start();
|
|
|
|
// Set sizes and hide container:
|
|
var currentHeight = $('#uploaderSection').outerHeight();
|
|
$('#uploaderSection').css({ height: currentHeight });
|
|
$('div#plupload-upload-ui').fadeOut('medium');
|
|
$('#uploaderSection .loading').fadeIn('medium');
|
|
|
|
});
|
|
|
|
// A new file was uploaded:
|
|
uploader.bind('FileUploaded', function(up, file, response){
|
|
|
|
// Publish post:
|
|
if (dgd_page_reload){
|
|
$('div#publishing-action input#publish').trigger('click');
|
|
}
|
|
|
|
// Toggle image:
|
|
$('#current-uploaded-image').slideUp('medium', function(){
|
|
|
|
// Parse response AS JSON:
|
|
response = $.parseJSON(response.response);
|
|
|
|
// Find current image and continue:
|
|
if ($('#drag_to_upload div.inside').find('.attachment-full').length > 0){
|
|
|
|
// Update image with new info:
|
|
var imageObject = $('#drag_to_upload div.inside img.attachment-full');
|
|
imageObject.removeAttr('width');
|
|
imageObject.removeAttr('height');
|
|
imageObject.removeAttr('title');
|
|
imageObject.removeAttr('alt');
|
|
imageObject.removeAttr('srcset');
|
|
imageObject.removeAttr('sizes');
|
|
imageObject.attr('src', response.image);
|
|
|
|
// Hide container:
|
|
imageObject.load(function(){
|
|
|
|
// Display container:
|
|
$('#current-uploaded-image').slideDown('medium');
|
|
|
|
// Fade in upload container:
|
|
$('div#plupload-upload-ui').fadeIn('medium');
|
|
$('#uploaderSection .loading').fadeOut('medium');
|
|
|
|
// Remove previous uploads:
|
|
if (uploader.files.length >= 1){
|
|
uploader.splice(0, (uploader.files.length - 1));
|
|
}
|
|
|
|
var fields = $('input[name$="[coordinates]"]');
|
|
fields.each(function(){
|
|
$(this).attr('data-image-url', response.image);
|
|
});
|
|
hotspotAdmin.reset();
|
|
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
</script>
|
|
<?php
|
|
}
|
|
|
|
|
|
/**
|
|
* File upload handler.
|
|
*/
|
|
public function ajax_upload_image_file() {
|
|
|
|
// Check referer, die if no ajax:
|
|
check_ajax_referer( 'photo-upload' );
|
|
|
|
// Upload file using WordPress functions:
|
|
$file = $_FILES['async-upload'];
|
|
$status = wp_handle_upload(
|
|
$file,
|
|
array(
|
|
'test_form' => true,
|
|
'action' => 'dgd_upload_featured_image',
|
|
)
|
|
);
|
|
|
|
// Fetch post ID:
|
|
$post_id = $_POST['postID'];
|
|
|
|
// Insert uploaded file as attachment:
|
|
$attach_id = wp_insert_attachment(
|
|
array(
|
|
'post_mime_type' => $status['type'],
|
|
'post_title' => preg_replace( '/\.[^.]+$/', '', basename( $file['name'] ) ),
|
|
'post_content' => '',
|
|
'post_status' => 'inherit',
|
|
),
|
|
$status['file'],
|
|
$post_id
|
|
);
|
|
|
|
// Include the image handler library:
|
|
require_once ABSPATH . 'wp-admin/includes/image.php';
|
|
|
|
// Generate meta data and update attachment:
|
|
$attach_data = wp_generate_attachment_metadata( $attach_id, $status['file'] );
|
|
wp_update_attachment_metadata( $attach_id, $attach_data );
|
|
|
|
// Check for current meta (update / add):
|
|
if ( $prevValue = get_post_meta( $post_id, '_thumbnail_id', true ) ) {
|
|
update_post_meta( $post_id, '_thumbnail_id', $attach_id, $prevValue );
|
|
} else {
|
|
add_post_meta( $post_id, '_thumbnail_id', $attach_id );
|
|
}
|
|
|
|
// Get image sizes and correct thumb:
|
|
$croppedImage = wp_get_attachment_image_src( $attach_id, 'full' );
|
|
$imageDetails = getimagesize( $croppedImage[0] );
|
|
|
|
// Create response array:
|
|
$uploadResponse = array(
|
|
'image' => $croppedImage[0],
|
|
'width' => $imageDetails[0],
|
|
'height' => $imageDetails[1],
|
|
'postID' => $post_id,
|
|
);
|
|
|
|
// Return response and exit:
|
|
die( json_encode( $uploadResponse ) );
|
|
}
|
|
|
|
|
|
/**
|
|
* AJAX function: Set featured image.
|
|
*/
|
|
public function ajax_set_featured_image() {
|
|
$postID = isset( $_POST['postID'] ) ? (int) $_POST['postID'] : false;
|
|
$attachmentID = isset( $_POST['attachmentID'] ) ? (int) $_POST['attachmentID'] : false;
|
|
$dgd_set_featured_image_nonce = isset( $_POST['nonce'] ) ? $_POST['nonce'] : false;
|
|
if ( $postID && $attachmentID ) {
|
|
if ( current_user_can( 'edit_post', $postID ) && wp_verify_nonce( $dgd_set_featured_image_nonce, 'dgd_set_featured_image_nonce' ) ) {
|
|
// Update / add post meta:
|
|
if ( $status = get_post_meta( $postID, '_thumbnail_id', true ) ) {
|
|
update_post_meta( $postID, '_thumbnail_id', $attachmentID );
|
|
} else {
|
|
add_post_meta( $postID, '_thumbnail_id', $attachmentID );
|
|
}
|
|
|
|
$response = array(
|
|
'response_code' => 200,
|
|
'response_content' => 'success',
|
|
);
|
|
} else {
|
|
$response = array(
|
|
'response_code' => 403,
|
|
'response_content' => __( 'Drag & Drop Feaured image: You do not have permission to edit this post!', $this->plugin_locale ),
|
|
);
|
|
}
|
|
} else {
|
|
$response = array(
|
|
'response_code' => 500,
|
|
'response_content' => __( 'Drag & Drop Feaured image: Unknown post och attachment ID, please try again!', $this->plugin_locale ),
|
|
);
|
|
}
|
|
|
|
// Return response:
|
|
die( json_encode( $response ) );
|
|
}
|
|
|
|
|
|
/**
|
|
* AJAX function: Get featured image.
|
|
*/
|
|
public function ajax_get_featured_image() {
|
|
|
|
$postID = isset( $_POST['post_id'] ) ? (int) $_POST['post_id'] : false;
|
|
if ( $postID ) {
|
|
$featured = wp_get_attachment_image_src( get_post_thumbnail_id( $postID ), 'full' );
|
|
$response = array(
|
|
'response_code' => 200,
|
|
'response_content' => $featured[0],
|
|
);
|
|
} else {
|
|
$response = array(
|
|
'response_code' => 500,
|
|
'response_content' => __( 'Drag & Drop Feaured image: An error occured, please reload page!', $this->plugin_locale ),
|
|
);
|
|
}
|
|
|
|
// Return response:
|
|
die( json_encode( $response ) );
|
|
}
|
|
|
|
|
|
/**
|
|
* Add body classes to the admin.
|
|
*
|
|
* @param $classes
|
|
* @return string
|
|
*/
|
|
public function modify_admin_body_class( $classes ) {
|
|
if ( $this->wordpress_version >= 38 ) {
|
|
$classes .= ' wp38'; }
|
|
return $classes;
|
|
}
|
|
}
|