JezK
Edit File: class-gallery-attachment-modal.php
<?php if ( ! defined( 'ABSPATH' ) ) { exit; } /* * FooGallery Admin Gallery Attachment Modal class */ if ( ! class_exists( 'FooGallery_Admin_Gallery_Attachment_Modal' ) ) { class FooGallery_Admin_Gallery_Attachment_Modal { /** * Primary class constructor. */ public function __construct() { add_action( 'admin_footer', array( $this, 'foogallery_image_editor_modal' ) ); add_action( 'wp_ajax_foogallery_attachment_modal_open', array( $this, 'ajax_open_modal' ) ); add_action( 'wp_ajax_foogallery_attachment_modal_save', array( $this, 'ajax_save_modal' ) ); add_action( 'wp_ajax_foogallery_attachment_modal_taxonomy_add', array( $this, 'ajax_add_taxonomy' ) ); add_action( 'foogallery_attachment_modal_tabs_view', array( $this, 'display_tab_main' ), 10 ); add_action( 'foogallery_attachment_modal_tabs_view', array( $this, 'display_tab_taxonomies' ), 20 ); add_action( 'foogallery_attachment_modal_tabs_view', array( $this, 'display_tab_thumbnails' ), 30 ); add_action( 'foogallery_attachment_modal_tabs_view', array( $this, 'display_tab_advanced' ), 200 ); add_action( 'foogallery_attachment_modal_tab_content', array( $this, 'display_tab_content_main' ), 10, 1 ); add_action( 'foogallery_attachment_modal_tab_content', array( $this, 'display_tab_content_taxonomies' ), 20, 1 ); add_action( 'foogallery_attachment_modal_tab_content', array( $this, 'display_tab_content_thumbnails' ), 30, 1 ); add_action( 'foogallery_attachment_modal_tab_content', array( $this, 'display_tab_content_advanced' ), 60, 1 ); add_action( 'foogallery_attachment_modal_before_thumbnail', array( $this, 'display_attachment_info' ), 10, 1 ); add_filter( 'foogallery_attachment_modal_data', array( $this, 'foogallery_attachment_modal_data_main' ), 10, 4 ); add_filter( 'foogallery_attachment_modal_data', array( $this, 'foogallery_attachment_modal_data_taxonomies' ), 20, 4 ); add_filter( 'foogallery_attachment_modal_data', array( $this, 'foogallery_attachment_modal_data_thumbnails' ), 30, 4 ); add_filter( 'foogallery_attachment_modal_data', array( $this, 'foogallery_attachment_modal_data_advanced' ), 60, 4 ); add_filter( 'foogallery_attachment_modal_data', array( $this, 'foogallery_attachment_modal_data_info' ), 70, 4 ); add_action( 'foogallery_attachment_modal_after_tabs', array( $this, 'foogallery_img_modal_save_btn' ) ); add_action( 'foogallery_attachment_save_data', array( $this, 'foogallery_attachment_save_data_main' ), 10, 2 ); add_action( 'foogallery_attachment_save_data', array( $this, 'foogallery_attachment_save_data_taxonomies' ), 20, 2 ); add_action( 'foogallery_attachment_save_data', array( $this, 'foogallery_attachment_save_data_thumbnails' ), 30, 2 ); add_action( 'foogallery_attachment_save_data', array( $this, 'foogallery_attachment_save_data_advanced' ), 60, 2 ); } /** * Generate image edit modal on gallery creation */ public function ajax_open_modal() { if ( ! check_ajax_referer( 'foogallery_attachment_modal_open', 'nonce', false ) ) { wp_send_json_error( array( 'message' => __( 'Invalid security token.', 'foogallery' ) ), 403 ); } $img_id = isset( $_POST['img_id'] ) ? absint( wp_unslash( $_POST['img_id'] ) ) : 0; $gallery_id = isset( $_POST['gallery_id'] ) ? absint( wp_unslash( $_POST['gallery_id'] ) ) : 0; if ( ! $img_id || ! $gallery_id ) { wp_send_json_error( array( 'message' => __( 'Invalid attachment data.', 'foogallery' ) ), 400 ); } if ( ! current_user_can( 'edit_post', $img_id ) ) { wp_send_json_error( array( 'message' => __( 'Insufficient permissions.', 'foogallery' ) ), 403 ); } if ( ! current_user_can( 'edit_post', $gallery_id ) ) { wp_send_json_error( array( 'message' => __( 'Insufficient permissions.', 'foogallery' ) ), 403 ); } $modal_data = $this->build_modal_data( $_POST ); $image_alt = ! empty( $modal_data['image_alt'] ) ? $modal_data['image_alt'] : $modal_data['img_title']; if ( empty( $image_alt ) ) { $image_alt = __( 'Attachment preview', 'foogallery' ); } ob_start() ?> <div class="foogallery-image-edit-main" data-img_id="<?php echo esc_attr( $modal_data['img_id'] ); ?>" data-gallery_id="<?php echo esc_attr( $modal_data['gallery_id'] ); ?>"> <?php do_action( 'foogallery_attachment_modal_before_tab_container', $modal_data ); ?> <div class="foogallery-image-edit-view"> <?php do_action( 'foogallery_attachment_modal_before_thumbnail', $modal_data ); if ( $modal_data['image_attributes'] ) { ?> <img src="<?php echo esc_url( $modal_data['image_attributes'][0] ); ?>" width="<?php echo esc_attr( $modal_data['image_attributes'][1] ); ?>" height="<?php echo esc_attr( $modal_data['image_attributes'][2] ); ?>" alt="<?php echo esc_attr( $image_alt ); ?>" /> <?php } ?> </div> <div class="foogallery-image-edit-button"> <a target="_blank" href="<?php echo esc_url( get_admin_url().'post.php?post='.$modal_data['img_id'].'&action=edit' );?>" class="button"><?php esc_html_e('Edit Image', 'foogallery'); ?></a> <a target="_blank" href="<?php echo esc_url( $modal_data['img_path'] );?>" class="button"><?php esc_html_e('Open Full Size Image', 'foogallery'); ?></a> </div> </div> <div class="foogallery-image-edit-meta"> <?php do_action( 'foogallery_attachment_modal_before_tabs', $modal_data ); ?> <div class="tabset"> <?php do_action( 'foogallery_attachment_modal_tabs_view', $modal_data ); ?> </div> <div class="tab-panels"> <form id="foogallery_attachment_modal_save_form" method="post" enctype="multipart/form-data"> <input type="hidden" name="action" value="foogallery_attachment_modal_save"> <input type="hidden" name="nonce" value="<?php echo esc_attr( $modal_data['nonce'] ); ?>"> <input type="hidden" name="img_id" value="<?php echo esc_attr( $modal_data['img_id'] ); ?>"> <?php do_action( 'foogallery_attachment_modal_tab_content', $modal_data ); ?> </form> </div> <?php do_action( 'foogallery_attachment_modal_after_tabs', $modal_data ); ?> </div> <?php do_action( 'foogallery_attachment_modal_after_tab_container', $modal_data ); wp_send_json( array( 'html' => ob_get_clean(), 'prev_slide' => $modal_data['prev_slide'], 'next_slide' => $modal_data['next_slide'], 'next_img_id' => $modal_data['next_img_id'], 'prev_img_id' => $modal_data['prev_img_id'], 'override_thumbnail' => $modal_data['foogallery_override_thumbnail'], 'current_tab' => $modal_data['current_tab'] ) ); } /** * Admin modal wrapper for gallery image edit */ public function foogallery_image_editor_modal() { global $post; // Check if the gallery edit page is being shown. $screen = get_current_screen(); if ( 'foogallery' !== $screen->id ) { return; } if ( !is_a( $post, 'WP_Post' ) ) { return; } $modal_style = foogallery_get_setting( 'advanced_attachment_modal' ); // Only show the attachment modal if the setting is turned on. if ( 'on' !== $modal_style ) { return; } ?> <div id="foogallery-image-edit-modal" class="foogallery-modal-wrapper" style="display: none;" data-nonce="<?php echo esc_attr( wp_create_nonce( 'foogallery_attachment_modal_open' ) ); ?>" data-gallery_id="<?php echo esc_attr( $post->ID ); ?>" data-modal_style="<?php echo esc_attr( $modal_style ); ?>"> <div class="media-modal wp-core-ui"> <div class="media-modal-content"> <div class="edit-attachment-frame mode-select hide-menu hide-router"> <div class="edit-media-header"> <button title="<?php esc_attr_e( 'Edit previous attachment in the gallery', 'foogallery' ); ?>" class="left dashicons"><span class="screen-reader-text"><?php esc_html_e( 'Edit previous attachment in the gallery', 'foogallery' ); ?></span></button> <button title="<?php esc_attr_e( 'Edit next attachment in the gallery', 'foogallery' ); ?>" class="right dashicons"><span class="screen-reader-text"><?php esc_html_e( 'Edit next attachment in the gallery', 'foogallery' ); ?></span></button> <button type="button" class="media-modal-close"><span class="media-modal-icon"><span class="screen-reader-text"><?php esc_html_e('Close dialog', 'foogallery'); ?></span></span></button> </div> <div class="media-frame-title foogallery-modal-title"> <h1><?php esc_html_e('Edit Attachment Details', 'foogallery'); ?></h1> <div class="attachment-modal-autosave"> <input id="attachment-modal-autosave" type="checkbox" /> <label for="attachment-modal-autosave"><?php esc_html_e( 'Autosave', 'foogallery' ); ?></label> </div> </div> <div class="media-frame-content foogallery-modal-container"> <div class="attachment-details save-ready"> </div> </div> </div> </div> </div> </div> <?php } /** * Save modal form data to database */ public function ajax_save_modal() { $foogallery = isset( $_POST['foogallery'] ) ? wp_unslash( $_POST['foogallery'] ) : array(); if ( ! is_array( $foogallery ) || empty( $foogallery ) ) { wp_send_json_error( array( 'message' => __( 'Invalid attachment data.', 'foogallery' ) ), 400 ); } if ( ! check_ajax_referer( 'foogallery-modal-nonce', 'nonce', false ) ) { wp_send_json_error( array( 'message' => __( 'Invalid security token.', 'foogallery' ) ), 403 ); } $img_id = isset( $_POST['img_id'] ) ? absint( wp_unslash( $_POST['img_id'] ) ) : 0; if ( ! $img_id ) { wp_send_json_error( array( 'message' => __( 'Invalid attachment data.', 'foogallery' ) ), 400 ); } if ( ! current_user_can( 'edit_post', $img_id ) ) { wp_send_json_error( array( 'message' => __( 'Insufficient permissions.', 'foogallery' ) ), 403 ); } $attachment_post = get_post( $img_id ); if ( ! is_a( $attachment_post, 'WP_Post' ) || 'attachment' !== $attachment_post->post_type ) { wp_send_json_error( array( 'message' => __( 'Invalid attachment data.', 'foogallery' ) ), 400 ); } do_action( 'foogallery_attachment_save_data', $img_id, $foogallery ); wp_send_json_success(); } /** * Save new taxonomy */ public function ajax_add_taxonomy() { if ( ! check_ajax_referer( 'foogallery_attachment_modal_taxonomies', 'nonce', false ) ) { wp_send_json_error( array( 'message' => __( 'Invalid security token.', 'foogallery' ) ), 403 ); } $img_id = isset( $_POST['img_id'] ) ? absint( wp_unslash( $_POST['img_id'] ) ) : 0; $taxonomy = isset( $_POST['taxonomy'] ) ? sanitize_key( wp_unslash( $_POST['taxonomy'] ) ) : ''; $term = isset( $_POST['term'] ) ? sanitize_text_field( wp_unslash( $_POST['term'] ) ) : ''; if ( ! $img_id || '' === $taxonomy || '' === $term ) { wp_send_json_error( array( 'message' => __( 'Invalid data.', 'foogallery' ) ), 400 ); } if ( ! taxonomy_exists( $taxonomy ) ) { wp_send_json_error( array( 'message' => __( 'Invalid taxonomy.', 'foogallery' ) ), 400 ); } if ( ! current_user_can( 'edit_post', $img_id ) ) { wp_send_json_error( array( 'message' => __( 'Insufficient permissions.', 'foogallery' ) ), 403 ); } $tax = get_taxonomy( $taxonomy ); if ( $tax && ! empty( $tax->cap->assign_terms ) && ! current_user_can( $tax->cap->assign_terms ) ) { wp_send_json_error( array( 'message' => __( 'Insufficient permissions.', 'foogallery' ) ), 403 ); } $new_term = wp_insert_term( $term, $taxonomy ); if ( is_wp_error( $new_term ) ) { wp_send_json_error( array( 'message' => __( 'Could not add new taxonomy term!', 'foogallery' ) ), 400 ); } if ( isset( $new_term['term_id'] ) ) { $new_term_obj = get_term( $new_term['term_id'] ); wp_send_json_success( array( 'id' => $new_term_obj->term_id, 'name' => $new_term_obj->name, ) ); } wp_send_json_error( array( 'message' => __( 'Invalid data.', 'foogallery' ) ), 400 ); } /** * Save main tab data content * * @param $img_id int attachment id to update data * * @param $data array of form post data * */ public function foogallery_attachment_save_data_main( $img_id, $data ) { if ( is_array( $data ) && !empty( $data ) ) { $foogallery_post = array( 'ID' => $img_id ); if ( array_key_exists( 'title', $data ) ) { $foogallery_post['post_title'] = sanitize_text_field( wp_unslash( $data['title'] ) ); } if ( array_key_exists( 'caption', $data ) ) { $caption = is_scalar( $data['caption'] ) ? (string) $data['caption'] : ''; $foogallery_post['post_excerpt'] = wp_slash( wp_kses_post( $caption ) ); } if ( array_key_exists( 'description', $data ) ) { $foogallery_post['post_content'] = wp_kses_post( wp_unslash( $data['description'] ) ); } // Update post meta values if ( array_key_exists( 'alt-text', $data ) ) { $alt_text = sanitize_text_field( wp_unslash( $data['alt-text'] ) ); if ( '' === $alt_text ) { delete_post_meta( $img_id, '_wp_attachment_image_alt' ); } else { update_post_meta( $img_id, '_wp_attachment_image_alt', $alt_text ); } } if ( array_key_exists( 'custom-url', $data ) ) { $custom_url = foogallery_sanitize_attachment_custom_url( wp_unslash( $data['custom-url'] ) ); if ( '' === $custom_url ) { delete_post_meta( $img_id, '_foogallery_custom_url' ); } else { update_post_meta( $img_id, '_foogallery_custom_url', $custom_url ); } } if ( array_key_exists( 'custom-target', $data ) ) { $custom_target = foogallery_sanitize_attachment_custom_target( wp_unslash( $data['custom-target'] ) ); if ( '' === $custom_target ) { delete_post_meta( $img_id, '_foogallery_custom_target' ); } else { update_post_meta( $img_id, '_foogallery_custom_target', $custom_target ); } } if ( array_key_exists( 'custom-rel', $data ) ) { $custom_rel = foogallery_sanitize_attachment_custom_rel( wp_unslash( $data['custom-rel'] ) ); if ( '' === $custom_rel ) { delete_post_meta( $img_id, '_foogallery_custom_rel' ); } else { update_post_meta( $img_id, '_foogallery_custom_rel', $custom_rel ); } } if ( array_key_exists( 'custom-class', $data ) ) { $custom_class = sanitize_text_field( wp_unslash( $data['custom-class'] ) ); if ( '' === $custom_class ) { delete_post_meta( $img_id, '_foogallery_custom_class' ); } else { update_post_meta( $img_id, '_foogallery_custom_class', $custom_class ); } } if ( is_array( $foogallery_post ) && count( $foogallery_post ) > 1 ) { // Update the post into the database wp_update_post( $foogallery_post ); } } } /** * Save taxonomies tab data content * * @param $img_id int attachment id to update data * * @param $data array of form post data * */ public function foogallery_attachment_save_data_taxonomies( $img_id, $data ) { if ( is_array( $data ) && !empty( $data ) ) { if ( !$this->attachments_have_taxonomies() ) { return; } if ( array_key_exists( 'taxonomies', $data ) ) { foreach ( $data['taxonomies'] as $taxonomy => $taxonomy_value ) { $terms = explode( ',', $taxonomy_value ); if ( is_array( $terms ) ) { $terms = array_map( 'intval', $terms ); wp_set_object_terms( $img_id, $terms, $taxonomy, false ); } } } } } /** * Save thumbnails tab data content * * @param $img_id int attachment id to update data * * @param $data array of form post data * */ public function foogallery_attachment_save_data_thumbnails( $img_id, $data ) { if ( is_array( $data ) && !empty( $data ) ) { if ( array_key_exists( 'crop_pos', $data ) ) { $crop_position = is_scalar( $data['crop_pos'] ) ? strtolower( trim( (string) $data['crop_pos'] ) ) : ''; $allowed_crop_positions = array( 'left,top', 'center,top', 'right,top', 'left,center', 'center,center', 'right,center', 'left,bottom', 'center,bottom', 'right,bottom', ); if ( in_array( $crop_position, $allowed_crop_positions, true ) ) { update_post_meta( $img_id, 'foogallery_crop_pos', $crop_position ); } else { delete_post_meta( $img_id, 'foogallery_crop_pos' ); } } if ( array_key_exists( 'override-thumbnail-id', $data ) ) { $override_thumbnail_id = is_scalar( $data['override-thumbnail-id'] ) ? absint( $data['override-thumbnail-id'] ) : 0; if ( $override_thumbnail_id > 0 ) { update_post_meta( $img_id, 'foogallery_override_thumbnail', $override_thumbnail_id ); } else { delete_post_meta( $img_id, 'foogallery_override_thumbnail' ); } } } } /** * Save advanced tab data content * * @param $img_id int attachment id to update data * * @param $data array of form post data * */ public function foogallery_attachment_save_data_advanced($img_id, $data ) { if ( is_array( $data ) && !empty( $data ) ) { if ( array_key_exists( 'data-width', $data ) ) { $width = is_scalar( $data['data-width'] ) ? absint( $data['data-width'] ) : 0; if ( $width > 0 ) { update_post_meta( $img_id, '_data-width', $width ); } else { delete_post_meta( $img_id, '_data-width' ); } } if ( array_key_exists( 'data-height', $data ) ) { $height = is_scalar( $data['data-height'] ) ? absint( $data['data-height'] ) : 0; if ( $height > 0 ) { update_post_meta( $img_id, '_data-height', $height ); } else { delete_post_meta( $img_id, '_data-height' ); } } if ( array_key_exists( 'panning', $data ) ) { $panning = is_scalar( $data['panning'] ) ? sanitize_key( $data['panning'] ) : ''; if ( 'enabled' === $panning ) { update_post_meta( $img_id, '_foobox_panning', $panning ); } else { delete_post_meta( $img_id, '_foobox_panning' ); } } if ( array_key_exists( 'override_type', $data ) ) { $override_type = is_scalar( $data['override_type'] ) ? sanitize_key( $data['override_type'] ) : ''; $allowed_override_types = array( 'image', 'iframe', 'video', 'embed', 'html' ); if ( in_array( $override_type, $allowed_override_types, true ) ) { update_post_meta( $img_id, '_foogallery_override_type', $override_type ); } else { delete_post_meta( $img_id, '_foogallery_override_type' ); } } } } /** * Builds up the state used to populate the modal. * * @param $data array * @return array */ private function build_modal_data( $data = array() ) { $modal_data = array( 'img_id' => 0, 'gallery_id' => 0, ); if ( is_array ( $data ) && isset( $data['img_id'] ) && isset( $data['gallery_id'] ) ) { $modal_data['img_id'] = $attachment_id = intval( sanitize_text_field( $data['img_id'] ) ); $modal_data['gallery_id'] = $gallery_id = intval( sanitize_text_field( $data['gallery_id'] ) ); $modal_data['override_attachments'] = isset( $data['override_attachments'] ) ? sanitize_text_field( $data['override_attachments'] ) : ''; $modal_data['current_tab'] = isset( $data['current_tab'] ) ? sanitize_text_field( $data['current_tab'] ) : ''; $modal_data['nonce'] = wp_create_nonce( 'foogallery-modal-nonce' ); $modal_data = apply_filters( 'foogallery_attachment_modal_data', $modal_data, $data, $attachment_id, $gallery_id ); } return $modal_data; } /** * Image modal main tab data update */ public function foogallery_attachment_modal_data_main( $modal_data, $data, $attachment_id, $gallery_id ) { if ( $attachment_id > 0 ) { $attachment_post = get_post( $attachment_id ); if ( is_a( $attachment_post, 'WP_Post' ) ) { $modal_data['file_url'] = wp_get_attachment_url( $attachment_id ); $modal_data['file_name'] = basename( $modal_data['file_url'] ); $modal_data['file_type'] = apply_filters( 'foogallery_attachment_modal_info_file_type', $attachment_post->post_mime_type ); $modal_data['author_id'] = intval( $attachment_post->post_author ); $modal_data['author_name'] = get_the_author_meta( 'display_name', $modal_data['author_id'] ); $modal_data['post_date'] = date('F d, Y', strtotime( $attachment_post->post_date ) ); $modal_data['img_title'] = $attachment_post->post_title; $modal_data['caption'] = $attachment_post->post_excerpt; $modal_data['description'] = $attachment_post->post_content; $modal_data['image_alt'] = get_post_meta( $attachment_id, '_wp_attachment_image_alt', true ); $modal_data['meta'] = wp_get_attachment_metadata( $attachment_id ); $uploaded_to_id = (int) $attachment_post->post_parent; if ( $uploaded_to_id > 0 ) { $uploaded_to_post = get_post( $uploaded_to_id ); $uploaded_to_url = get_edit_post_link( $uploaded_to_post ); if ( is_a( $uploaded_to_post, 'WP_Post' ) ) { $modal_data['uploaded_to_id'] = $uploaded_to_id; $modal_data['uploaded_to_title'] = get_the_title( $uploaded_to_post ); if ( ! empty( $uploaded_to_url ) ) { $modal_data['uploaded_to_url'] = $uploaded_to_url; } } } // Get attachment file size. $file_size = false; if ( isset( $modal_data['meta']['filesize'] ) ) { $file_size = $modal_data['meta']['filesize']; } else { $attached_file = get_attached_file( $attachment_id ); if ( is_string( $attached_file ) && '' !== $attached_file && ! wp_is_stream( $attached_file ) && is_readable( $attached_file ) ) { if ( function_exists( 'wp_filesize' ) ) { $file_size = wp_filesize( $attached_file ); } else { // phpcs:ignore WordPress.WP.AlternativeFunctions.file_system_operations_filesize -- Compatibility fallback for WordPress below 6.0. $file_size = filesize( $attached_file ); } } } if ( ! empty( $file_size ) ) { $modal_data['file_size'] = size_format( $file_size ); } // Get attachment dimensions. $media_dims = ''; if ( isset( $modal_data['meta']['width'], $modal_data['meta']['height'] ) ) { $media_dims = "{$modal_data['meta']['width']} × {$modal_data['meta']['height']}"; } /** This filter is documented in wp-admin/includes/media.php */ $modal_data['media_dims'] = apply_filters( 'media_meta', $media_dims, $attachment_post ); $modal_data['custom_url'] = get_post_meta( $attachment_id, '_foogallery_custom_url', true ); $modal_data['custom_target'] = get_post_meta( $attachment_id, '_foogallery_custom_target', true ); $modal_data['custom_rel'] = foogallery_sanitize_attachment_custom_rel( get_post_meta( $attachment_id, '_foogallery_custom_rel', true ) ); $modal_data['custom_class'] = get_post_meta( $attachment_id, '_foogallery_custom_class', true ); } } return $modal_data; } /** * Image modal taxonomies & tags tab data update */ public function foogallery_attachment_modal_data_taxonomies( $modal_data, $data, $attachment_id, $gallery_id ) { if ( $attachment_id > 0 ) { if ( !$this->attachments_have_taxonomies() ) { return $modal_data; } $modal_data['taxonomies'] = array(); $taxonomies = get_object_taxonomies( 'attachment', 'objects' ); foreach ( $taxonomies as $tax_name => $taxonomy ) { $modal_data['taxonomies'][$tax_name] = array( 'label' => $taxonomy->label, 'terms' => get_the_terms( $attachment_id, $tax_name ) ); } } return $modal_data; } /** * Image modal thumbnails tab data update */ public function foogallery_attachment_modal_data_thumbnails( $modal_data, $data, $attachment_id, $gallery_id ) { if ( $attachment_id > 0 ) { $modal_data['foogallery_crop_pos'] = get_post_meta( $attachment_id, 'foogallery_crop_pos', true ); $foogallery_override_thumbnail = get_post_meta( $attachment_id, '_foogallery_override_thumbnail', true ); if ( isset( $foogallery_override_thumbnail ) ) { $modal_data['foogallery_override_thumbnail'] = $foogallery_override_thumbnail; $modal_data['override_class'] = 'is-override-thumbnail'; $alternate_thumb_img = wp_get_attachment_image_src( $foogallery_override_thumbnail ); if ( is_array( $alternate_thumb_img ) && !empty( $alternate_thumb_img ) ) { $modal_data['alternate_img_src'] = $alternate_thumb_img[0]; } } } return $modal_data; } /** * Image modal advanced tab data update */ public function foogallery_attachment_modal_data_advanced( $modal_data, $data, $attachment_id, $gallery_id ) { if ( $attachment_id > 0 ) { $modal_data['data_width'] = get_post_meta( $attachment_id, '_data-width', true ); $modal_data['data_height'] = get_post_meta( $attachment_id, '_data-height', true ); $modal_data['panning'] = get_post_meta( $attachment_id, '_foobox_panning', true ); $modal_data['override_type'] = get_post_meta( $attachment_id, '_foogallery_override_type', true ); } return $modal_data; } private function get_attachments_for_modal( $modal_data, $gallery_id ) { if ( isset( $modal_data['override_attachments'] ) ) { return explode( ',', $modal_data['override_attachments'] ); } $gallery_attachments = get_post_meta( $gallery_id, FOOGALLERY_META_ATTACHMENTS, true); if ( is_array( $gallery_attachments ) && !empty ( $gallery_attachments ) ) { return $gallery_attachments; } return array(); } /** * Image modal info tab data update */ public function foogallery_attachment_modal_data_info( $modal_data, $data, $attachment_id, $gallery_id ) { if ( $attachment_id > 0 ) { $modal_data['image_attributes'] = wp_get_attachment_image_src( $attachment_id, 'medium' ); $full_img_path = wp_get_attachment_image_src( $attachment_id, 'full' ); $modal_data['img_path'] = $full_img_path[0]; $gallery_attachments = $this->get_attachments_for_modal( $modal_data, $gallery_id ); if ( is_array( $gallery_attachments ) && !empty ( $gallery_attachments ) ) { $modal_data['gallery_attachments'] = $gallery_attachments; $gallery_attachment_ids = array_map( 'intval', $gallery_attachments ); $current_index = array_search( $attachment_id, $gallery_attachment_ids, true ); $attachment_count = count( $gallery_attachment_ids ); if ( false !== $current_index ) { // Wrap around so first item points to last and last item points to first. $has_multiple = $attachment_count > 1; $prev_index = ( 0 === $current_index ) ? $attachment_count - 1 : $current_index - 1; $next_index = ( $current_index === $attachment_count - 1 ) ? 0 : $current_index + 1; $modal_data['prev_slide'] = $has_multiple; $modal_data['next_slide'] = $has_multiple; $modal_data['prev_img_id'] = $has_multiple ? intval( $gallery_attachment_ids[ $prev_index ] ) : 0; $modal_data['next_img_id'] = $has_multiple ? intval( $gallery_attachment_ids[ $next_index ] ) : 0; } } } return $modal_data; } /** * Image modal main tab title */ public function display_tab_main() { ?> <div class="foogallery-img-modal-tab-wrapper" data-tab_id="foogallery-panel-main"> <input type="radio" name="tabset" id="foogallery-tab-main" aria-controls="foogallery-panel-main" checked> <label for="foogallery-tab-main"><?php esc_html_e('Main', 'foogallery'); ?></label> </div> <?php } /** * Image modal taxonomies & tags title */ public function display_tab_taxonomies() { if ( !$this->attachments_have_taxonomies() ) { return; } ?> <div class="foogallery-img-modal-tab-wrapper" data-tab_id="foogallery-panel-taxonomies"> <input type="radio" name="tabset" id="foogallery-tab-taxonomies" aria-controls="foogallery-panel-taxonomies"> <label for="foogallery-tab-taxonomies"><?php esc_html_e('Taxonomies', 'foogallery'); ?></label> </div> <?php } /** * Image modal thumbnails tab title */ public function display_tab_thumbnails() { ?> <div class="foogallery-img-modal-tab-wrapper" data-tab_id="foogallery-panel-thumbnails"> <input type="radio" name="tabset" id="foogallery-tab-thumbnails" aria-controls="foogallery-panel-thumbnails"> <label for="foogallery-tab-thumbnails"><?php esc_html_e('Thumbnails', 'foogallery'); ?></label> </div> <?php } /** * Returns true if attachments have any taxonomies registered. * * @return bool */ function attachments_have_taxonomies() { $taxonomies = get_object_taxonomies( 'attachment' ); return count( $taxonomies ) > 0; } /** * Image modal advanced tab title */ public function display_tab_advanced() { ?> <div class="foogallery-img-modal-tab-wrapper" data-tab_id="foogallery-panel-advanced"> <input type="radio" name="tabset" id="foogallery-tab-advanced" aria-controls="foogallery-panel-advanced"> <label for="foogallery-tab-advanced"><?php esc_html_e('Advanced', 'foogallery'); ?></label> </div> <?php } /** * Image modal main tab content */ public function display_tab_content_main( $modal_data ) { if ( is_array( $modal_data ) && !empty ( $modal_data ) ) { if ( $modal_data['img_id'] > 0 ) { ?> <section id="foogallery-panel-main" class="tab-panel active" data-nonce="<?php echo esc_attr( $modal_data['nonce'] );?>"> <div class="settings"> <span class="setting" data-setting="title"> <label for="attachment-details-two-column-title" class="name"><?php esc_html_e('Title', 'foogallery'); ?></label> <input type="text" id="attachment-details-two-column-title" name="foogallery[title]" value="<?php echo esc_attr( $modal_data['img_title'] );?>"> </span> <span class="setting" data-setting="caption"> <label for="attachment-details-two-column-caption" class="name"><?php esc_html_e('Caption', 'foogallery'); ?></label> <textarea id="attachment-details-two-column-caption" name="foogallery[caption]"><?php echo esc_textarea( $modal_data['caption'] );?></textarea> </span> <span class="setting" data-setting="description"> <label for="attachment-details-two-column-description" class="name"><?php esc_html_e('Description', 'foogallery'); ?></label> <textarea id="attachment-details-two-column-description" name="foogallery[description]"><?php echo esc_html( $modal_data['description'] );?></textarea> </span> <span class="setting" data-setting="alt"> <label for="attachment-details-two-column-alt-text" class="name"><?php esc_html_e('ALT Text', 'foogallery'); ?></label> <input type="text" id="attachment-details-two-column-alt-text" name="foogallery[alt-text]" value="<?php echo esc_attr( $modal_data['image_alt'] );?>" aria-describedby="alt-text-description"> </span> <span class="setting" data-setting="custom_url"> <label for="attachments-foogallery-custom-url" class="name"><?php esc_html_e('Custom URL', 'foogallery'); ?></label> <input type="text" id="attachments-foogallery-custom-url" name="foogallery[custom-url]" value="<?php echo esc_attr( $modal_data['custom_url'] );?>"> </span> <span class="setting" data-setting="custom_target"> <label for="attachments-foogallery-custom-target" class="name"><?php esc_html_e('Custom Target', 'foogallery'); ?></label> <select name="foogallery[custom-target]" id="attachments-foogallery-custom-target"> <?php $target_options = foogallery_get_target_options(); foreach ( $target_options as $value => $label ) { $selected = selected( $value, $modal_data['custom_target'], false ); echo '<option value=' . esc_attr( $value ) . ' ' . esc_attr( $selected ) . '>' . esc_html( $label ) . '</option>'; } ?> </select> </span> <span class="setting" data-setting="custom_rel"> <label for="attachments-foogallery-custom-rel" class="name"><?php esc_html_e('Custom Rel', 'foogallery'); ?></label> <input type="text" id="attachments-foogallery-custom-rel" name="foogallery[custom-rel]" value="<?php echo esc_attr( $modal_data['custom_rel'] );?>"> </span> <span class="setting has-description" data-setting="custom_class"> <label for="attachments-foogallery-custom-class" class="name"><?php esc_html_e('Custom Class', 'foogallery'); ?></label> <input type="text" id="attachments-foogallery-custom-class" name="foogallery[custom-class]" value="<?php echo esc_attr( $modal_data['custom_class'] );?>"> </span> <p class="description"> <?php esc_html_e( 'The custom class will be applied to the anchor tag of the image, which you can target with custom CSS.', 'foogallery' ); ?> </p> <span class="setting" data-setting="file_url"> <label for="attachments-foogallery-file-url" class="name"><?php esc_html_e('File URL', 'foogallery'); ?></label> <div class="setting-with-buttons"> <input type="text" id="attachments-foogallery-file-url" value="<?php echo esc_url( $modal_data['file_url'] );?>" readonly /> <div> <button type="button" class="button button-small copy-attachment-file-url" data-clipboard-target="#attachments-foogallery-file-url"><?php esc_html_e('Copy to clipboard', 'foogallery'); ?></button> </div> </div> </span> </div> </section> <?php } } } /** * Image modal taxonomies & tags tab content */ public function display_tab_content_taxonomies( $modal_data ) { if ( !$this->attachments_have_taxonomies() ) { return; } if ( is_array( $modal_data ) && array_key_exists( 'taxonomies', $modal_data ) ) { if ( $modal_data['img_id'] > 0 ) { $taxonomies = get_object_taxonomies( 'attachment', 'objects' ); ?> <section id="foogallery-panel-taxonomies" class="tab-panel" data-nonce="<?php echo esc_attr( wp_create_nonce('foogallery_attachment_modal_taxonomies') ); ?>"> <div class="settings"> <?php foreach ( $taxonomies as $tax_name => $taxonomy ) { $terms = get_terms( array( 'taxonomy' => $tax_name, 'hide_empty' => false, ) ); $selected_terms = array(); if ( array_key_exists( $tax_name, $modal_data['taxonomies'] ) ) { $selected_tax_terms = $modal_data['taxonomies'][$tax_name]['terms']; if ( is_array( $selected_tax_terms ) ) { foreach ($selected_tax_terms as $term) { $selected_terms[] = $term->term_id; } } } ?> <span class="setting"> <label for="foogallery_attachment_taxonomy_<?php echo esc_attr( $tax_name ); ?>" class="name"><?php echo esc_html( $modal_data['taxonomies'][$tax_name]['label'] ); ?></label> <div> <ul data-taxonomy="<?php echo esc_attr( $tax_name ); ?>"> <?php foreach ($terms as $term) { $term_selected = in_array( $term->term_id, $selected_terms ); ?> <li> <a href="javascript:void(0);" class="button button-small<?php echo $term_selected ? ' button-primary' : ''; ?>" data-term-id="<?php echo esc_attr( $term->term_id ); ?>"><?php echo esc_html( $term->name ); ?></a> </li><?php } ?> <li class="taxonomy_add"> <a href="javascript:void(0);" class="button button-small active foogallery_attachment_taxonomy_add" data-action="add" title="Add new">+</a> <input type="text" class="foogallery_attachment_taxonomy_add" style="display: none" /> <a href="javascript:void(0);" class="button button-small active foogallery_attachment_taxonomy_add" style="display: none" data-action="save"><?php echo esc_html( __( 'Save','foogallery' ) ); ?></a> <a href="javascript:void(0);" class="button button-small active foogallery_attachment_taxonomy_add" style="display: none" data-action="cancel"><?php echo esc_html( __( 'Cancel','foogallery' ) ); ?></a> </li> <li class="taxonomy_remove"> <a href="javascript:void(0);" class="button button-small active foogallery_attachment_taxonomy_remove" data-action="remove" title="Deselect all" >–</a> </li> </ul> <div> <?php /* translators: %s: Attachment taxonomy label. */ ?> <a target="_blank" href="<?php echo esc_url( admin_url( 'edit-tags.php?taxonomy=' . $tax_name ) ); ?>"?><?php printf( esc_html__('Manage %s', 'foogallery' ), esc_html( $taxonomy->labels->name ) ); ?></a> </div> </div> <input type="hidden" id="foogallery_attachment_taxonomy_<?php echo esc_attr( $tax_name ); ?>_selected" name="foogallery[taxonomies][<?php echo esc_attr( $tax_name ); ?>]" value="<?php echo esc_attr( implode( ',', $selected_terms ) ); ?>"> </span> <?php } ?> </div> </section> <?php } } } /** * Image modal thumbnails tab content */ public function display_tab_content_thumbnails( $modal_data ) { if ( is_array( $modal_data ) && !empty ( $modal_data ) ) { if ( $modal_data['img_id'] > 0 ) { $crop_pos = !empty( $modal_data['foogallery_crop_pos'] ) ? $modal_data['foogallery_crop_pos'] : 'center,center'; $thumbnail_info = $this->find_thumbnail_info( $modal_data['img_id'], $modal_data['img_path'] ); $engine = foogallery_thumb_active_engine(); ?> <section id="foogallery-panel-thumbnails" class="tab-panel"> <div class="settings"> <span class="setting" data-setting="crop-from-position"> <label for="attachments-crop-from-position" class="name"><?php esc_html_e('Crop Position', 'foogallery'); ?></label> <div id="foogallery_crop_pos"> <input type="radio" name="foogallery[crop_pos]" value="left,top" title="<?php esc_attr_e('Left, Top', 'foogallery'); ?>" <?php checked( 'left,top', $crop_pos, true); ?>> <input type="radio" name="foogallery[crop_pos]" value="center,top" title="<?php esc_attr_e('Center, Top', 'foogallery'); ?>" <?php checked( 'center,top', $crop_pos, true); ?>> <input type="radio" name="foogallery[crop_pos]" value="right,top" title="<?php esc_attr_e('Right, Top', 'foogallery'); ?>" <?php checked( 'right,top', $crop_pos, true); ?>><br> <input type="radio" name="foogallery[crop_pos]" value="left,center" title="<?php esc_attr_e('Left, Center', 'foogallery'); ?>" <?php checked( 'left,center', $crop_pos, true); ?>> <input type="radio" name="foogallery[crop_pos]" value="center,center" title="<?php esc_attr_e('Center, Center', 'foogallery'); ?>" <?php checked( 'center,center', $crop_pos, true); ?>> <input type="radio" name="foogallery[crop_pos]" value="right,center" title="<?php esc_attr_e('Right, Center', 'foogallery'); ?>" <?php checked( 'right,center', $crop_pos, true); ?>><br> <input type="radio" name="foogallery[crop_pos]" value="left,bottom" title="<?php esc_attr_e('Left, Bottom', 'foogallery'); ?>" <?php checked( 'left,bottom', $crop_pos, true); ?>> <input type="radio" name="foogallery[crop_pos]" value="center,bottom" title="<?php esc_attr_e('Center, Bottom', 'foogallery'); ?>" <?php checked( 'center,bottom', $crop_pos, true); ?>> <input type="radio" name="foogallery[crop_pos]" value="right,bottom" title="<?php esc_attr_e('Right, Bottom', 'foogallery'); ?>" <?php checked( 'right,bottom', $crop_pos, true); ?>> </div> </span> <span class="setting" data-setting="generated-thumbnails"> <label class="name"><?php esc_html_e( 'Thumbnail Info', 'foogallery' ); ?></label> <span><?php echo wp_kses_post( $thumbnail_info ); ?> </span> </span> <?php if ( $engine->has_local_cache() ) { ?> <span class="setting" data-setting="clear-image-cache"> <label class="name"><?php esc_html_e('Clear FooGallery Thumbnails', 'foogallery'); ?></label> <div> <button class="button button-primary button-large" style="width: 100px" id="foogallery_clear_img_thumb_cache"><?php esc_html_e( 'Clear', 'foogallery' ); ?></button> <span style="position: absolute" id="foogallery_clear_img_thumb_cache_spinner" class="spinner"></span> <?php wp_nonce_field( 'foogallery_clear_attachment_thumb_cache', 'foogallery_clear_attachment_thumb_cache_nonce', false ); ?> </div> </span> <?php } do_action( 'foogallery_attachment_modal_tab_content_thumbnails', $modal_data ); ?></div> </section> <?php } } } function find_thumbnail_info( $attachment_id, $image_url ) { $wp_generated_count = 0; $sizes = wp_get_registered_image_subsizes(); $thumbnail_info = esc_html__( 'Registered thumbnail sizes in WordPress : ', 'foogallery' ) . count( $sizes ); // Count thumbnails generated by WordPress foreach ( $sizes as $size_key => $size ) { $image = wp_get_attachment_image_src( $attachment_id, $size_key ); if ( $image ) { $wp_generated_count++; } } $thumbnail_info .= '<br />' . esc_html__( 'Thumbnails generated by WordPress : ', 'foogallery' ) . intval( $wp_generated_count ); $engine = foogallery_thumb_active_engine(); if ( $engine->has_local_cache() ) { // Get FooGallery cache directory for the specific attachment $foogallery_thumb_generator = new FooGallery_Thumb_Generator( $image_url ); $foogallery_cache_folder = $foogallery_thumb_generator->get_cache_file_directory(); // Count FooGallery thumbnails $foogallery_thumbnails = $this->count_foogallery_thumbnails($foogallery_cache_folder); $thumbnail_info .= '<br />' . esc_html__( 'Thumbnails generated by FooGallery : ', 'foogallery' ) . intval( $foogallery_thumbnails ); } return $thumbnail_info; } /** * Count FooGallery thumbnails in a given directory * * @param string $folder The directory to scan * @return int The number of thumbnails */ private function count_foogallery_thumbnails( $folder ) { $wp_filesystem = foogallery_wp_filesystem(); // Initialize the WP Filesystem if ( $wp_filesystem === false ) { return 0; } // Check if the directory exists if ( $wp_filesystem->is_dir( $folder ) ) { $files = $wp_filesystem->dirlist( $folder ); return count( $files ); } return 0; } /** * Image modal advanced tab content */ public function display_tab_content_advanced( $modal_data ) { if ( is_array( $modal_data ) && !empty ( $modal_data ) ) { if ( $modal_data['img_id'] > 0 ) { ?> <section id="foogallery-panel-advanced" class="tab-panel"> <div class="settings"> <span class="setting has-description" data-setting="data-width"> <label for="attachment-details-two-column-data-width" class="name"><?php esc_html_e('Override Width', 'foogallery'); ?></label> <input type="text" name="foogallery[data-width]" id="attachment-details-two-column-data-width" value="<?php echo esc_attr( $modal_data['data_width'] ); ?>"> </span> <p class="description"> <?php esc_html_e( 'Specify a custom width to override the default width.', 'foogallery' ); ?> </p> <span class="setting has-description" data-setting="data-height"> <label for="attachment-details-two-column-data-height" class="name"><?php esc_html_e('Override Height', 'foogallery'); ?></label> <input type="text" name="foogallery[data-height]" id="attachment-details-two-column-data-height" value="<?php echo esc_attr( $modal_data['data_height'] ); ?>"> </span> <p class="description"> <?php esc_html_e( 'Specify a custom height to override the default height.', 'foogallery' ); ?> </p> <!--To enable panning add data-overflow="true" data-proportion="false" to an item --> <span class="setting has-description" data-setting="panning"> <label for="attachment-details-two-column-panning" class="name"><?php esc_html_e('Panning', 'foogallery'); ?></label> <input type="text" name="foogallery[panning]" id="attachment-details-two-column-panning" value="<?php echo esc_attr( $modal_data['panning'] ); ?>"> </span> <p class="description"> <?php esc_html_e( 'When using FooBox lightbox, enable panning to allow users to click and drag to navigate overflowing content.', 'foogallery' ); ?> </p> <span class="setting has-description" data-setting="override-type"> <label for="attachment-details-two-column-override-type" class="name"><?php esc_html_e('Override Type', 'foogallery'); ?></label> <input type="text" name="foogallery[override_type]" id="attachment-details-two-column-override-type" value="<?php echo esc_attr( $modal_data['override_type'] ); ?>"> </span> <p class="description"> <?php esc_html_e( 'Override the type of the attachment used by the lightbox.', 'foogallery' ); ?> </p> </div> </section> <?php } } } /** * Image modal info section */ public function display_attachment_info( $modal_data ) { if ( is_array( $modal_data ) && !empty ( $modal_data ) ) { if ( $modal_data['img_id'] > 0 ) { ?> <section id="foogallery-panel-info"> <div class="foogallery-panel-info-inner"> <div class="foogallery-modal-info-fields foogallery-modal-info-fields-full"> <label class="name"><?php esc_html_e('File Name: ', 'foogallery'); ?></label> <span id="attachment-details-two-column-copy-file-name"><?php echo esc_html( $modal_data['file_name'] ); ?></span> </div> <div class="foogallery-modal-info-fields"> <label class="name"><?php esc_html_e('Uploaded On: ', 'foogallery'); ?></label> <span><?php echo esc_html( $modal_data['post_date'] ); ?></span> </div> <div class="foogallery-modal-info-fields"> <label class="name"><?php esc_html_e('Uploaded By: ', 'foogallery'); ?></label> <span><?php echo esc_html( $modal_data['author_name'] ); ?></span> </div> <?php if ( ! empty( $modal_data['uploaded_to_title'] ) ) : ?> <div class="foogallery-modal-info-fields"> <label class="name"><?php esc_html_e('Uploaded To: ', 'foogallery'); ?></label> <span> <?php if ( ! empty( $modal_data['uploaded_to_url'] ) ) : ?> <a id="attachment-details-two-column-uploaded-to" href="<?php echo esc_url( $modal_data['uploaded_to_url'] ); ?>" target="_blank" rel="noopener noreferrer"><?php echo esc_html( $modal_data['uploaded_to_title'] ); ?></a> <?php else : ?> <span id="attachment-details-two-column-uploaded-to"><?php echo esc_html( $modal_data['uploaded_to_title'] ); ?></span> <?php endif; ?> </span> </div> <?php endif; ?> <div class="foogallery-modal-info-fields"> <label class="name"><?php esc_html_e('File Type: ', 'foogallery'); ?></label> <span><?php echo esc_html( $modal_data['file_type'] ); ?></span> </div> <div class="foogallery-modal-info-fields"> <label class="name"><?php esc_html_e('File Size: ', 'foogallery'); ?></label> <span><?php echo esc_html( $modal_data['file_size'] ); ?></span> </div> <div class="foogallery-modal-info-fields"> <label class="name"><?php esc_html_e('Dimensions: ', 'foogallery'); ?></label> <span><?php echo esc_html( $modal_data['media_dims'] ); ?></span> </div> </div> </section> <?php } } } /** * Renders the save button and footer for the FooGallery image modal. * * This function outputs the HTML for the save button and associated footer * within the FooGallery image modal. It provides a button for saving attachment details. */ public function foogallery_img_modal_save_btn() { ?> <div class="foogallery-image-edit-footer"> <button id="attachments-data-save-btn" type="submit" class="button button-primary button-large"><?php esc_html_e( 'Save Attachment Details', 'foogallery' ); ?> </button> <span class="spinner"></span> </div> <?php } } }