Merge branch 'feature-theme' into 'develop'

add new js code

See merge request manzarH/dic-global-dev!40

themes/custom/envigo/js/custom.js

@@ -1875,6 +1875,54 @@
       });
     }
 
+    if ($(".b_slider_m_c_box").length) {
+        $(".b_slider_m_c_box").slick({
+            dots: false,
+            arrows: true,
+            infinite: false,
+            slidesToShow: 4,
+            slidesToScroll: 4,
+            nextArrow: '<button class="arrowSlider leftArrow"><i class="fa fa-chevron-left" aria-hidden="true"></i><button>',
+            prevArrow: '<button class="arrowSlider rightArrow"><i class="fa fa-chevron-right" aria-hidden="true"></i><button>',
+            responsive: [{
+                    breakpoint: 991,
+                    settings: {
+                        arrows: true,
+                        slidesToShow: 3,
+                        slidesToScroll: 3,
+                    },
+                },
+                {
+                    breakpoint: 767,
+                    settings: "unslick"
+                },
+            ],
+        });
+
+
+        //when the slick slide initializes we want to set all of our slides to the same height
+        $(".b_slider_m_c_box").on("setPosition", function() {
+            jbResizeSlider();
+        });
+
+        //we need to maintain a set height when a resize event occurs.
+        //Some events will through a resize trigger: $(window).trigger('resize');
+        $(window).on("resize", function(e) {
+            jbResizeSlider();
+        });
+
+        //since multiple events can trigger a slider adjustment, we will control that adjustment here
+        function jbResizeSlider() {
+            $slickSlider = $(".b_slider_m_c_box");
+            $slickSlider.find(".slick-slide").height("auto");
+            var slickTrack = $slickSlider.find(".slick-track");
+            var slickTrackHeight = $(slickTrack).height();
+            $slickSlider.find(".slick-slide").css("height", slickTrackHeight + "px");
+        }
+
+
+    }
+  
   
     $(".subheadings-list li a").on("click", function (event) {
       event.preventDefault();

themes/custom/envigo/templates/views/views-view-unformatted--news--block.html.twig

@@ -19,6 +19,7 @@
 #}
 
 
+
 <div class="container-fluid bg_l_gray spacerTB cs_bnmv cs_box_shadow">
         <div class="row">
             <div class="container">
@@ -27,50 +28,46 @@
                         <div class="cs_w_b">
                             <h1 class="c_heading_b text-center">DIC News</h1>
                             <div class="cs_slider_wp">
-                     <div class="cs_s_cb row cs_slider_dic_news_inner">
+                                <div class="cs_s_cb row cs_slider_container">
                                 {% for row in rows %}
                                     <div class="cs_item_b col-10 col-md-4">
                                         <div class="cs_inner_item">
                                             <div class="cs_containe_i_w">
                                                 <a href="#" class="cs_img_bc">
                                                     <span class="cs_c1_m">Management & IR</span>
-                              
                                                      {{ row.content['#view'].style_plugin.render_tokens[ loop.index0 ]['{{ field_news_image }}'] }}
                                                 </a>
                                                 <div class="cs_text_cib">
                                                     <div class="cs_wc_b">
                                                         <div class="cs_iwcb">
-                                          <i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp; {{ row.content['#view'].style_plugin.render_tokens[ loop.index0 ]['{{ field_date }}'] }}
+                                                            <i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp; Oct. 28, 2020
                                                         </div>
-
                                                         <span>TSE Filings</span>
                                                     </div>
                                                     <h6 class="cs_hcwbm">
-                            <a href="">{{ row.content['#view'].style_plugin.render_tokens[ loop.index0 ]['{{ title }}'] }} </a>
+                                                        {{ row.content['#view'].style_plugin.render_tokens[ loop.index0 ]['{{ title }}'] }} 
                                                     </h6>
-
-                                  <!--   <p>
-                                       DIC Corporation announced on August 29, 2019, that
-                                       it had resolved to acquire the shares and assets.
-                                    </p> -->
-
+                                                    <p>
+                                                       {{ row.content['#view'].style_plugin.render_tokens[ loop.index0 ]['{{ body }}'] }}
+                                                    </p>
                                                 </div>
                                             </div>
                                         </div>
                                     </div>
+                                    
                                     {% endfor %}
+                                    
+                                    
                                 </div>
                             </div>
-				  
                             <div class="cs_btn_c_b">
                                 <a href="">View All  &nbsp;<i class="fa fa-angle-right" aria-hidden="true"></i></a>
                             </div>
-				  
                         </div>
                     </div>
                 </div>
             </div>
         </div>
-</div>
+    </div>
  
  
\ No newline at end of file