Changeset 13209

Timestamp:

02/12/2024 10:58:02 PM (8 months ago)

Author:

coffee2code

Message:

Photo Directory, Admin: Add 'Skip' button to allow skipping current photo and loading next photo in queue.

If JS is disabled, the 'Skip Photo' link will appear in a metabox.

Props markmemayank, coffee2code.
Fixes #7308.

Location:

sites/trunk/wordpress.org/public_html/wp-content/plugins/photo-directory

Files:

• assets/css/admin.css (modified) (1 diff)
• assets/js/admin.js (modified) (1 diff)
• inc/admin.php (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/wp-content/plugins/photo-directory/assets/css/admin.css

@@ -126 +126 @@
     margin-left: 1.5rem;
 }
+
+.wp-heading-inline #photo-dir-skip-photo {
+    margin-left: 1rem;
+}

sites/trunk/wordpress.org/public_html/wp-content/plugins/photo-directory/assets/js/admin.js

@@ -85 +85 @@
     photoRejectionNoteToUser?.addEventListener('input', e => setNoteToUserHighlight());
 
+    // Move the skip button out of its metabox and into the top of the page. Also remove the metabox and its display toggle.
+    const skipButton = document.getElementById('photo-dir-skip-photo');
+    if (skipButton) {
+        document.querySelector('#wpbody-content .wrap h1')?.appendChild(skipButton);
+        document.querySelector('#photoskip')?.remove();
+        document.querySelector('label[for="photoskip-hide"]')?.remove();
+    }
 }, false);
 

sites/trunk/wordpress.org/public_html/wp-content/plugins/photo-directory/inc/admin.php

@@ -84 +84 @@
         add_filter( 'query_vars',                              [ __CLASS__, 'add_query_var_for_random' ] );
         add_action( 'pre_get_posts',                           [ __CLASS__, 'randomize_the_queue' ] );
+
+        // Add button to skip current photo in the queue.
+        add_action( "add_meta_boxes_{$post_type}",             [ __CLASS__, 'add_skip_queued_photo_meta_box' ], 10, 2 );
+        add_action( 'admin_init',                              [ __CLASS__, 'admin_redirect_to_next_photo' ] );
     }
 
@@ -1485 +1489 @@
 
     /**
+     * Registers meta box used for the 'skip' button to load another photo.
+     *
+     * @param WP_Post $post Post object.
+     */
+    public static function add_skip_queued_photo_meta_box( $post ) {
+        if ( ! $post ) {
+            return;
+        }
+
+        if ( 'pending' === $post->post_status ) {
+            add_meta_box(
+                'photoskip',
+                __( 'Skip Photo', 'wporg-photos' ),
+                [ __CLASS__, 'output_skip_queued_photo_meta_box' ],
+                $post->post_type,
+                'side',
+                'core'
+            );
+        }
+
+    }
+
+    /**
+     * Outputs the metabox for the skip button.
+     *
+     * @param WP_Post $post Current post object.
+     */
+    public static function output_skip_queued_photo_meta_box( $post ) {
+        printf(
+            '<a href="%s" id="photo-dir-skip-photo" class="page-title-action" title="%s">%s</a>',
+            esc_url( add_query_arg( 'skipphoto', '1' ) ),
+            esc_attr__( 'Skip this photo and load another.', 'wporg-photos' ),
+            __( 'Skip Photo', 'wporg-photos')
+        );
+    }
+
+    /**
+     * Redirects to the next photo in the queue when the current one is being skipped.
+     */
+    public static function admin_redirect_to_next_photo() {
+        $post_type = Registrations::get_post_type();
+
+        // If a random photo is being requested, then redirect to one.
+        if (
+            '1' === ( $_GET['skipphoto'] ?? false )
+        &&
+            'edit' === ( $_GET['action'] ?? false )
+        &&
+            ! empty( $_GET['post'] )
+        ) {
+            $exclude_photos = [ intval( $_GET['post'] ) ];
+
+            $next_photo = Posts::get_next_post_in_queue( 'rand', '', $exclude_photos );
+
+            if ( $next_photo ) {
+                wp_redirect( get_edit_post_link( $next_photo->ID, 'url' ), 302 );
+                exit;
+            }
+        }
+    }
+
+    /**
      * Adds 'random' as a custom query variable for photo queue listings.
      *