WordPress.org
Get WordPress

Plugin Directory

Changeset 3207764


Ignore:
Timestamp:
12/13/2024 05:51:31 PM (16 months ago)
Author:
plugins360
Message:

Commit Version 2.5.5

Location:
automatic-youtube-gallery/trunk
Files:
224 added
1 deleted
19 edited

Legend:

Unmodified
Added
Removed

  • automatic-youtube-gallery/trunk/README.txt

    r3205421 r3207764  
    77Tested up to: 6.7
    88Requires PHP: 5.6.20
    9 Stable tag: 2.5.2
     9Stable tag: 2.5.5
    1010License: GPLv2 or later
    1111License URI: http://www.gnu.org/licenses/gpl-2.0.html
    … …  
    4141* Gutenberg Block support.
    4242* Shortcode Builder for the old classic editor and other third-party page builders.
    43 * Sidebar Widget
     43* Sidebar Widget (Compatible with Elementor Page Builder).
    4444* Built-in caching for quick page loads.
    4545* Most importantly, a Clear & Beautiful Admin Interface.
    … …  
    9696= 3. Does the plugin support third-party page builders like "Elementor", "WPBakery", "Divi", etc.? =
    9797
    98 Yes. Simply, generate your shortcode using the plugin's "Shortcode Builder" and add it to your favourite page builder.
     98Yes, the plugin is fully compatible with popular page builders like Elementor, WPBakery, Divi, and more.
     99
     100* For **Elementor**, the plugin provides a dedicated WordPress widget. You can find it under the "WordPress" tab in the Elementor editor. Simply drag and drop the widget into your design to embed your video gallery seamlessly.
     101* Alternatively, for **Elementor** and other page builders, you can use the plugin's **Shortcode Builder** to generate a shortcode. Once created, you can add the shortcode to any section or module of your favorite page builder.
     102
     103This flexibility ensures you can integrate your video gallery effortlessly, regardless of your preferred page builder.
    99104
    100105= 4. Is the plugin compatible with WordPress Multisite? =
    … …  
    117122== Changelog ==
    118123
     124= 2.5.5 =
     125
     126* Tweak: Updated the "Freemius SDK" to version 2.10.1.
     127* Fix: Compatibility issues with the Elementor page builder.
     128
    119129= 2.5.2 =
    120130
    … …  
    263273== Upgrade Notice ==
    264274
    265 = 2.5.2 =
    266 
    267 Introduces several new features, bug fixes & enhancements. [See changelog](https://wordpress.org/plugins/automatic-youtube-gallery/#developers)
     275= 2.5.5 =
     276
     277Resolves compatibility issues with the Elementor page builder. [See changelog](https://wordpress.org/plugins/automatic-youtube-gallery/#developers)

  • automatic-youtube-gallery/trunk/admin/admin.php

    r3205421 r3207764  
    7373
    7474        wp_enqueue_style(
     75            AYG_SLUG . '-magnific-popup',
     76            AYG_URL . 'vendor/magnific-popup/magnific-popup.css',
     77            array(),
     78            '1.2.0',
     79            'all'
     80        );
     81
     82        wp_enqueue_style(
    7583            AYG_SLUG . '-admin',
    7684            AYG_URL . 'admin/assets/css/admin.min.css',
    … …  
    8997        wp_enqueue_media();
    9098        wp_enqueue_script( 'wp-color-picker' );
     99
     100        wp_enqueue_script(
     101            AYG_SLUG . '-magnific-popup',
     102            AYG_URL . 'vendor/magnific-popup/magnific-popup.min.js',
     103            array( 'jquery' ),
     104            '1.2.0',
     105            array( 'strategy' => 'defer' ) 
     106        );
    91107
    92108        wp_enqueue_script(

  • automatic-youtube-gallery/trunk/admin/assets/css/admin.css

    r3205421 r3207764  
    3737
    3838#ayg-table-api-key .ayg-ajax-status span {
    39     margin: 0 7px;
     39    margin: 0 0.5em;
    4040}
    4141
    4242#ayg-shortcode-builder {
    43     display: -webkit-flex; /* Safari */
    44     -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    45     display: flex;
    46     flex-wrap: wrap;
    47     margin: 0 -15px;
    48 }
    49 
    50 #ayg-shortcode-builder .ayg-left-col,
    51 #ayg-shortcode-builder .ayg-right-col {
    52     width: 100%;
    53 }
    54 
    55 #ayg-shortcode-builder .ayg-col-content {
    56     padding: 15px;
     43    display: grid;
     44    gap: 2em;
     45}
     46
     47#ayg-shortcode-builder .ayg-left-col .ayg-col-content {
     48    margin-top: 2em;
    5749}
    5850
    5951@media only screen and (min-width: 768px) {
    60     #ayg-shortcode-builder .ayg-left-col {
    61         width: 60%;
    62     }
    63 
    64     #ayg-shortcode-builder .ayg-right-col {
    65         width: 40%;
     52    #ayg-shortcode-builder {
     53        grid-template-columns: 3fr 2fr;
    6654    }
    6755}
    … …  
    7765
    7866#ayg-table-delete-cache .ayg-text-success {
    79     line-height: 28px;
    80     margin: 0 7px;
     67    line-height: 30px;
     68    margin: 0 0.5em;
    8169}
    8270
    … …  
    10088 *--------------------------------------------------------------------------------------------*/
    10189.ayg-modal {
    102     position: fixed;   
    103     width: 100%;
    104     height: 100%;
    105     margin: 0;
    106     padding: 0;
    107     top: 0;   
    108     left: 0;
    109     z-index: 9999;   
    110 }
    111 
    112 .ayg-modal-bg {
    113     width: 100%;
    114     height: 100%;
    115     background-color: #000;
    116     opacity: 0.9;
    117 }
    118 
    119 .ayg-modal-content {
    120     position: absolute;   
    121     width: 100%;
    122     height: 100%;
    123     margin: 0;
    124     padding: 0;
    125     top: 0;   
    126     left: 0;   
    127     overflow-y: auto;
    128     z-index: 1;
    129 }
    130 
    131 .ayg-modal-body {
    132     position: relative;   
    133     width: 90%;
    134     max-width: 540px;
    135     margin: 50px auto;
    136     padding: 15px;
    137     background-color: #fff;
    138 }
    139 
    140 .ayg-modal-body .ayg-modal-close {   
    141     position: absolute;
    142     width: 25px;
    143     height: 25px;   
    144     top: 15px;
    145     right: 15px;
    146     color: #999;
    147     font-size: 25px;
    148     text-align: center;
    149     cursor: pointer;
    150 }
    151 
    152 .ayg-modal-body .ayg-modal-title {
    153     margin: 0 25px 15px 0;
     90    position: relative;     
     91    margin: 2em auto;
     92    border-radius: 2px;
     93    background-color: #fff;
     94    padding: 1em; 
     95    width: auto;
     96    max-width: 640px;
     97}
     98
     99.mfp-fade.mfp-bg {
     100    -webkit-transition: all 0.15s ease-out;
     101       -moz-transition: all 0.15s ease-out;
     102            transition: all 0.15s ease-out;
     103    opacity: 0;
     104}
     105
     106.mfp-fade.mfp-bg.mfp-ready {
     107    opacity: 0.8;
     108}
     109
     110.mfp-fade.mfp-bg.mfp-removing {
     111    opacity: 0;
     112}
     113
     114.mfp-fade.mfp-wrap .mfp-content {
     115    -webkit-transition: all 0.15s ease-out;
     116    -moz-transition: all 0.15s ease-out;
     117            transition: all 0.15s ease-out;
     118    opacity: 0;
     119}
     120
     121.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
     122    opacity: 1;
     123}
     124
     125.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
     126    opacity: 0;
    154127}
    155128
    … …  
    159132 *
    160133 *--------------------------------------------------------------------------------------------*/
     134.ayg-editor {
     135    display: flex;
     136    flex-direction: column;
     137    gap: 2px;
     138}
     139
    161140.ayg-editor .widefat {
    162141    max-width: 100%;
    163142}
    164143
    165 .ayg-editor-section-header {   
    166     margin: 5px 0 0 0;
    167     padding: 10px;
     144.ayg-editor .ayg-editor-section-header {
     145    display: flex;
     146    align-items: center;
     147    gap: 0.5em;
     148    padding: 0.5em;
    168149    background: #e5e5e5;   
    169150    border: 1px solid #ccc;
    … …  
    171152}
    172153
    173 .ayg-editor-section-header:hover { 
     154.ayg-editor .ayg-editor-section-header:hover { 
    174155    background: #f9f9f9;
    175156}
    176157
    177 .ayg-editor-section-header .dashicons-before {
     158.ayg-editor .ayg-editor-section-header .dashicons-before {
    178159    color: #006799;
    179160}
    180161
    181 .ayg-editor-section-header .dashicons-plus {
    182     display: inline-block;
    183 }
    184 
    185 .ayg-editor-section-header .dashicons-minus {
    186     display: none;
    187 }
    188 
    189 .ayg-active .ayg-editor-section-header .dashicons-plus {
    190     display: none;
    191 }
    192 
    193 .ayg-active .ayg-editor-section-header .dashicons-minus {
    194     display: inline-block;
    195 }
    196 
    197 .ayg-editor-controls {
    198     margin: -1px 0 0 0;
    199     padding: 12px 12px 0 12px;
     162.ayg-editor .ayg-editor-section-header .dashicons-plus {
     163    display: flex;
     164}
     165
     166.ayg-editor .ayg-editor-section-header .dashicons-minus {
     167    display: none;
     168}
     169
     170.ayg-editor .ayg-active .ayg-editor-section-header .dashicons-plus {
     171    display: none;
     172}
     173
     174.ayg-editor .ayg-active .ayg-editor-section-header .dashicons-minus {
     175    display: flex;
     176}
     177
     178.ayg-editor .ayg-editor-controls {
     179    display: flex;
     180    flex-direction: column;
     181    gap: 1em;
     182    margin-top: -1px;
     183    padding: 1em;
    200184    background: #fff;
    201185    border: 1px solid #ccc;
    … …  
    203187
    204188.ayg-editor-control {
    205     margin-bottom: 15px;
    206 }
    207 
    208 .ayg-editor-control label {
    209     display: block;
    210     margin-bottom: 5px;
    211     font-weight: 600;
    212 }
    213 
    214 .ayg-editor-control .wp-picker-input-wrap label {
     189    display: flex;
     190    flex-direction: column;
     191    gap: 0.25em;
     192}
     193
     194.ayg-editor .ayg-editor-controls .ayg-editor-control label {
     195    display: flex;
     196    align-items: center;
     197    gap: 0.5em;
     198    line-height: 1.5;
     199    font-weight: 500;
     200}
     201
     202.ayg-editor .ayg-editor-controls .ayg-editor-control label input[type="checkbox"] {
     203    margin: 0;
     204}
     205
     206.ayg-editor .ayg-editor-controls .ayg-editor-control .wp-picker-input-wrap label {
    215207    display: inline-block;
    216208}
    217209
    218 .ayg-editor-control .description {
     210.ayg-editor .ayg-editor-controls .ayg-editor-control .wp-picker-input-wrap label input[type="text"] {
     211    padding-top: 0;
     212    padding-bottom: 0;
     213}
     214
     215.ayg-editor .ayg-editor-controls .ayg-editor-control .description {
     216    margin: 0;
     217    line-height: 1.5;
     218    word-break: break-word;
    219219    font-size: 90%;
    220 }
    221 
    222 .ayg-editor-control-playlist,
    223 .ayg-editor-control-channel,
    224 .ayg-editor-control-username,
    225 .ayg-editor-control-search,
    226 .ayg-editor-control-video,
    227 .ayg-editor-control-videos,
    228 .ayg-editor-control-order,
    229 .ayg-editor-control-limit {
     220    font-weight: normal;
     221}
     222
     223.ayg-editor .ayg-editor-control-playlist,
     224.ayg-editor .ayg-editor-control-channel,
     225.ayg-editor .ayg-editor-control-username,
     226.ayg-editor .ayg-editor-control-search,
     227.ayg-editor .ayg-editor-control-video,
     228.ayg-editor .ayg-editor-control-videos,
     229.ayg-editor .ayg-editor-control-order,
     230.ayg-editor .ayg-editor-control-limit {
    230231    display: none;
    231232}
    … …  
    241242
    242243.ayg-editor-field-type-playlist .ayg-editor-control-playlist {
    243     display: block;
     244    display: flex;
    244245}
    245246
    246247.ayg-editor-field-type-channel .ayg-editor-control-channel,
    247248.ayg-editor-field-type-livestream .ayg-editor-control-channel {
    248     display: block;
     249    display: flex;
    249250}
    250251
    251252.ayg-editor-field-type-username .ayg-editor-control-username {
    252     display: block;
     253    display: flex;
    253254}
    254255
    … …  
    256257.ayg-editor-field-type-search .ayg-editor-control-order,
    257258.ayg-editor-field-type-search .ayg-editor-control-limit {
    258     display: block;
     259    display: flex;
    259260}
    260261
    261262.ayg-editor-field-type-video .ayg-editor-control-video {
    262     display: block;
     263    display: flex;
    263264}
    264265
    … …  
    281282
    282283.ayg-editor-field-type-videos .ayg-editor-control-videos {
    283     display: block;
     284    display: flex;
    284285}
    285286
    … …  
    295296.automatic-youtube-gallery-block-panel .components-panel__row .components-base-control label {
    296297    text-transform: capitalize;
    297     font-size: 13px;
     298    font-size: 1.05em;
    298299    font-weight: normal;   
    299300}
    … …  
    344345 *
    345346 *--------------------------------------------------------------------------------------------*/
    346 .widget .ayg-editor {
    347     margin: 10px 0;
    348 }
    349 
    350 .widget .ayg-editor .ayg-editor-control {
    351     margin-bottom: 12px;
    352 }
    353 
    354 .widget .ayg-editor .ayg-editor-control label {
    355     display: block;
    356     margin-bottom: 0;
    357     font-weight: 600;
    358 }
    359 
    360 .widget .ayg-editor .ayg-editor-control .wp-picker-input-wrap label {
    361     display: inline-block; 
    362 }
    363 
    364 .widget .ayg-editor .ayg-editor-control .description {
    365     margin: 0;
    366     word-break: break-word;
    367 }
     347.widget-inside .ayg-editor {
     348    margin-top: 1em;
     349}
     350
     351/*----------------------------------------------------------------------------------------------
     352 *
     353 *  Elementor
     354 *
     355 *--------------------------------------------------------------------------------------------*/
     356#elementor-controls .ayg-editor-section-header {
     357    padding: 0.35em 0.5em;
     358}

  • automatic-youtube-gallery/trunk/admin/assets/css/admin.min.css

    r3205421 r3207764  
    1 .ayg-modal,.ayg-modal-content{height:100%;margin:0;padding:0;top:0;left:0;width:100%}.ayg-text-center{text-align:center}.ayg-text-error{color:#ec4338}.ayg-text-success{color:green}.ayg-ajax-status .spinner{float:none;visibility:visible}#ayg-dashboard h1{font-size:2em;font-weight:500}#ayg-dashboard .wp-badge{margin-bottom:0;background:url('../images/logo.png') top no-repeat #ec4338}#ayg-table-api-key .ayg-ajax-status span{margin:0 7px}#ayg-shortcode-builder{display:-webkit-flex;-webkit-flex-wrap:wrap;display:flex;flex-wrap:wrap;margin:0 -15px}#ayg-shortcode-builder .ayg-left-col,#ayg-shortcode-builder .ayg-right-col,.automatic-youtube-gallery-block-panel .components-panel__row .components-base-control{width:100%}#ayg-shortcode-builder .ayg-col-content{padding:15px}@media only screen and (min-width:768px){#ayg-shortcode-builder .ayg-left-col{width:60%}#ayg-shortcode-builder .ayg-right-col{width:40%}}#ayg-table-delete-cache{margin-top:0}#ayg-table-delete-cache .ayg-text-success{line-height:28px;margin:0 7px}#ayg-settings.pagination_type-more tr.next_button_label,#ayg-settings.pagination_type-more tr.previous_button_label,#ayg-settings.pagination_type-pager tr.more_button_label,#ayg-settings.player_type-youtube tr.player_color,.ayg-active .ayg-editor-section-header .dashicons-plus,.ayg-editor-control-channel,.ayg-editor-control-limit,.ayg-editor-control-order,.ayg-editor-control-playlist,.ayg-editor-control-search,.ayg-editor-control-username,.ayg-editor-control-video,.ayg-editor-control-videos,.ayg-editor-field-pagination_type-more .ayg-editor-control-next_button_label,.ayg-editor-field-pagination_type-more .ayg-editor-control-previous_button_label,.ayg-editor-field-pagination_type-pager .ayg-editor-control-more_button_label,.ayg-editor-field-type-livestream .ayg-editor-control-autoadvance,.ayg-editor-field-type-livestream .ayg-editor-control-cache,.ayg-editor-field-type-livestream .ayg-editor-control-loop,.ayg-editor-field-type-livestream .ayg-editor-control-player_description,.ayg-editor-field-type-livestream .ayg-editor-control-player_title,.ayg-editor-field-type-livestream .ayg-editor-section-gallery,.ayg-editor-field-type-video .ayg-editor-control-autoadvance,.ayg-editor-field-type-video .ayg-editor-section-gallery,.ayg-editor-section-header .dashicons-minus,.is-loading .wp-block-automatic-youtube-gallery-block .ayg-error,.wp-block-automatic-youtube-gallery-block .components-placeholder{display:none}.ayg-modal{position:fixed;z-index:9999}.ayg-modal-bg{width:100%;height:100%;background-color:#000;opacity:.9}.ayg-modal-content{position:absolute;overflow-y:auto;z-index:1}.ayg-modal-body{position:relative;width:90%;max-width:540px;margin:50px auto;padding:15px;background-color:#fff}.ayg-modal-body .ayg-modal-close{position:absolute;width:25px;height:25px;top:15px;right:15px;color:#999;font-size:25px;text-align:center;cursor:pointer}.ayg-modal-body .ayg-modal-title{margin:0 25px 15px 0}.ayg-editor .widefat{max-width:100%}.ayg-editor-section-header{margin:5px 0 0;padding:10px;background:#e5e5e5;border:1px solid #ccc;cursor:pointer}.ayg-editor-section-header:hover{background:#f9f9f9}.ayg-editor-section-header .dashicons-before{color:#006799}.ayg-active .ayg-editor-section-header .dashicons-minus,.ayg-editor-control .wp-picker-input-wrap label,.ayg-editor-section-header .dashicons-plus,.widget .ayg-editor .ayg-editor-control .wp-picker-input-wrap label{display:inline-block}.ayg-editor-controls{margin:-1px 0 0;padding:12px 12px 0;background:#fff;border:1px solid #ccc}.ayg-editor-control{margin-bottom:15px}.ayg-editor-control label{display:block;margin-bottom:5px;font-weight:600}.ayg-editor-control .description{font-size:90%}.ayg-editor-field-type-channel .ayg-editor-control-channel,.ayg-editor-field-type-livestream .ayg-editor-control-channel,.ayg-editor-field-type-playlist .ayg-editor-control-playlist,.ayg-editor-field-type-search .ayg-editor-control-limit,.ayg-editor-field-type-search .ayg-editor-control-order,.ayg-editor-field-type-search .ayg-editor-control-search,.ayg-editor-field-type-username .ayg-editor-control-username,.ayg-editor-field-type-video .ayg-editor-control-video,.ayg-editor-field-type-videos .ayg-editor-control-videos{display:block}.automatic-youtube-gallery-block-panel .components-panel__row .components-base-control label{text-transform:capitalize;font-size:13px;font-weight:400}.automatic-youtube-gallery-block-panel .components-panel__row .components-range-control__wrapper{flex:1 1 100%}.automatic-youtube-gallery-block-panel .components-panel__row .block-editor-panel-color-gradient-settings{padding-left:0;padding-right:0;width:100%}.is-loading .wp-block-automatic-youtube-gallery-block{opacity:.5}.is-loading .wp-block-automatic-youtube-gallery-block .ayg{margin-top:1em}.automatic-youtube-gallery-block-spinner{display:flex;gap:.5em;align-items:center;margin:0;padding:0;line-height:1}.automatic-youtube-gallery-block-spinner svg{margin:0;padding:0}.widget .ayg-editor{margin:10px 0}.widget .ayg-editor .ayg-editor-control{margin-bottom:12px}.widget .ayg-editor .ayg-editor-control label{display:block;margin-bottom:0;font-weight:600}.widget .ayg-editor .ayg-editor-control .description{margin:0;word-break:break-word}
     1.ayg-text-center{text-align:center}.ayg-text-error{color:#ec4338}.ayg-text-success{color:green}.ayg-ajax-status .spinner{float:none;visibility:visible}#ayg-dashboard h1{font-size:2em;font-weight:500}#ayg-dashboard .wp-badge{margin-bottom:0;background:url('../images/logo.png') top no-repeat #ec4338}#ayg-table-api-key .ayg-ajax-status span{margin:0 .5em}#ayg-shortcode-builder{display:grid;gap:2em}#ayg-shortcode-builder .ayg-left-col .ayg-col-content{margin-top:2em}@media only screen and (min-width:768px){#ayg-shortcode-builder{grid-template-columns:3fr 2fr}}#ayg-table-delete-cache{margin-top:0}#ayg-table-delete-cache .ayg-text-success{line-height:30px;margin:0 .5em}#ayg-settings.pagination_type-more tr.next_button_label,#ayg-settings.pagination_type-more tr.previous_button_label,#ayg-settings.pagination_type-pager tr.more_button_label,#ayg-settings.player_type-youtube tr.player_color,.ayg-editor .ayg-active .ayg-editor-section-header .dashicons-plus,.ayg-editor .ayg-editor-control-channel,.ayg-editor .ayg-editor-control-limit,.ayg-editor .ayg-editor-control-order,.ayg-editor .ayg-editor-control-playlist,.ayg-editor .ayg-editor-control-search,.ayg-editor .ayg-editor-control-username,.ayg-editor .ayg-editor-control-video,.ayg-editor .ayg-editor-control-videos,.ayg-editor .ayg-editor-section-header .dashicons-minus,.ayg-editor-field-pagination_type-more .ayg-editor-control-next_button_label,.ayg-editor-field-pagination_type-more .ayg-editor-control-previous_button_label,.ayg-editor-field-pagination_type-pager .ayg-editor-control-more_button_label,.ayg-editor-field-type-livestream .ayg-editor-control-autoadvance,.ayg-editor-field-type-livestream .ayg-editor-control-cache,.ayg-editor-field-type-livestream .ayg-editor-control-loop,.ayg-editor-field-type-livestream .ayg-editor-control-player_description,.ayg-editor-field-type-livestream .ayg-editor-control-player_title,.ayg-editor-field-type-livestream .ayg-editor-section-gallery,.ayg-editor-field-type-video .ayg-editor-control-autoadvance,.ayg-editor-field-type-video .ayg-editor-section-gallery,.is-loading .wp-block-automatic-youtube-gallery-block .ayg-error,.wp-block-automatic-youtube-gallery-block .components-placeholder{display:none}.ayg-modal{position:relative;margin:2em auto;border-radius:2px;background-color:#fff;padding:1em;width:auto;max-width:640px}.mfp-fade.mfp-bg,.mfp-fade.mfp-wrap .mfp-content{-webkit-transition:.15s ease-out;-moz-transition:.15s ease-out;transition:.15s ease-out;opacity:0}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-fade.mfp-bg.mfp-removing,.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.ayg-editor{display:flex;flex-direction:column;gap:2px}.ayg-editor .widefat{max-width:100%}.ayg-editor .ayg-editor-section-header{display:flex;align-items:center;gap:.5em;padding:.5em;background:#e5e5e5;border:1px solid #ccc;cursor:pointer}.ayg-editor .ayg-editor-section-header:hover{background:#f9f9f9}.ayg-editor .ayg-editor-section-header .dashicons-before{color:#006799}.ayg-editor .ayg-active .ayg-editor-section-header .dashicons-minus,.ayg-editor .ayg-editor-section-header .dashicons-plus,.ayg-editor-field-type-channel .ayg-editor-control-channel,.ayg-editor-field-type-livestream .ayg-editor-control-channel,.ayg-editor-field-type-playlist .ayg-editor-control-playlist,.ayg-editor-field-type-search .ayg-editor-control-limit,.ayg-editor-field-type-search .ayg-editor-control-order,.ayg-editor-field-type-search .ayg-editor-control-search,.ayg-editor-field-type-username .ayg-editor-control-username,.ayg-editor-field-type-video .ayg-editor-control-video,.ayg-editor-field-type-videos .ayg-editor-control-videos{display:flex}.ayg-editor .ayg-editor-controls{display:flex;flex-direction:column;gap:1em;margin-top:-1px;padding:1em;background:#fff;border:1px solid #ccc}.ayg-editor-control{display:flex;flex-direction:column;gap:.25em}.ayg-editor .ayg-editor-controls .ayg-editor-control label{display:flex;align-items:center;gap:.5em;line-height:1.5;font-weight:500}.ayg-editor .ayg-editor-controls .ayg-editor-control label input[type=checkbox]{margin:0}.ayg-editor .ayg-editor-controls .ayg-editor-control .wp-picker-input-wrap label{display:inline-block}.ayg-editor .ayg-editor-controls .ayg-editor-control .wp-picker-input-wrap label input[type=text]{padding-top:0;padding-bottom:0}.ayg-editor .ayg-editor-controls .ayg-editor-control .description{margin:0;line-height:1.5;word-break:break-word;font-size:90%;font-weight:400}.automatic-youtube-gallery-block-panel .components-panel__row .components-base-control{width:100%}.automatic-youtube-gallery-block-panel .components-panel__row .components-base-control label{text-transform:capitalize;font-size:1.05em;font-weight:400}.automatic-youtube-gallery-block-panel .components-panel__row .components-range-control__wrapper{flex:1 1 100%}.automatic-youtube-gallery-block-panel .components-panel__row .block-editor-panel-color-gradient-settings{padding-left:0;padding-right:0;width:100%}.is-loading .wp-block-automatic-youtube-gallery-block{opacity:.5}.is-loading .wp-block-automatic-youtube-gallery-block .ayg,.widget-inside .ayg-editor{margin-top:1em}.automatic-youtube-gallery-block-spinner{display:flex;gap:.5em;align-items:center;margin:0;padding:0;line-height:1}.automatic-youtube-gallery-block-spinner svg{margin:0;padding:0}#elementor-controls .ayg-editor-section-header{padding:.35em .5em}

  • automatic-youtube-gallery/trunk/admin/assets/js/admin.js

    r3205421 r3207764  
    77     * @since 1.0.0
    88     */
    9      function ayg_render_media_uploader( $elem ) {
     9    function ayg_render_media_uploader( $elem ) {
    1010        var file_frame, attachment;
    1111 
    … …  
    4343
    4444    /**
    45      * Close the popup.
    46      *
    47      * @since 1.0.0
    48      */
    49     function ayg_modal_hide() {     
    50         $( '.ayg-modal' ).hide();
    51         $( 'html' ).removeClass( 'ayg-no-scroll' );
    52     }
    53 
    54     /**
    5545     * Get Youtube playlist ID from Youtube URL.
    5646     *
    … …  
    137127        // Common: Initialize the color picker
    138128        $( '.ayg-color-picker' ).wpColorPicker();
     129
     130        // Common: Init the popup.
     131        if ( $.fn.magnificPopup ) {
     132            $( '.ayg-modal-button' ).magnificPopup({
     133                type: 'inline',
     134                mainClass: 'mfp-fade'
     135            });
     136        }
    139137
    140138        // Dashboard: Save API Key
    … …  
    231229            // Shortcode output     
    232230            $( '#aiovg-shortcode').val( '[automatic_youtube_gallery' + attrs + ']' );
    233 
    234             // Initialize the popup
    235             $( 'html' ).addClass( 'ayg-no-scroll' );
    236             $( '#ayg-shortcode-modal' ).show();
    237         });
    238 
    239         // Dashboard: Close the shortcode builder popup
    240         $( '.ayg-modal-close' ).on( 'click', function( e ) {       
    241             e.preventDefault();
    242             ayg_modal_hide();           
    243         });
    244        
    245         $( '.ayg-modal-content' ).on( 'click', function( e ) {     
    246             if ( $( e.target ).hasClass( 'ayg-modal-content' ) ) {
    247                 ayg_modal_hide();
    248             };         
    249         });
     231        });
    250232
    251233        // Editor: Toggle between field sections

  • automatic-youtube-gallery/trunk/admin/assets/js/admin.min.js

    r3205421 r3207764  
    1 !function(e){"use strict";function t(){e(".ayg-modal").hide(),e("html").removeClass("ayg-no-scroll")}function a(e){var t=e;return void 0!==(e=e.replace(/(>|<)/gi,"").split(/(vi\/|v=|\/v\/|youtu\.be\/|\/embed\/)/))[2]&&(t=(t=e[2].split(/[^0-9a-z_\-]/i))[0]),t}function i(t){t.find(".ayg-color-picker").wpColorPicker({change:_.throttle(function(){e(this).trigger("change")},3e3)})}function n(e,t){i(t)}e(function(){e(".ayg-color-picker").wpColorPicker(),e("#ayg-button-save-api-key").on("click",function(t){t.preventDefault(),e(this).prop("disabled",!0),e(".ayg-ajax-status","#ayg-table-api-key").html('<span class="spinner"></span>');var a={action:"ayg_save_api_key",api_key:e("#ayg-api-key").val(),security:ayg_admin.ajax_nonce};if(!a.api_key)return e(this).prop("disabled",!1),e(".ayg-ajax-status","#ayg-table-api-key").html('<span class="ayg-text-error">'+ayg_admin.i18n.invalid_api_key+"</span>"),!1;e.post(ajaxurl,a,function(e){window.location.reload()})}),e("#ayg-generate-shortcode").on("click",function(t){t.preventDefault();var i={};e(".ayg-editor-control","#ayg-shortcode-builder").each(function(){var t=e(this).find(".ayg-editor-field"),n=t.attr("type"),o=t.attr("name"),s=t.val(),r=t.data("default");if("checkbox"==n&&(s=t.is(":checked")?1:0),"playlist"==o&&(s=(l=s,(c=/[&|\?]list=([a-zA-Z0-9_-]+)/gi.exec(l))&&c.length>0?c[1]:l)),"channel"==o){var l,c,g,d,y,p=(g=s,d="channel",y=g,void 0!==(g=g.replace(/(>|<)/gi,"").split(/(\/channel\/|\/user\/)/))[2]&&(y=(y=g[2].split(/[^0-9a-z_-]/i))[0]),/\/user\//.test(g)&&(d="username"),{type:d,id:y});o=p.type,s=p.id,i.hasOwnProperty("type")&&"channel"==i.type&&(i.type=o)}if("video"==o&&(s=a(s)),"videos"==o){var u=s.split("\n"),h=[];u.map(function(e){h.push(a(e))}),s=h.join(",")}s!=r&&(i[o]=s)});var n="";for(var o in i)i.hasOwnProperty(o)&&(n+=" "+o+'="'+i[o]+'"');e("#aiovg-shortcode").val("[automatic_youtube_gallery"+n+"]"),e("html").addClass("ayg-no-scroll"),e("#ayg-shortcode-modal").show()}),e(".ayg-modal-close").on("click",function(e){e.preventDefault(),t()}),e(".ayg-modal-content").on("click",function(a){e(a.target).hasClass("ayg-modal-content")&&t()}),e(document).on("click",".ayg-editor-section-header",function(t){var a=e(this).parent();a.hasClass("ayg-active")||e(this).closest(".ayg-editor").find(".ayg-editor-section.ayg-active").toggleClass("ayg-active").find(".ayg-editor-controls").slideToggle(),a.toggleClass("ayg-active").find(".ayg-editor-controls").slideToggle()}),e(document).on("change",".ayg-editor-field-type",function(){var t=e(this).closest(".ayg-editor"),a=e(this).val();t.removeClass(function(e,t){var a=t.match(/\ayg-editor-field-type-\S+/ig);return a?a.join(" "):""}),t.addClass("ayg-editor-field-type-"+a)}),e(document).on("change",".ayg-editor-field-theme",function(){var t=e(this).closest(".ayg-editor"),a=e(this).val();t.removeClass(function(e,t){var a=t.match(/\ayg-editor-field-theme-\S+/ig);return a?a.join(" "):""}),t.addClass("ayg-editor-field-theme-"+a)}),e(document).on("change",".ayg-editor-field-pagination_type",function(){var t=e(this).closest(".ayg-editor"),a=e(this).val();t.removeClass(function(e,t){var a=t.match(/\ayg-editor-field-pagination_type-\S+/ig);return a?a.join(" "):""}),t.addClass("ayg-editor-field-pagination_type-"+a)}),e("tr.theme select","#ayg-settings").on("change",function(){var t=e("#ayg-settings"),a=e(this).val();t.removeClass(function(e,t){var a=t.match(/theme-\S+/ig);return a?a.join(" "):""}),t.addClass("theme-"+a)}),e("tr.pagination_type select","#ayg-settings").on("change",function(){var t=e("#ayg-settings"),a=e(this).val();t.removeClass(function(e,t){var a=t.match(/pagination_type-\S+/ig);return a?a.join(" "):""}),t.addClass("pagination_type-"+a)}),e('tr.player_type input[type="radio"]',"#ayg-settings").on("change",function(){var t=e("#ayg-settings"),a=t.find('tr.player_type input[type="radio"]:checked').val();t.removeClass(function(e,t){var a=t.match(/player_type-\S+/ig);return a?a.join(" "):""}),t.addClass("player_type-"+a)}),e(".ayg-settings-browse").on("click",function(t){t.preventDefault(),function t(a){var i,n;if(i){i.open();return}(i=wp.media.frames.file_frame=wp.media({frame:"post",state:"insert",multiple:!1})).on("insert",function(){n=i.state().get("selection").first().toJSON(),!(0>e.trim(n.url.length))&&a.prev(".ayg-settings-url").val(n.url)}),i.open()}(e(this))}),e("#ayg-button-delete-cache").on("click",function(t){t.preventDefault(),e(this).prop("disabled",!0),e(".ayg-ajax-status","#ayg-table-delete-cache").html('<span class="spinner"></span>');var a={action:"ayg_delete_cache",security:ayg_admin.ajax_nonce};e.post(ajaxurl,a,function(t){e(this).prop("disabled",!1),e(".ayg-ajax-status","#ayg-table-delete-cache").html('<span class="ayg-text-success">'+ayg_admin.i18n.cleared+"</span>")})}),e("#widgets-right .widget:has(.ayg-color-picker)").each(function(){i(e(this))}),e(document).on("widget-added widget-updated",n)})}(jQuery);
     1!function(e){"use strict";function t(e){var t=e;return void 0!==(e=e.replace(/(>|<)/gi,"").split(/(vi\/|v=|\/v\/|youtu\.be\/|\/embed\/)/))[2]&&(t=(t=e[2].split(/[^0-9a-z_\-]/i))[0]),t}function a(t){t.find(".ayg-color-picker").wpColorPicker({change:_.throttle(function(){e(this).trigger("change")},3e3)})}function i(e,t){a(t)}e(function(){e(".ayg-color-picker").wpColorPicker(),e.fn.magnificPopup&&e(".ayg-modal-button").magnificPopup({type:"inline",mainClass:"mfp-fade"}),e("#ayg-button-save-api-key").on("click",function(t){t.preventDefault(),e(this).prop("disabled",!0),e(".ayg-ajax-status","#ayg-table-api-key").html('<span class="spinner"></span>');var a={action:"ayg_save_api_key",api_key:e("#ayg-api-key").val(),security:ayg_admin.ajax_nonce};if(!a.api_key)return e(this).prop("disabled",!1),e(".ayg-ajax-status","#ayg-table-api-key").html('<span class="ayg-text-error">'+ayg_admin.i18n.invalid_api_key+"</span>"),!1;e.post(ajaxurl,a,function(e){window.location.reload()})}),e("#ayg-generate-shortcode").on("click",function(a){a.preventDefault();var i={};e(".ayg-editor-control","#ayg-shortcode-builder").each(function(){var a=e(this).find(".ayg-editor-field"),n=a.attr("type"),o=a.attr("name"),s=a.val(),r=a.data("default");if("checkbox"==n&&(s=a.is(":checked")?1:0),"playlist"==o&&(s=(l=s,(c=/[&|\?]list=([a-zA-Z0-9_-]+)/gi.exec(l))&&c.length>0?c[1]:l)),"channel"==o){var l,c,g,d,p,y=(g=s,d="channel",p=g,void 0!==(g=g.replace(/(>|<)/gi,"").split(/(\/channel\/|\/user\/)/))[2]&&(p=(p=g[2].split(/[^0-9a-z_-]/i))[0]),/\/user\//.test(g)&&(d="username"),{type:d,id:p});o=y.type,s=y.id,i.hasOwnProperty("type")&&"channel"==i.type&&(i.type=o)}if("video"==o&&(s=t(s)),"videos"==o){var u=s.split("\n"),h=[];u.map(function(e){h.push(t(e))}),s=h.join(",")}s!=r&&(i[o]=s)});var n="";for(var o in i)i.hasOwnProperty(o)&&(n+=" "+o+'="'+i[o]+'"');e("#aiovg-shortcode").val("[automatic_youtube_gallery"+n+"]")}),e(document).on("click",".ayg-editor-section-header",function(t){var a=e(this).parent();a.hasClass("ayg-active")||e(this).closest(".ayg-editor").find(".ayg-editor-section.ayg-active").toggleClass("ayg-active").find(".ayg-editor-controls").slideToggle(),a.toggleClass("ayg-active").find(".ayg-editor-controls").slideToggle()}),e(document).on("change",".ayg-editor-field-type",function(){var t=e(this).closest(".ayg-editor"),a=e(this).val();t.removeClass(function(e,t){var a=t.match(/\ayg-editor-field-type-\S+/ig);return a?a.join(" "):""}),t.addClass("ayg-editor-field-type-"+a)}),e(document).on("change",".ayg-editor-field-theme",function(){var t=e(this).closest(".ayg-editor"),a=e(this).val();t.removeClass(function(e,t){var a=t.match(/\ayg-editor-field-theme-\S+/ig);return a?a.join(" "):""}),t.addClass("ayg-editor-field-theme-"+a)}),e(document).on("change",".ayg-editor-field-pagination_type",function(){var t=e(this).closest(".ayg-editor"),a=e(this).val();t.removeClass(function(e,t){var a=t.match(/\ayg-editor-field-pagination_type-\S+/ig);return a?a.join(" "):""}),t.addClass("ayg-editor-field-pagination_type-"+a)}),e("tr.theme select","#ayg-settings").on("change",function(){var t=e("#ayg-settings"),a=e(this).val();t.removeClass(function(e,t){var a=t.match(/theme-\S+/ig);return a?a.join(" "):""}),t.addClass("theme-"+a)}),e("tr.pagination_type select","#ayg-settings").on("change",function(){var t=e("#ayg-settings"),a=e(this).val();t.removeClass(function(e,t){var a=t.match(/pagination_type-\S+/ig);return a?a.join(" "):""}),t.addClass("pagination_type-"+a)}),e('tr.player_type input[type="radio"]',"#ayg-settings").on("change",function(){var t=e("#ayg-settings"),a=t.find('tr.player_type input[type="radio"]:checked').val();t.removeClass(function(e,t){var a=t.match(/player_type-\S+/ig);return a?a.join(" "):""}),t.addClass("player_type-"+a)}),e(".ayg-settings-browse").on("click",function(t){t.preventDefault(),function t(a){var i,n;if(i){i.open();return}(i=wp.media.frames.file_frame=wp.media({frame:"post",state:"insert",multiple:!1})).on("insert",function(){n=i.state().get("selection").first().toJSON(),!(0>e.trim(n.url.length))&&a.prev(".ayg-settings-url").val(n.url)}),i.open()}(e(this))}),e("#ayg-button-delete-cache").on("click",function(t){t.preventDefault(),e(this).prop("disabled",!0),e(".ayg-ajax-status","#ayg-table-delete-cache").html('<span class="spinner"></span>');var a={action:"ayg_delete_cache",security:ayg_admin.ajax_nonce};e.post(ajaxurl,a,function(t){e(this).prop("disabled",!1),e(".ayg-ajax-status","#ayg-table-delete-cache").html('<span class="ayg-text-success">'+ayg_admin.i18n.cleared+"</span>")})}),e("#widgets-right .widget:has(.ayg-color-picker)").each(function(){a(e(this))}),e(document).on("widget-added widget-updated",i)})}(jQuery);

  • automatic-youtube-gallery/trunk/admin/templates/builder.php

    r2911961 r3207764  
    7070                                   
    7171                                    <!-- Hint -->
    72                                     <?php if ( isset( $field['description'] ) ) : ?>                           
     72                                    <?php if ( isset( $field['description'] ) && ! empty( $field['description'] ) ) : ?>                           
    7373                                        <p class="description"><?php echo wp_kses_post( $field['description'] ); ?></p>                       
    7474                                    <?php endif; ?>                                                           
    … …  
    8686
    8787                <p>           
    88                     <input type="button" id="ayg-generate-shortcode" class="button-primary" value="<?php esc_attr_e( 'Generate Shortcode', 'automatic-youtube-gallery' ); ?>" />
     88                    <a href="#ayg-shortcode-modal" id="ayg-generate-shortcode" class="ayg-modal-button button button-primary button-hero">
     89                        <?php esc_attr_e( 'Generate Shortcode', 'automatic-youtube-gallery' ); ?>
     90                    </a>
    8991                </p>
    9092            </div>
    … …  
    104106
    105107<!-- Shortcode Modal -->
    106 <div id="ayg-shortcode-modal" class="ayg-modal" style="display: none;">
    107     <div class="ayg-modal-bg"></div>         
    108     <div class="ayg-modal-content">                 
    109         <div class="ayg-modal-body">
    110             <span class="ayg-modal-close">&times;</span>
    111 
    112             <p class="ayg-modal-title"><?php esc_html_e( 'Congrats! copy the shortcode below and paste it in your POST/PAGE where you need the gallery,', 'automatic-youtube-gallery' ); ?></p>
    113             <textarea id="aiovg-shortcode" class="widefat code" autofocus="autofocus" onfocus="this.select()"></textarea>
    114         </div>
     108<div id="ayg-shortcode-modal" class="ayg-modal mfp-hide">
     109    <div class="ayg-modal-body">
     110        <p><?php esc_html_e( 'Congrats! copy the shortcode below and paste it in your POST/PAGE where you need the gallery,', 'automatic-youtube-gallery' ); ?></p>
     111        <textarea id="aiovg-shortcode" class="widefat code" autofocus="autofocus" onfocus="this.select()"></textarea>
    115112    </div>
    116113</div>

  • automatic-youtube-gallery/trunk/automatic-youtube-gallery.php

    r3205421 r3207764  
    1212 * Plugin URI:        https://plugins360.com/automatic-youtube-gallery/
    1313 * Description:       Create responsive, modern & dynamic video galleries by simply adding a YouTube USERNAME, CHANNEL, PLAYLIST, SEARCH KEYWORDS, or a custom list of YouTube URLs.
    14  * Version:           2.5.2
     14 * Version:           2.5.5
    1515 * Author:            Team Plugins360
    1616 * Author URI:        https://plugins360.com
    … …  
    3131// Current version of the plugin
    3232if ( !defined( 'AYG_VERSION' ) ) {
    33     define( 'AYG_VERSION', '2.5.2' );
     33    define( 'AYG_VERSION', '2.5.5' );
    3434}
    3535// Unique identifier of the plugin
    … …  
    5959            }
    6060            // Include Freemius SDK
    61             require_once dirname( __FILE__ ) . '/freemius/start.php';
     61            require_once dirname( __FILE__ ) . '/vendor/freemius/start.php';
    6262            $ayg_fs = fs_dynamic_init( array(
    6363                'id'             => '2922',
    … …  
    7676                    'slug'       => 'automatic-youtube-gallery',
    7777                    'first-path' => 'admin.php?page=automatic-youtube-gallery',
    78                     'support'    => false,
    7978                ),
    8079                'is_live'        => true,

  • automatic-youtube-gallery/trunk/includes/functions.php

    r3205421 r3207764  
    151151        wp_enqueue_style( AYG_SLUG . '-public' );
    152152
    153         wp_enqueue_script( AYG_SLUG . '-public' );
    154        
     153        wp_enqueue_script( AYG_SLUG . '-public' );     
    155154        if ( $attributes['theme'] == $theme && 'classic' == $attributes['theme'] ) {
    156155            wp_enqueue_script( AYG_SLUG . '-theme-classic' );

  • automatic-youtube-gallery/trunk/includes/init.php

    r2911961 r3207764  
    135135        $this->loader->add_action( 'admin_enqueue_scripts', $admin, 'enqueue_styles' );
    136136        $this->loader->add_action( 'admin_enqueue_scripts', $admin, 'enqueue_scripts' );
     137        $this->loader->add_action( 'elementor/editor/after_enqueue_styles', $admin, 'enqueue_styles' );
     138        $this->loader->add_action( 'elementor/editor/after_enqueue_scripts', $admin, 'enqueue_scripts' );
    137139        $this->loader->add_action( 'admin_menu', $admin, 'admin_menu' );
    138140        $this->loader->add_action( 'admin_notices', $admin, 'admin_notices' );
    … …  
    163165        $this->loader->add_action( 'wp_enqueue_scripts', $public, 'register_scripts' );
    164166        $this->loader->add_action( 'enqueue_block_editor_assets', $public, 'enqueue_block_editor_assets' );
     167        $this->loader->add_action( 'elementor/editor/after_enqueue_scripts', $public, 'enqueue_block_editor_assets' );
     168        $this->loader->add_action( 'elementor/preview/enqueue_scripts', $public, 'enqueue_block_editor_assets' );       
    165169        $this->loader->add_action( 'wp_ajax_ayg_load_more_videos', $public, 'ajax_callback_load_more_videos' );
    166170        $this->loader->add_action( 'wp_ajax_nopriv_ayg_load_more_videos', $public, 'ajax_callback_load_more_videos' );

  • automatic-youtube-gallery/trunk/includes/youtube-api.php

    r3073903 r3207764  
    195195        switch ( $type ) {
    196196            case 'playlist':
    197                 if ( preg_match( '/list=(.*)&?\/?/', $url, $matches ) ) {
     197                if ( preg_match( '/[?&]list=([^&]+)/', $url, $matches ) ) {
    198198                    $id = $matches[1];
    199199                }

  • automatic-youtube-gallery/trunk/public/assets/css/public.css

    r3205421 r3207764  
    273273}
    274274
     275.ayg-thumbnail p,
     276.ayg-thumbnail br {
     277    display: none;
     278}
     279
    275280.ayg-thumbnail-media {
    276281    position: relative;

  • automatic-youtube-gallery/trunk/public/assets/css/public.min.css

    r3205421 r3207764  
    1 .ayg-pagination .ayg-btn,.ayg-thumbnail{cursor:pointer}.ayg{box-sizing:border-box;margin-bottom:1em;line-height:1.5}.ayg *,.ayg :after,.ayg :before{box-sizing:inherit}@keyframes ayg-wait{12.5%{background-position-x:-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,0,0}25%{background-position-x:-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,0,0,6px,6px}37.5%{background-position-x:-4px,-4px,-4px,-4px,-4px,-4px,0,0,6px,6px,12px,12px}50%{background-position-x:-4px,-4px,-4px,-4px,0,0,6px,6px,12px,12px,-4px,-4px}62.5%{background-position-x:-4px,-4px,0,0,6px,6px,12px,12px,-4px,-4px,-4px,-4px}75%{background-position-x:0,0,6px,6px,12px,12px,-4px,-4px,-4px,-4px,-4px,-4px}87.5%{background-position-x:6px,6px,12px,12px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px}100%{background-position-x:12px,12px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px}}.ayg-loading{background:linear-gradient(0deg,#f4f5fa 1px,transparent 0,transparent 8px,#f4f5fa 8px),linear-gradient(90deg,#f4f5fa 1px,#f6f9fb 0,#f6f9fb 3px,#f4f5fa 3px),linear-gradient(0deg,#ececf5 1px,transparent 0,transparent 8px,#ececf5 8px),linear-gradient(90deg,#ececf5 1px,#f2f3f9 0,#f2f3f9 3px,#ececf5 3px),linear-gradient(0deg,#e7eaf4 1px,transparent 0,transparent 8px,#e7eaf4 8px),linear-gradient(90deg,#e7eaf4 1px,#eef1f8 0,#eef1f8 3px,#e7eaf4 3px),linear-gradient(0deg,#b9bedd 1px,transparent 0,transparent 10px,#b9bedd 10px),linear-gradient(90deg,#b9bedd 1px,#d0d5e8 0,#d0d5e8 3px,#b9bedd 3px),linear-gradient(0deg,#9fa6d2 1px,transparent 0,transparent 15px,#9fa6d2 15px),linear-gradient(90deg,#9fa6d2 1px,#c0c5e1 0,#c0c5e1 3px,#9fa6d2 3px),linear-gradient(0deg,#8490c6 1px,transparent 0,transparent 15px,#8490c6 15px),linear-gradient(90deg,#8490c6 1px,#aeb5da 0,#aeb5da 3px,#8490c6 3px);background-position-x:-4px;background-position-y:3px,3px,3px,3px,3px,3px,2px,2px,0,0,0,0;background-repeat:no-repeat;background-size:4px 9px,4px 9px,4px 9px,4px 9px,4px 9px,4px 9px,4px 11px,4px 11px,4px 16px,4px 16px,4px 16px,4px 16px;zoom:1;width:16px;min-width:16px;height:16px;min-height:16px;animation:.8s steps(1,start) infinite ayg-wait}ayg-player{background:url('../../../public/assets/images/spinner-dark.gif') center center no-repeat #000}ayg-player .plyr{position:absolute;inset:0;width:100%;height:100%}ayg-player .plyr .plyr__control--overlaid,ayg-player .plyr .plyr__control--overlaid:focus,ayg-player .plyr .plyr__control--overlaid:hover{margin-top:1px;margin-left:2px;border-radius:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 48'%3E%3Cpath fill='%23f00' fill-opacity='.9' d='M66.5 7.7c-.8-2.9-2.5-5.4-5.4-6.2C55.8.1 34 0 34 0S12.2.1 6.9 1.6c-3 .7-4.6 3.2-5.4 6.1a89.6 89.6 0 000 32.5c.8 3 2.5 5.5 5.4 6.3C12.2 47.9 34 48 34 48s21.8-.1 27.1-1.6c3-.7 4.6-3.2 5.4-6.1C68 35 68 24 68 24s0-11-1.5-16.3z'/%3E%3Cpath fill='%23fff' d='M45 24L27 14v20'/%3E%3C/svg%3E") center/72px 48px no-repeat;width:72px;height:48px;filter:grayscale(1)}ayg-player .plyr .plyr__control--overlaid:focus,ayg-player .plyr .plyr__control--overlaid:hover{filter:none}.ayg-player-description-more,ayg-player .plyr .plyr__control--overlaid *,ayg-player .plyr--initialized.plyr--no-controls .plyr__control--overlaid{display:none}ayg-player .plyr--initialized iframe{pointer-events:none}.ayg-player,.ayg-theme{display:flex;flex-direction:column;gap:1.5em}.ayg-player-container{width:100%;margin:auto}.ayg-player-caption{display:flex;flex-direction:column;gap:1em}.ayg-player-caption .ayg-player-title{margin:0;padding:0}.ayg-player-description-toggle-btn{display:block;margin:.5em 0;font-weight:600}.ayg-row{display:flex;flex-wrap:wrap;margin:0 -.75em}.ayg-col{width:100%}@media only screen and (min-width:420px){.ayg-col-xs-2{width:50%}}@media only screen and (min-width:600px){.ayg-col-sm-3{width:33.33%}}@media only screen and (min-width:768px){.ayg-col-2{width:50%}.ayg-col-3{width:33.33%}.ayg-col-4{width:25%}.ayg-col-5{width:20%}.ayg-col-6{width:16.66%}.ayg-col-7{width:14.28%}.ayg-col-8{width:12.5%}.ayg-col-9{width:11.11%}.ayg-col-10{width:10%}.ayg-col-11{width:9.09%}.ayg-col-12{width:8.33%}}.ayg-thumbnail{display:flex;flex-direction:column;gap:.75em;margin:.75em}.ayg-thumbnail-media{position:relative}.ayg-thumbnail-image{display:block;width:100%;height:auto}.ayg-thumbnail-icon-play{pointer-events:none;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);vertical-align:middle;z-index:3}.ayg-thumbnail-now-playing{pointer-events:none;display:none;position:absolute;right:5px;bottom:5px;z-index:3;border-radius:2px;background-color:rgba(0,0,0,.8);padding:.35em .5em;line-height:1;color:#fff;font-size:.85em}.ayg-thumbnail-caption{display:flex;flex-direction:column;gap:.35em;word-wrap:break-word}.ayg-thumbnail-title{line-height:1.5;font-size:1.125em;font-weight:600}.ayg-active .ayg-thumbnail-icon-play{display:none!important}.ayg-active .ayg-thumbnail-now-playing{display:inline-block!important}.ayg-pagination{display:flex;align-items:center;justify-content:center;gap:1em;margin-bottom:1em}.ayg-pagination-info{display:flex;align-items:center;gap:4px}.ayg-pagination-info,.ayg-pagination-info *{line-height:1}.ayg-pagination.ayg-loading{margin-left:auto;margin-right:auto}.ayg-pagination.ayg-loading *{visibility:hidden}
     1.ayg-pagination .ayg-btn,.ayg-thumbnail{cursor:pointer}.ayg{box-sizing:border-box;margin-bottom:1em;line-height:1.5}.ayg *,.ayg :after,.ayg :before{box-sizing:inherit}@keyframes ayg-wait{12.5%{background-position-x:-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,0,0}25%{background-position-x:-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,0,0,6px,6px}37.5%{background-position-x:-4px,-4px,-4px,-4px,-4px,-4px,0,0,6px,6px,12px,12px}50%{background-position-x:-4px,-4px,-4px,-4px,0,0,6px,6px,12px,12px,-4px,-4px}62.5%{background-position-x:-4px,-4px,0,0,6px,6px,12px,12px,-4px,-4px,-4px,-4px}75%{background-position-x:0,0,6px,6px,12px,12px,-4px,-4px,-4px,-4px,-4px,-4px}87.5%{background-position-x:6px,6px,12px,12px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px}100%{background-position-x:12px,12px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px}}.ayg-loading{background:linear-gradient(0deg,#f4f5fa 1px,transparent 0,transparent 8px,#f4f5fa 8px),linear-gradient(90deg,#f4f5fa 1px,#f6f9fb 0,#f6f9fb 3px,#f4f5fa 3px),linear-gradient(0deg,#ececf5 1px,transparent 0,transparent 8px,#ececf5 8px),linear-gradient(90deg,#ececf5 1px,#f2f3f9 0,#f2f3f9 3px,#ececf5 3px),linear-gradient(0deg,#e7eaf4 1px,transparent 0,transparent 8px,#e7eaf4 8px),linear-gradient(90deg,#e7eaf4 1px,#eef1f8 0,#eef1f8 3px,#e7eaf4 3px),linear-gradient(0deg,#b9bedd 1px,transparent 0,transparent 10px,#b9bedd 10px),linear-gradient(90deg,#b9bedd 1px,#d0d5e8 0,#d0d5e8 3px,#b9bedd 3px),linear-gradient(0deg,#9fa6d2 1px,transparent 0,transparent 15px,#9fa6d2 15px),linear-gradient(90deg,#9fa6d2 1px,#c0c5e1 0,#c0c5e1 3px,#9fa6d2 3px),linear-gradient(0deg,#8490c6 1px,transparent 0,transparent 15px,#8490c6 15px),linear-gradient(90deg,#8490c6 1px,#aeb5da 0,#aeb5da 3px,#8490c6 3px);background-position-x:-4px;background-position-y:3px,3px,3px,3px,3px,3px,2px,2px,0,0,0,0;background-repeat:no-repeat;background-size:4px 9px,4px 9px,4px 9px,4px 9px,4px 9px,4px 9px,4px 11px,4px 11px,4px 16px,4px 16px,4px 16px,4px 16px;zoom:1;width:16px;min-width:16px;height:16px;min-height:16px;animation:.8s steps(1,start) infinite ayg-wait}ayg-player{background:url('../../../public/assets/images/spinner-dark.gif') center center no-repeat #000}ayg-player .plyr{position:absolute;inset:0;width:100%;height:100%}ayg-player .plyr .plyr__control--overlaid,ayg-player .plyr .plyr__control--overlaid:focus,ayg-player .plyr .plyr__control--overlaid:hover{margin-top:1px;margin-left:2px;border-radius:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 48'%3E%3Cpath fill='%23f00' fill-opacity='.9' d='M66.5 7.7c-.8-2.9-2.5-5.4-5.4-6.2C55.8.1 34 0 34 0S12.2.1 6.9 1.6c-3 .7-4.6 3.2-5.4 6.1a89.6 89.6 0 000 32.5c.8 3 2.5 5.5 5.4 6.3C12.2 47.9 34 48 34 48s21.8-.1 27.1-1.6c3-.7 4.6-3.2 5.4-6.1C68 35 68 24 68 24s0-11-1.5-16.3z'/%3E%3Cpath fill='%23fff' d='M45 24L27 14v20'/%3E%3C/svg%3E") center/72px 48px no-repeat;width:72px;height:48px;filter:grayscale(1)}ayg-player .plyr .plyr__control--overlaid:focus,ayg-player .plyr .plyr__control--overlaid:hover{filter:none}.ayg-player-description-more,.ayg-thumbnail br,.ayg-thumbnail p,ayg-player .plyr .plyr__control--overlaid *,ayg-player .plyr--initialized.plyr--no-controls .plyr__control--overlaid{display:none}ayg-player .plyr--initialized iframe{pointer-events:none}.ayg-player,.ayg-theme{display:flex;flex-direction:column;gap:1.5em}.ayg-player-container{width:100%;margin:auto}.ayg-player-caption{display:flex;flex-direction:column;gap:1em}.ayg-player-caption .ayg-player-title{margin:0;padding:0}.ayg-player-description-toggle-btn{display:block;margin:.5em 0;font-weight:600}.ayg-row{display:flex;flex-wrap:wrap;margin:0 -.75em}.ayg-col{width:100%}@media only screen and (min-width:420px){.ayg-col-xs-2{width:50%}}@media only screen and (min-width:600px){.ayg-col-sm-3{width:33.33%}}@media only screen and (min-width:768px){.ayg-col-2{width:50%}.ayg-col-3{width:33.33%}.ayg-col-4{width:25%}.ayg-col-5{width:20%}.ayg-col-6{width:16.66%}.ayg-col-7{width:14.28%}.ayg-col-8{width:12.5%}.ayg-col-9{width:11.11%}.ayg-col-10{width:10%}.ayg-col-11{width:9.09%}.ayg-col-12{width:8.33%}}.ayg-thumbnail{display:flex;flex-direction:column;gap:.75em;margin:.75em}.ayg-thumbnail-media{position:relative}.ayg-thumbnail-image{display:block;width:100%;height:auto}.ayg-thumbnail-icon-play{pointer-events:none;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);vertical-align:middle;z-index:3}.ayg-thumbnail-now-playing{pointer-events:none;display:none;position:absolute;right:5px;bottom:5px;z-index:3;border-radius:2px;background-color:rgba(0,0,0,.8);padding:.35em .5em;line-height:1;color:#fff;font-size:.85em}.ayg-thumbnail-caption{display:flex;flex-direction:column;gap:.35em;word-wrap:break-word}.ayg-thumbnail-title{line-height:1.5;font-size:1.125em;font-weight:600}.ayg-active .ayg-thumbnail-icon-play{display:none!important}.ayg-active .ayg-thumbnail-now-playing{display:inline-block!important}.ayg-pagination{display:flex;align-items:center;justify-content:center;gap:1em;margin-bottom:1em}.ayg-pagination-info{display:flex;align-items:center;gap:4px}.ayg-pagination-info,.ayg-pagination-info *{line-height:1}.ayg-pagination.ayg-loading{margin-left:auto;margin-right:auto}.ayg-pagination.ayg-loading *{visibility:hidden}

  • automatic-youtube-gallery/trunk/public/templates/pagination.php

    r3205421 r3207764  
    5353$params = apply_filters( 'ayg_pagination_args', $params, $attributes );
    5454?>
    55 
    5655<ayg-pagination class="ayg-pagination" data-params='<?php echo wp_json_encode( $params ); ?>'>
    5756    <?php if ( 'pager' == $attributes['pagination_type'] ) : // pager ?>
    … …  
    5958            <button type="button" class="ayg-btn ayg-pagination-prev-btn" data-type="previous" style="display: none;"><?php echo esc_html( $attributes['previous_button_label'] ); ?></button>
    6059        </div>
    61 
    6260        <div class="ayg-pagination-info">
    6361            <span class="ayg-pagination-current-page-number">1</span>
    … …  
    6563            <span class="ayg-pagination-total-pages"><?php echo (int) $params['total_pages']; ?></span>
    6664        </div>
    67 
    6865        <div class="ayg-pagination-next">
    6966            <button type="button" class="ayg-btn ayg-pagination-next-btn" data-type="next"><?php echo esc_html( $attributes['next_button_label'] ); ?></button>

  • automatic-youtube-gallery/trunk/public/templates/theme-classic.php

    r3205421 r3207764  
    2323$featured = $videos[0]; // Featured Video
    2424?>
     25<div class="automatic-youtube-gallery ayg">
     26    <ayg-theme-classic id="ayg-<?php echo esc_attr( $attributes['uid'] ); ?>" class="ayg-theme ayg-theme-classic" data-params='<?php echo wp_json_encode( $params ); ?>'>
     27        <div class="ayg-player">
     28            <div class="ayg-player-container" style="max-width: <?php echo $player_width; ?>;">
     29                <?php
     30                unset( $attributes['loop'] );
     31                the_ayg_player( $featured, $attributes );
     32                ?>           
     33            </div>
     34            <div class="ayg-player-caption">
     35                <?php if ( ! empty( $attributes['player_title'] ) ) : ?>   
     36                    <h2 class="ayg-player-title"><?php echo esc_html( $featured->title ); ?></h2> 
     37                <?php endif; ?>
     38                <?php if ( ! empty( $attributes['player_description'] ) ) : ?> 
     39                    <ayg-description class="ayg-player-description"><?php if ( ! empty( $featured->description ) ) echo wp_kses_post( ayg_get_player_description( $featured ) ); ?></ayg-description>
     40                <?php endif; ?>
     41            </div>
     42        </div>
     43        <div class="ayg-videos ayg-gallery ayg-row">
     44            <?php foreach ( $videos as $index => $video ) :
     45                $classes = array();
     46                $classes[] = 'ayg-video';
     47                $classes[] = 'ayg-video-' . $video->id;
     48                $classes[] = 'ayg-col';
     49                $classes[] = 'ayg-col-' . $columns;
     50                if ( $columns > 3 ) $classes[] = 'ayg-col-sm-3';
     51                if ( $columns > 2 ) $classes[] = 'ayg-col-xs-2';
    2552
    26 <ayg-theme-classic id="ayg-<?php echo esc_attr( $attributes['uid'] ); ?>" class="ayg ayg-theme ayg-theme-classic" data-params='<?php echo wp_json_encode( $params ); ?>'>
    27     <!-- Player -->
    28     <div class="ayg-player">
    29         <div class="ayg-player-container" style="max-width: <?php echo $player_width; ?>;">
    30             <?php
    31             unset( $attributes['loop'] );
    32             the_ayg_player( $featured, $attributes );
    33             ?>           
     53                if ( $video->id == $featured->id ) {
     54                    $classes[] = 'ayg-active';
     55                }
     56                ?>
     57                <div class="<?php echo implode( ' ', $classes ); ?>">
     58                    <?php the_ayg_gallery_thumbnail( $video, $attributes ); ?>
     59                </div>
     60            <?php endforeach; ?>
    3461        </div>
    35 
    36         <div class="ayg-player-caption">
    37             <?php if ( ! empty( $attributes['player_title'] ) ) : ?>   
    38                 <h2 class="ayg-player-title"><?php echo esc_html( $featured->title ); ?></h2> 
    39             <?php endif; ?>
    40 
    41             <?php if ( ! empty( $attributes['player_description'] ) ) : ?> 
    42                 <ayg-description class="ayg-player-description"><?php if ( ! empty( $featured->description ) ) echo wp_kses_post( ayg_get_player_description( $featured ) ); ?></ayg-description>
    43             <?php endif; ?>
    44         </div>
    45     </div>
    46 
    47     <!-- Gallery -->
    48     <div class="ayg-videos ayg-gallery ayg-row">
    49         <?php foreach ( $videos as $index => $video ) :
    50             $classes = array();
    51             $classes[] = 'ayg-video';
    52             $classes[] = 'ayg-video-' . $video->id;
    53             $classes[] = 'ayg-col';
    54             $classes[] = 'ayg-col-' . $columns;
    55             if ( $columns > 3 ) $classes[] = 'ayg-col-sm-3';
    56             if ( $columns > 2 ) $classes[] = 'ayg-col-xs-2';
    57 
    58             if ( $video->id == $featured->id ) {
    59                 $classes[] = 'ayg-active';
    60             }
    61             ?>
    62             <div class="<?php echo implode( ' ', $classes ); ?>">
    63                 <?php the_ayg_gallery_thumbnail( $video, $attributes ); ?>
    64             </div>
    65         <?php endforeach; ?>
    66     </div>
    67 
    68     <!-- Pagination -->   
    69     <?php the_ayg_pagination( $attributes ); ?>
    70 </ayg-theme-classic>
     62        <?php the_ayg_pagination( $attributes ); ?>
     63    </ayg-theme-classic>
     64</div>

  • automatic-youtube-gallery/trunk/public/templates/theme-livestream.php

    r3205421 r3207764  
    1515$featured = $videos[0]; // Featured Video
    1616?>
    17 
    1817<div id="ayg-<?php echo esc_attr( $attributes['uid'] ); ?>" class="ayg ayg-theme ayg-theme-livestream">
    19     <!-- Player -->
    2018    <div class="ayg-player">
    2119        <div class="ayg-player-container" style="max-width: <?php echo $player_width; ?>;">

  • automatic-youtube-gallery/trunk/public/templates/theme-single.php

    r3205421 r3207764  
    1414$featured = $videos[0]; // Featured Video
    1515?>
    16 
    1716<div id="ayg-<?php echo esc_attr( $attributes['uid'] ); ?>" class="ayg ayg-theme ayg-theme-single">
    18     <!-- Player -->
    1917    <div class="ayg-player">
    2018        <div class="ayg-player-container" style="max-width: <?php echo $player_width; ?>;">
    2119            <?php the_ayg_player( $featured, $attributes ); ?>
    2220        </div>
    23 
    2421        <div class="ayg-player-caption">
    2522            <?php if ( ! empty( $attributes['player_title'] ) ) : ?>   
    2623                <h2 class="ayg-player-title"><?php echo esc_html( $featured->title ); ?></h2> 
    2724            <?php endif; ?>
    28 
    2925            <?php if ( ! empty( $attributes['player_description'] ) && ! empty( $featured->description ) ) : ?> 
    3026                <ayg-description class="ayg-player-description"><?php echo wp_kses_post( ayg_get_player_description( $featured ) ); ?></ayg-description>

  • automatic-youtube-gallery/trunk/public/templates/thumbnail.php

    r3205421 r3207764  
    1212$single_url = ayg_get_single_video_url( $video, $attributes );
    1313?>
    14 
    1514<div class="ayg-thumbnail" data-id="<?php echo esc_attr( $video->id ); ?>" data-title="<?php echo esc_attr( $video->title ); ?>" data-url="<?php echo esc_attr( $single_url ); ?>">
    1615    <div class="ayg-thumbnail-media">
    … …  
    6564        ?>       
    6665    </div>
    67 
    6866    <div class="ayg-thumbnail-caption">
    6967        <?php if ( ! empty( $attributes['thumb_title'] ) ) : ?>
    7068            <div class="ayg-thumbnail-title"><?php echo esc_html( ayg_trim_words( $video->title, (int) $attributes['thumb_title_length'] ) ); ?></div>
    7169        <?php endif; ?>
    72 
    7370        <?php if ( ! empty( $attributes['thumb_excerpt'] ) && ! empty( $video->description ) ) : ?>
    7471            <div class="ayg-thumbnail-excerpt"><?php echo wp_kses_post( ayg_trim_words( $video->description, (int) $attributes['thumb_excerpt_length'] ) ); ?></div>
    7572        <?php endif; ?>
    76 
    7773        <?php if ( ! empty( $attributes['player_description'] ) && ! empty( $video->description ) ) : ?> 
    7874            <div class="ayg-thumbnail-description" style="display: none;"><?php echo wp_kses_post( ayg_get_player_description( $video ) ); ?></div>

  • automatic-youtube-gallery/trunk/widget/templates/admin.php

    r2911961 r3207764  
    1111?>
    1212
    13 <p>
     13<div class="ayg-widget-field ayg-widget-field-title">
    1414    <label for="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>"><?php esc_html_e( 'Title', 'automatic-youtube-gallery' ); ?></label>
    1515    <input type="text" name="<?php echo esc_attr( $this->get_field_name( 'title' ) ); ?>" id="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>" class="widefat" value="<?php echo esc_attr( $instance['title'] ); ?>" />
    16 </p>
     16</div>
    1717
    1818<div class="ayg-editor ayg-editor-field-type-<?php echo esc_attr( $instance['type'] ); ?> ayg-editor-field-theme-<?php echo esc_attr( $instance['theme'] ); ?> ayg-editor-field-pagination_type-<?php echo esc_attr( $instance['pagination_type'] ); ?>">
Note: See TracChangeset for help on using the changeset viewer.