add delete button for term/cpt/default images

This commit is contained in:
Robin Cornett
2015-03-23 12:50:58 -04:00
parent 691a1eb87e
commit f66f0395f8
3 changed files with 35 additions and 7 deletions
@@ -219,8 +219,11 @@ class Display_Featured_Image_Genesis_Settings {
echo '<img src="' . esc_url( $preview[0] ) . '" />';
echo '</div>';
}
echo '<input type="text" class="upload_image_url" id="displayfeaturedimagegenesis[default]" name="displayfeaturedimagegenesis[default]" value="' . absint( $this->displaysetting['default'] ) . '" />';
echo '<input type="hidden" class="upload_image_url" id="displayfeaturedimagegenesis[default]" name="displayfeaturedimagegenesis[default]" value="' . absint( $this->displaysetting['default'] ) . '" />';
echo '<input type="button" class="upload_default_image button" value="' . __( 'Select Image', 'display-featured-image-genesis' ) . '" />';
if ( ! empty( $this->displaysetting['default'] ) ) {
echo '<input type="button" class="delete_image button" value="' . __( 'Delete Image', 'display-featured-image-genesis' ) . '" />';
}
echo '<p class="description">' . sprintf(
__( 'If you would like to use a default image for the featured image, upload it here. Must be at least %1$s pixels wide.', 'display-featured-image-genesis' ),
absint( $large + 1 )
@@ -288,6 +291,7 @@ class Display_Featured_Image_Genesis_Settings {
if ( empty( $this->displaysetting['post_type'][$post_type] ) ) {
$this->displaysetting['post_type'][$post_type] = '';
}
echo '<div>';
echo '<h4>' . $post->label . '</h4>';
if ( ! empty( $this->displaysetting['post_type'][$post_type] ) ) {
$id = $this->displaysetting['post_type'][$post_type];
@@ -299,15 +303,17 @@ class Display_Featured_Image_Genesis_Settings {
echo '<img src="' . esc_url( $preview[0] ) . '" />';
echo '</div>';
}
echo '<input type="text" class="upload_image_url" id="displayfeaturedimagegenesis[post_type][' . $post_type . ']" name="displayfeaturedimagegenesis[post_type][' . $post_type . ']" value="' . absint( $this->displaysetting['post_type'][$post_type] ) . '" />';
echo '<input type="hidden" class="upload_image_url" id="displayfeaturedimagegenesis[post_type][' . $post_type . ']" name="displayfeaturedimagegenesis[post_type][' . $post_type . ']" value="' . absint( $this->displaysetting['post_type'][$post_type] ) . '" />';
echo '<input type="button" class="upload_default_image button" value="' . __( 'Select Image', 'display-featured-image-genesis' ) . '" />';
if ( ! empty( $this->displaysetting['post_type'][$post_type] ) ) {
echo '<input type="button" class="delete_image button" value="' . __( 'Delete Image', 'display-featured-image-genesis' ) . '" />';
echo '<p class="description">' . sprintf(
__( 'View your <a href="%1$s" target="_blank">%2$s</a> archive.', 'display-featured-image-genesis' ),
esc_url( get_post_type_archive_link( $post_type ) ),
$post->label
) . '</p>';
}
echo '</div>';
}
@@ -50,8 +50,11 @@ class Display_Featured_Image_Genesis_Taxonomies {
echo '<img src="' . esc_url( $preview[0] ) . '" width="300" />';
echo '</div>';
}
echo '<input type="text" class="upload_image_url" id="default_image_url" name="displayfeaturedimagegenesis[term_image]" value="' . esc_url( $displaysetting['term_image'] ) . '" style="width:200px;" />';
echo '<input type="hidden" class="upload_image_url" id="default_image_url" name="displayfeaturedimagegenesis[term_image]" value="' . esc_url( $displaysetting['term_image'] ) . '" style="width:200px;" />';
echo '<input id="upload_default_image" type="button" class="upload_default_image button" value="' . __( 'Select Image', 'display-featured-image-genesis' ) . '" />';
if ( ! empty( $displaysetting['term_image'] ) ) {
echo '<input type="button" class="delete_image button" value="' . __( 'Delete Image', 'display-featured-image-genesis' ) . '" />';
}
echo '<p class="description">' . sprintf(
__( 'Set Featured Image for %1$s.', 'display-featured-image-genesis' ),
esc_html( $term->name )
+23 -4
View File
@@ -2,10 +2,11 @@ jQuery(document).ready(function($){
var custom_uploader;
var target_input;
var preview;
$('.upload_default_image').click(function(e) {
$( '.upload_default_image' ).click(function(e) {
target_input = $(this).prev('.upload_image_url');
target_input = $(this).prev( '.upload_image_url' );
e.preventDefault();
@@ -27,8 +28,14 @@ jQuery(document).ready(function($){
//When a file is selected, grab the URL and set it as the text field's value
custom_uploader.on('select', function() {
attachment = custom_uploader.state().get('selection').first().toJSON();
$(target_input).val(attachment.id);
attachment = custom_uploader.state().get('selection').first().toJSON();
preview = $( target_input ).prevAll( '#upload_logo_preview' );
previewImage = $( '<div id="upload_logo_preview"><img width="300" src="' + attachment.url + '" /></div>' );
$( target_input ).val(attachment.id);
if ( $( preview ).length ) {
$( preview ).remove();
}
$( target_input ).before( previewImage );
});
//Open the uploader dialog
@@ -36,4 +43,16 @@ jQuery(document).ready(function($){
});
$( '.delete_image' ).click( function(e) {
target_input = $(this).prevAll( '.upload_image_url' );
previewView = $(this).prevAll( '#upload_logo_preview' );
e.preventDefault();
$( target_input ).val( '' );
$( previewView ).remove();
});
});