Changeset 3207255

Timestamp:

12/12/2024 11:39:16 PM (12 months ago)

Author:

tmatsuur

Message:

[Update] Posts filter multiselect:2.3.0 Column widths can now be adjusted.

Location:

posts-filter-multiselect/trunk

Files:

• posts-filter-multiselect.php (modified) (6 diffs)
• readme.txt (modified) (2 diffs)

posts-filter-multiselect/trunk/posts-filter-multiselect.php

@@ -5 +5 @@
  Description: Each pull-down menu on the post list page will be changed from single selection to multiple selection. Also, tags and author filters will be added to allow you to narrow down your search.
  Author: tmatsuur
- Version: 2.2.1
+ Version: 2.3.0
  Author URI: https://12net.jp/
 Text Domain: posts-filter-multiselect
@@ -37 +37 @@
      */
     public function __construct() {
-        register_activation_hook( __FILE__ , array( &$this , 'activation' ) );
-        register_deactivation_hook( __FILE__ , array( &$this , 'deactivation' ) );
+        register_activation_hook( __FILE__ , array( $this , 'activation' ) );
+        register_deactivation_hook( __FILE__ , array( $this , 'deactivation' ) );
 
         global $pagenow;
@@ -48 +48 @@
         }
         add_action( 'admin_init', array( $this, 'ajax_inline_save' ) ); // @since 2.2.1
+        add_action( 'wp_ajax_save_post_type_columns_width', [ $this, 'ajax_save_post_type_columns_width' ], 10 );
     }
 
@@ -321 +322 @@
      */
     public function ajax_inline_save() {
-        if ( defined( 'DOING_AJAX' ) && DOING_AJAX && 'inline-save' === $_POST['action'] &&
+        if ( defined( 'DOING_AJAX' ) && DOING_AJAX &&
+            isset( $_POST['action'] ) && 'inline-save' === $_POST['action'] &&
             isset( $_POST['post_ID'] ) && (int) $_POST['post_ID'] ) {
             $post = get_post( $_POST['post_ID'], ARRAY_A );
@@ -336 +338 @@
     }
 
+    /**
+     * Creates a suffix for nonce value.
+     * 
+     * @return string
+     */
+    private function nonce_action_suffix() {
+        return date( 'His-Ymd', filemtime( __FILE__ ) );
+    }
+
+    /**
+     * Creates a nonce value.
+     * 
+     * @param int|string $action
+     * @return string
+     */
+    private function create_nonce( $action ) {
+        return wp_create_nonce( $action . $this->nonce_action_suffix() );
+    }
+
+    /**
+     * Update '{post_type}_columns_width' in user meta data.
+     * 
+     * @see wp_ajax_save_post_type_columns_width action.
+     */
+    public function ajax_save_post_type_columns_width() {
+        check_ajax_referer( 'save_post_type_columns_width' . $this->nonce_action_suffix() );
+
+        if ( ! ( defined( 'DOING_AJAX' ) && DOING_AJAX &&
+            isset( $_POST['post_type'] ) &&
+            in_array( $_POST['post_type'], get_post_types( array( 'show_ui' => true ) ), true ) ) ) {
+            wp_die( __( 'Invalid request.' ) );
+        }
+
+        $post_type_object = get_post_type_object( $_POST['post_type'] );
+        if ( ! ( $post_type_object &&
+            current_user_can( $post_type_object->cap->edit_posts ) ) ) {
+            wp_die( __( 'Invalid post type.' ) );
+        }
+
+        $data = array();
+        if ( isset( $_POST['width'] ) && is_array( $_POST['width'] ) ) {
+            $data['post_type'] = sanitize_key( $_POST['post_type'] );
+            $data['width'] = array_map( 'intval', $_POST['width'] );
+            $user = wp_get_current_user();
+            update_user_meta( $user->ID, $data['post_type'] . '_columns_width', $data['width'] );
+        }
+        wp_send_json_success( $data );
+    }
+
     /**
      * Handle the multiple selectable pull-down menus.
@@ -342 +393 @@
      */
     public function admin_footer() {
+        global $typenow;
+        $post_type = $typenow;
+        $user = wp_get_current_user();
+        $columns_width = get_user_meta( $user->ID, sanitize_key( $post_type ) . '_columns_width', true );
+        if ( empty( $columns_width ) ) {
+            $columns_width = array();
+        }
 ?>
-<script type="text/javascript">
+<style id="posts-filter-multiselect-css">
+.metabox-prefs label {
+    line-height: 2.75;
+}
+.metabox-prefs label span.prefix-widthp {
+    position: relative;
+    display: inline-block;
+    margin: 0 0 0 .5em;
+}
+.metabox-prefs label span.prefix-widthp::before {
+    content: '%';
+    position: absolute;
+    right: .75em;
+    top: 0;
+}
+.metabox-prefs label input.column-widthp {
+    width: 4.75em;
+    padding-right: 1.5em;
+}
+</style>
+<script id="posts-filter-multiselect-js" type="text/javascript">
 //<![CDATA[
 ( function ( $ ) {
+    const columns_width = { <?php
+    if ( is_array( $columns_width ) ) {
+        foreach ( $columns_width as $key => $value ) {
+            printf( "'%s':%d,", esc_js( $key ), esc_js( (int)$value ) );
+        }
+    }
+?> };
+    document.querySelectorAll( '.metabox-prefs:not(.view-mode) > label' ).forEach( ( column ) => {
+        const column_name = column.querySelector( 'input' ).value;
+        const widthp = document.createElement( 'input' );
+        widthp.setAttribute( 'type', 'number' );
+        widthp.setAttribute( 'min', 1 );
+        widthp.setAttribute( 'max', 50 );
+        if ( columns_width[column_name] && 0 < columns_width[column_name] ) {
+            widthp.setAttribute( 'value', columns_width[column_name] );
+            document.getElementById( column_name ).style.width = columns_width[column_name] + '%';
+        } else {
+            widthp.setAttribute( 'value', '' );
+        }
+        widthp.classList.add( 'column-widthp' );
+        widthp.dataset.column = column_name;
+        const span = document.createElement( 'span' );
+        span.classList.add( 'prefix-widthp' );
+        span.append( widthp );
+        column.append( span );
+        widthp.addEventListener( 'change', ( event ) => {
+            document.getElementById( event.target.dataset.column ).style.width = event.target.value + '%';
+            save_columns_width();
+        } );
+        widthp.addEventListener( 'input', ( event ) => {
+            if ( '' === event.target.value ) {
+                document.getElementById( event.target.dataset.column ).style.removeProperty( 'width' );
+                save_columns_width();
+            }
+        } );
+    } );
+    let timeoutID = null;
+    function save_columns_width() {
+        if ( null !== timeoutID ) {
+            clearTimeout( timeoutID );
+        }
+        timeoutID = setTimeout( () => {
+            timeoutID = null;
+            const params = new URLSearchParams();
+            params.append( 'action', 'save_post_type_columns_width' );
+            params.append( '_ajax_nonce', '<?php echo esc_js( $this->create_nonce( 'save_post_type_columns_width' ) ); ?>' );
+            params.append( 'post_type', '<?php echo esc_js( $post_type ); ?>' );
+            document.querySelectorAll( '.column-widthp' ).forEach( ( widthp ) => {
+                params.append( 'width[' + widthp.dataset.column + ']', widthp.value );
+            } );
+            fetch( ajaxurl, {
+                method:      'POST',
+                cache:       'no-cache',
+                credentials: 'same-origin',
+                body:        params
+            } )
+            .then( ( response ) => response.json() )
+            .then( ( data ) => {} );
+        }, 1000 );
+    }
+
 <?php if ( ! $this->_use_multiselect_js() ) { ?>
     document.addEventListener('DOMContentLoaded', function() {
-        var get_filter = JSON.parse( '<?php echo json_encode( $this->get_params ); ?>' );
+        let get_filter = JSON.parse( '<?php echo json_encode( $this->get_params ); ?>' );
         $( '#posts-filter input[name=filter_action]' ).siblings( 'select' ).each( function () {
             first_text = $(this).find(':first' ).text();
-            var multiselect_option = [];
+            let multiselect_option = [];
             $(this).find( 'option' ).each( function () {
                 multiselect_option.push( {value: $(this).attr( 'value' ), text: $(this).text(), checked: $(this).prop( 'selected' )} );

posts-filter-multiselect/trunk/readme.txt

@@ -4 +4 @@
 Tags: posts
 Requires at least: 4.1.0
-Tested up to: 6.6.0
-Stable Tag: 2.2.1
+Tested up to: 6.7.1
+Stable tag: 2.3.0
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
@@ -64 +64 @@
 
 == Changelog ==
+
+= 2.3.0 =
+* Column widths can now be adjusted.
+
+= 2.2.2 =
+* Fix - Several warning errors were resolved.
 
 = 2.2.1 =