Changeset 2005869

Timestamp:

01/03/2019 06:34:59 PM (7 years ago)

Author:

ryner1

Message:

carousel

Location:

cryptocurrency-shortcodes/trunk/my-admin

Files:

• admin-return-html-templates/rg-shortcode-template-carousel.php (modified) (3 diffs)
• admin-return-html-templates/rg-shortcode-template.php (modified) (3 diffs)
• rgcs-template-tab-content-shortcode.php (modified) (2 diffs)

cryptocurrency-shortcodes/trunk/my-admin/admin-return-html-templates/rg-shortcode-template-carousel.php

@@ -16 +16 @@
     .rynerg_rgcs_get_sample_shortcode_carousel .rgcs_shortcode_carousel_container > .slick-list > .slick-track{ line-height: 0; }
 </style>
-<div class="rynerg_rgcs_get_sample_shortcode_carousel <?php echo ( $ctr_coins >= 5 ) ? 'rgcs_move_carousel' : ''; ?>" >
+<div class="rynerg_rgcs_get_sample_shortcode_carousel <?php echo ( $ctr_coins >= 5 ) ? 'rgcs_move_carousel' : ''; ?>" style="visibility: hidden;">
     <div class="rgcs_shortcode_carousel_container" rgcs_recur_carousel = 1 rgcs_recur_left = 0 style="visibility: hidden;">
         <?php
@@ -29 +29 @@
                             $p_24h = number_format(str_replace("-","",$p_change_24h),2,'.','');
                             if( $p_change_24h > 0)
-                                {$p_change_24h = '<i class="fa fa-long-arrow-alt-up" style="color:#0073aa;"></i>  %'.$p_24h;}
+                                {$p_change_24h = '<i class="fas fa-long-arrow-alt-up" style="color:#0073aa;"></i>  %'.$p_24h;}
                             else
-                                {$p_change_24h = '<i class="fa fa-long-arrow-alt-down" style="color:#d82222;"></i>  %'.$p_24h;}
+                                {$p_change_24h = '<i class="fas fa-long-arrow-alt-down" style="color:#d82222;"></i>  %'.$p_24h;}
 
 
@@ -52 +52 @@
     </div>
 </div>
-<script type="text/javascript">
 
-var rsg_slick = jQuery.noConflict();
-
-rsg_slick(document).ready(function() { 
-
-
-    rsg_slick('.rgcs_shortcode_carousel_container').slick({
-      dots: false,
-      infinite: true,
-      autoplay: true,
-      autoplaySpeed:0,
-      speed: 3000,
-      speed: 9000,
-      cssEase: 'linear',
-      slidesToShow: 6,
-      slidesToScroll: 1,
-      arrows: false,
-    }).css('visibility','visible');
-
-});
-
-</script>

cryptocurrency-shortcodes/trunk/my-admin/admin-return-html-templates/rg-shortcode-template.php

@@ -17 +17 @@
             'title'         => '',
             'bg_color'      => '#222',
-            'font_color'    => '#fff'
+            'font_color'    => '#fff',
+            'c_speed'       => '9000',
+            'c_data_per_slide'      => '6'
         ),$atts
     );
@@ -24 +26 @@
     $max        = $attribs['max'];
     $bg_color   = $attribs['bg_color'];
+    $font_color = $attribs['font_color'];
+    $c_speed    = $attribs['c_speed'];
+    $c_data_per_slide   = $attribs['c_data_per_slide'];
 
     if($type == 'list'){
@@ -31 +36 @@
         <style>
             .rynerg_rgcs_get_sample_shortcode_carousel, .rgcs_shortcode_carousel_container{ background: <?php echo $bg_color; ?> }
+            .rgcs_shortcode_carousel_container{ color: <?php echo $font_color; ?> }
         </style>
         <?php
         include('rg-shortcode-template-carousel.php');
     }
+
+    ?>
+        <script type="text/javascript">
+
+            var rsg_slick = jQuery.noConflict();
+
+            rsg_slick(document).ready(function() { 
+
+                rsg_slick('.rynerg_rgcs_get_sample_shortcode_carousel').css('visibility','visible');
+
+                rsg_slick('.rgcs_shortcode_carousel_container').slick({
+                  dots: false,
+                  infinite: true,
+                  autoplay: true,
+                  autoplaySpeed:0,
+                  speed: <?php echo $c_speed; ?>,
+                  cssEase: 'linear',
+                  slidesToShow: <?php echo $c_data_per_slide; ?>,
+                  slidesToScroll: 1,
+                  arrows: false,
+                }).css('visibility','visible');
+
+            });
+
+        </script>
+    <?php
+
     return ob_get_clean();
 }

cryptocurrency-shortcodes/trunk/my-admin/rgcs-template-tab-content-shortcode.php

@@ -25 +25 @@
                         bg_color=#222 
                     </td>
-                    <td><i>bg_color</i> refers to the container's background. The default background color are set to black or #222. Accepted values are color names or hex values. You can refer to <a href="https://htmlcolorcodes.com/" target="_blank">https://htmlcolorcodes.com/</a> for more color options.</td>
+                    <td><i>bg_color</i> refers to the carousel container's background. The default background color are set to black or #222. Accepted values are color names or hex values. You can refer to <a href="https://htmlcolorcodes.com/" target="_blank">https://htmlcolorcodes.com/</a> for more color options.</td>
                 </tr>
                 <tr>
@@ -40 +40 @@
                 </tr>
                 <tr>
-                    <td>custom_class="className1 className2"</td>
-                    <td>If you want to have additional class for your personal style of the display. Separate different class names with a space.</td>
+                    <td>c_speed=9000</td>
+                    <td>Indicates the speed of the carousel. The number represents milliseconds. So 9000 is 9 seconds. Default is 9000 </td>
+                </tr>
+                <tr>
+                    <td>c_data_per_slide=6</td>
+                    <td>Indicates the number of data to be displayed for the carousel. Default is 6. </td>
                 </tr>
             </table>