WordPress.org
Get WordPress

Plugin Directory

Changeset 2756713


Ignore:
Timestamp:
07/15/2022 06:21:55 AM (4 years ago)
Author:
madebycinza
Message:

cinza grid v1.0.4

Location:
cinza-grid
Files:
22 added
3 edited

Legend:

Unmodified
Added
Removed

  • cinza-grid/trunk/cinza-grid.php

    r2756655 r2756713  
    55 * Plugin URI:        https://cinza.io/plugin/grid
    66 * Description:       A minimal grid plugin.
    7  * Version:           1.0.3
     7 * Version:           1.0.4
    88 * Requires at least: 5.2
    99 * Requires PHP:      7.2

  • cinza-grid/trunk/includes/backend-shortcodes.php

    r2756655 r2756713  
    4545   
    4646    if ($aux_orderby_meta && $aux_taxonomy) {
    47         echo('Scenario 1');
     47        //echo('Scenario 1');
    4848        $args = array(
    4949            'post_type' => esc_attr($cgrid_options['cgrid_posttype']),
    … …  
    6262        );
    6363    } else if (!$aux_orderby_meta && $aux_taxonomy) {
    64         echo('Scenario 2');
     64        //echo('Scenario 2');
    6565        $args = array(
    6666            'post_type' => esc_attr($cgrid_options['cgrid_posttype']),
    … …  
    7878        );
    7979    } else if ($aux_orderby_meta && !$aux_taxonomy) {
    80         echo('Scenario 3');
     80        //echo('Scenario 3');
    8181        $args = array(
    8282            'post_type' => esc_attr($cgrid_options['cgrid_posttype']),
    … …  
    8888        );
    8989    } else {
    90         echo('Scenario 4');
     90        //echo('Scenario 4');
    9191        $args = array(
    9292            'post_type' => esc_attr($cgrid_options['cgrid_posttype']),
    … …  
    149149    }
    150150   
    151     ?><script>
     151    $script = "<script>
    152152    jQuery(document).ready(function($) {
    153         var $grid = $('<?php echo "#cinza-grid-".$grid_id.""; ?>').isotope({
     153       
     154        var grid = $('#cinza-grid-".$grid_id."').isotope({
    154155            itemSelector: '.cinza-grid-item',
    155156            layoutMode: 'fitRows',
    156             getSortData: {<?php echo $sorts_data; ?>}
     157            getSortData: {".$sorts_data."}
    157158        });
    158159       
    159         <?php if(!empty($sorts)) { ?>
     160        if( '".$sorts."' != '' ) {
    160161            // bind sort button click
    161             $('<?php echo "#cinza-grid-".$grid_id."-sorts"; ?>').on( 'click', 'button', function() {
     162            $('#cinza-grid-".$grid_id."-sorts').on( 'click', 'button', function() {
    162163                var sortByValue = $(this).attr('data-sort-by');
    163                 $grid.isotope({ sortBy: sortByValue });
     164                grid.isotope({ sortBy: sortByValue });
    164165            });
    165166           
    166167            // change is-checked class on buttons
    167             $('<?php echo "#cinza-grid-".$grid_id."-sorts"; ?>').each( function( i, buttonGroup ) {
    168                 var $buttonGroup = $( buttonGroup );
    169                 $buttonGroup.on( 'click', 'button', function() {
    170                 $buttonGroup.find('.is-checked').removeClass('is-checked');
     168            $('#cinza-grid-".$grid_id."-sorts').each( function( i, buttonGroup ) {
     169                var buttonGroup = $( buttonGroup );
     170                buttonGroup.on( 'click', 'button', function() {
     171                buttonGroup.find('.is-checked').removeClass('is-checked');
    171172                $( this ).addClass('is-checked');
    172173                });
    173174            });             
    174         <?php } ?>
     175        }
    175176       
    176         <?php if(!empty($filters)) { ?>
     177        if( '".$filters."' != '' ) {
    177178            // store filter for each group
    178179            var filters = {};
    179180           
    180             $('<?php echo "#cinza-grid-".$grid_id."-filters"; ?>').on( 'click', '.button', function( event ) {
    181                 var $button = $( event.currentTarget );
     181            $('#cinza-grid-".$grid_id."-filters').on( 'click', '.button', function( event ) {
     182                var button = $( event.currentTarget );
    182183               
    183184                // get group key
    184                 var $buttonGroup = $button.parents('.cinza-grid-button-group');
    185                 var filterGroup = $buttonGroup.attr('data-filter-group');
     185                var buttonGroup = button.parents('.cinza-grid-button-group');
     186                var filterGroup = buttonGroup.attr('data-filter-group');
    186187               
    187188                // set filter for group
    188                 filters[ filterGroup ] = $button.attr('data-filter');
     189                filters[ filterGroup ] = button.attr('data-filter');
    189190               
    190191                // combine filters
    … …  
    192193               
    193194                // set filter for Isotope
    194                 $grid.isotope({ filter: filterValue });
     195                grid.isotope({ filter: filterValue });
    195196            });
    196197           
    197198            // change is-checked class on buttons
    198199            $('.cinza-grid-button-group').each( function( i, buttonGroup ) {
    199                 var $buttonGroup = $( buttonGroup );
    200                 $buttonGroup.on( 'click', 'button', function( event ) {
    201                     $buttonGroup.find('.is-checked').removeClass('is-checked');
    202                     var $button = $( event.currentTarget );
    203                     $button.addClass('is-checked');
     200                var buttonGroup = $( buttonGroup );
     201                buttonGroup.on( 'click', 'button', function( event ) {
     202                    buttonGroup.find('.is-checked').removeClass('is-checked');
     203                    var button = $( event.currentTarget );
     204                    button.addClass('is-checked');
    204205                });
    205206            });
    … …  
    211212                return value;
    212213            }
    213         <?php } ?>     
     214        }       
    214215    });
    215     </script><?php
     216    </script>";
    216217
    217218    // Grid items
    … …  
    276277            }
    277278           
    278             $filter_classes .= " ".str_replace(' ', '-', filter_meta_replace($post, $filters_temp));
     279            $filter_classes .= filter_meta_replace($post, $filters_temp);
    279280           
    280281            // Replace taxonomy meta (without link and without separator)
    … …  
    315316            }
    316317           
    317             $filter_classes .= " ".str_replace(' ', '-', filter_tax_replace($post, $filters_temp));
     318            $filter_classes .= filter_tax_replace($post, $filters_temp);
    318319           
    319320            // Replace taxonomy meta (without link and with separator)
    … …  
    413414   
    414415    // Style
    415     $style = "<style>";
     416    $style = "<style>
     417        ";
    416418   
    417         // Breakpoint 1 -----
    418         $style .= "@media (max-width: ". esc_attr($cgrid_options['cgrid_breakpoint_2']-1) ."px) {
     419        $style .= "/* ----- Breakpoint 1 ----- */
     420        @media only screen and (max-width: ". esc_attr($cgrid_options['cgrid_breakpoint_2']-1) ."px) {
    419421            .cinza-grid {
    420422                width: calc(100% + ". esc_attr($cgrid_options['cgrid_spacing_2']) ."px);
    … …  
    422424            }
    423425            .cinza-grid-item {
    424                 width: calc(100% / ". esc_attr($cgrid_options['cgrid_columns_1']) ." - ". esc_attr($cgrid_options['cgrid_spacing_1']) ."px);
     426                width: calc(100% / ". esc_attr($cgrid_options['cgrid_columns_1']) ." - ". esc_attr($cgrid_options['cgrid_spacing_1']) ."px - 1px); /* -1px to be safe */
    425427                min-height: ". esc_attr($cgrid_options['cgrid_height_1']) ."px;
    426428                margin: calc(". esc_attr($cgrid_options['cgrid_spacing_1']) ."px / 2);
    … …  
    429431            if (esc_attr($cgrid_options['cgrid_columns_1']) == 1) {
    430432                $style .= "
    431                     .cinza-grid {width: 100%; margin: 0px;}
    432                     .cinza-grid-item {width: 100%; margin: 0px 0px ". esc_attr($cgrid_options['cgrid_spacing_1']) ."px 0px;}
    433                     .cinza-grid-item:last-child {margin-bottom: 0px;}
    434                 ";         
     433                .cinza-grid {width: 100%; margin: 0px;}
     434                .cinza-grid-item {width: 100%; margin: 0px 0px ". esc_attr($cgrid_options['cgrid_spacing_1']) ."px 0px;}
     435                .cinza-grid-item:last-child {margin-bottom: 0px;}";         
    435436            }
    436         $style .= "}";
    437 
    438         // Breakpoint 2 -----
    439         $style .= "@media (min-width: ". esc_attr($cgrid_options['cgrid_breakpoint_2']) ."px) and (max-width: ". esc_attr($cgrid_options['cgrid_breakpoint_3']-1) ."px) {
     437        $style .= "
     438        }
     439        ";
     440
     441        $style .= "/* ----- Breakpoint 2 ----- */
     442        @media only screen and (min-width: ". esc_attr($cgrid_options['cgrid_breakpoint_2']) ."px) and (max-width: ". esc_attr($cgrid_options['cgrid_breakpoint_3']-1) ."px) {
    440443            .cinza-grid {
    441444                width: calc(100% + ". esc_attr($cgrid_options['cgrid_spacing_2']) ."px);
    … …  
    443446            }
    444447            .cinza-grid-item {
    445                 width: calc(100% / ". esc_attr($cgrid_options['cgrid_columns_2']) ." - ". esc_attr($cgrid_options['cgrid_spacing_2']) ."px);
     448                width: calc(100% / ". esc_attr($cgrid_options['cgrid_columns_2']) ." - ". esc_attr($cgrid_options['cgrid_spacing_2']) ."px - 1px); /* -1px to be safe */
    446449                min-height: ". esc_attr($cgrid_options['cgrid_height_2']) ."px;
    447450                margin: calc(". esc_attr($cgrid_options['cgrid_spacing_2']) ."px / 2);
    … …  
    450453            if (esc_attr($cgrid_options['cgrid_columns_2']) == 1) {
    451454                $style .= "
    452                     .cinza-grid {width: 100%; margin: 0px;}
    453                     .cinza-grid-item {width: 100%; margin: 0px 0px ". esc_attr($cgrid_options['cgrid_spacing_2']) ."px 0px;}
    454                     .cinza-grid-item:last-child {margin-bottom: 0px;}
    455                 ";         
     455                .cinza-grid {width: 100%; margin: 0px;}
     456                .cinza-grid-item {width: 100%; margin: 0px 0px ". esc_attr($cgrid_options['cgrid_spacing_2']) ."px 0px;}
     457                .cinza-grid-item:last-child {margin-bottom: 0px;}";         
    456458            }
    457         $style .= "}";
     459        $style .= "
     460        }
     461        ";
    458462       
    459         // Breakpoint 3 -----
    460         $style .= "@media (min-width: ". esc_attr($cgrid_options['cgrid_breakpoint_3']) ."px) and (max-width: ". esc_attr($cgrid_options['cgrid_breakpoint_4']-1) ."px) {
     463        $style .= "/* ----- Breakpoint 3 ----- */
     464        @media only screen and (min-width: ". esc_attr($cgrid_options['cgrid_breakpoint_3']) ."px) and (max-width: ". esc_attr($cgrid_options['cgrid_breakpoint_4']-1) ."px) {
    461465            .cinza-grid {
    462466                width: calc(100% + ". esc_attr($cgrid_options['cgrid_spacing_3']) ."px);
    … …  
    464468            }
    465469            .cinza-grid-item {
    466                 width: calc(100% / ". esc_attr($cgrid_options['cgrid_columns_3']) ." - ". esc_attr($cgrid_options['cgrid_spacing_3']) ."px);
     470                width: calc(100% / ". esc_attr($cgrid_options['cgrid_columns_3']) ." - ". esc_attr($cgrid_options['cgrid_spacing_3']) ."px - 1px); /* -1px to be safe */
    467471                min-height: ". esc_attr($cgrid_options['cgrid_height_3']) ."px;
    468472                margin: calc(". esc_attr($cgrid_options['cgrid_spacing_3']) ."px / 2);
    … …  
    471475            if (esc_attr($cgrid_options['cgrid_columns_3']) == 1) {
    472476                $style .= "
    473                     .cinza-grid {width: 100%; margin: 0px;}
    474                     .cinza-grid-item {width: 100%; margin: 0px 0px ". esc_attr($cgrid_options['cgrid_spacing_3']) ."px 0px;}
    475                     .cinza-grid-item:last-child {margin-bottom: 0px;}
    476                 ";         
     477                .cinza-grid {width: 100%; margin: 0px;}
     478                .cinza-grid-item {width: 100%; margin: 0px 0px ". esc_attr($cgrid_options['cgrid_spacing_3']) ."px 0px;}
     479                .cinza-grid-item:last-child {margin-bottom: 0px;}";         
    477480            }
    478         $style .= "}";
     481        $style .= "
     482        }
     483        ";
    479484       
    480         // Breakpoint 4 -----
    481         $style .= "@media (min-width: ". esc_attr($cgrid_options['cgrid_breakpoint_4']) ."px) and (max-width: ". esc_attr($cgrid_options['cgrid_breakpoint_5']-1) ."px) {
     485        $style .= "/* ----- Breakpoint 4 ----- */
     486        @media only screen and (min-width: ". esc_attr($cgrid_options['cgrid_breakpoint_4']) ."px) and (max-width: ". esc_attr($cgrid_options['cgrid_breakpoint_5']-1) ."px) {
    482487            .cinza-grid {
    483488                width: calc(100% + ". esc_attr($cgrid_options['cgrid_spacing_4']) ."px);
    … …  
    485490            }
    486491            .cinza-grid-item {
    487                 width: calc(100% / ". esc_attr($cgrid_options['cgrid_columns_4']) ." - ". esc_attr($cgrid_options['cgrid_spacing_4']) ."px);
     492                width: calc(100% / ". esc_attr($cgrid_options['cgrid_columns_4']) ." - ". esc_attr($cgrid_options['cgrid_spacing_4']) ."px - 1px); /* -1px to be safe */
    488493                min-height: ". esc_attr($cgrid_options['cgrid_height_4']) ."px;
    489494                margin: calc(". esc_attr($cgrid_options['cgrid_spacing_4']) ."px / 2);
    … …  
    492497            if (esc_attr($cgrid_options['cgrid_columns_4']) == 1) {
    493498                $style .= "
    494                     .cinza-grid {width: 100%; margin: 0px;}
    495                     .cinza-grid-item {width: 100%; margin: 0px 0px ". esc_attr($cgrid_options['cgrid_spacing_4']) ."px 0px;}
    496                     .cinza-grid-item:last-child {margin-bottom: 0px;}
    497                 ";         
     499                .cinza-grid {width: 100%; margin: 0px;}
     500                .cinza-grid-item {width: 100%; margin: 0px 0px ". esc_attr($cgrid_options['cgrid_spacing_4']) ."px 0px;}
     501                .cinza-grid-item:last-child {margin-bottom: 0px;}";         
    498502            }
    499         $style .= "}";
     503        $style .= "
     504        }
     505        ";
    500506       
    501         // Breakpoint 5 -----
    502         $style .= "@media (min-width: ". esc_attr($cgrid_options['cgrid_breakpoint_5']) ."px) {
     507        $style .= "/* ----- Breakpoint 5 ----- */
     508        @media only screen and (min-width: ". esc_attr($cgrid_options['cgrid_breakpoint_5']) ."px) {
    503509            .cinza-grid {
    504510                width: calc(100% + ". esc_attr($cgrid_options['cgrid_spacing_5']) ."px);
    … …  
    506512            }
    507513            .cinza-grid-item {
    508                 width: calc(100% / ". esc_attr($cgrid_options['cgrid_columns_5']) ." - ". esc_attr($cgrid_options['cgrid_spacing_5']) ."px);
     514                width: calc(100% / ". esc_attr($cgrid_options['cgrid_columns_5']) ." - ". esc_attr($cgrid_options['cgrid_spacing_5']) ."px - 1px); /* -1px to be safe */
    509515                min-height: ". esc_attr($cgrid_options['cgrid_height_5']) ."px;
    510516                margin: calc(". esc_attr($cgrid_options['cgrid_spacing_5']) ."px / 2);
    … …  
    513519            if (esc_attr($cgrid_options['cgrid_columns_5']) == 1) {
    514520                $style .= "
    515                     .cinza-grid {width: 100%; margin: 0px;}
    516                     .cinza-grid-item {width: 100%; margin: 0px 0px ". esc_attr($cgrid_options['cgrid_spacing_5']) ."px 0px;}
    517                     .cinza-grid-item:last-child {margin-bottom: 0px;}
    518                 ";         
     521                .cinza-grid {width: 100%; margin: 0px;}
     522                .cinza-grid-item {width: 100%; margin: 0px 0px ". esc_attr($cgrid_options['cgrid_spacing_5']) ."px 0px;}
     523                .cinza-grid-item:last-child {margin-bottom: 0px;}";         
    519524            }
    520         $style .= "}";
     525        $style .= "
     526        }
     527        ";
    521528       
    522529    $style .= "</style>";
    523530   
    524     return $debug . $sorts . $filters . $grid . $style;
     531    return $debug . $sorts . $filters . $grid . $style . $script;
    525532}
    526533
    … …  
    533540        $meta_code_args = substr($filters_temp, $meta_open_paranthesis+2, $meta_close_paranthesis-$meta_open_paranthesis-3);
    534541        $meta_formatted = get_post_meta( $post->ID, $meta_code_args, true );
    535         return strtolower($meta_formatted);
     542        return " ".str_replace(' ', '-', strtolower($meta_formatted));
    536543    }   
    537544}
    … …  
    548555            $terms_array = array();             
    549556            foreach ( $term_list as $term ) {
    550                 $terms_array[] = esc_attr( $term->name );
    551             }
    552             $terms_string = join( ' ', $terms_array );
    553             $tax_formatted = $terms_string;
    554             return strtolower($tax_formatted);
     557                $terms_array[] = str_replace(' ', '-', esc_attr($term->name) );
     558            }
     559            $tax_formatted = join( ' ', $terms_array );
     560            return " ".strtolower($tax_formatted);
    555561        }
    556562    }

  • cinza-grid/trunk/readme.txt

    r2756655 r2756713  
    55Tested up to: 6.0
    66Requires PHP: 7.2
    7 Stable tag: 1.0.3
     7Stable tag: 1.0.4
    88License: GPLv2 or later
    99License URI: https://www.gnu.org/licenses/gpl-2.0.html
    … …  
    2222
    2323== Changelog ==
     24
     25= 1.0.4 =
     26*Release Date - 15th July, 2022*
     27
     28- Fixed dynamic frontend style
     29- Fixed JavaScript console errors
     30- Fixed filter tags for grid items
     31- Fixed filter_meta_replace and filter_tax_replace
     32- Removed duplicated Metafizzy script
     33- Removed skin debug strings for WP Queries
     34
    2435= 1.0.3 =
    2536*Release Date - 14th July, 2022*
Note: See TracChangeset for help on using the changeset viewer.