Skip to content

D
dic-global-dev
Commit 46323165 by Manzar Hussain
Options

add new js code

parent 34a2a959
Showing with 96 additions and 50 deletions
themes/custom/envigo/js/custom.js
...@@ -1874,6 +1874,54 @@ ...@@ -1874,6 +1874,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) { $(".subheadings-list li a").on("click", function (event) {
......
themes/custom/envigo/templates/views/views-view-unformatted--news--block.html.twig
...@@ -19,58 +19,55 @@ ...@@ -19,58 +19,55 @@
#} #}
<div class="container-fluid bg_l_gray spacerTB cs_bnmv cs_box_shadow">
<div class="row">
<div class="container">
<div class="row">
<div class="col-12">
<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">
{% 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 }}'] }}
</div>
<span>TSE Filings</span> <div class="container-fluid bg_l_gray spacerTB cs_bnmv cs_box_shadow">
<div class="row">
<div class="container">
<div class="row">
<div class="col-12">
<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_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; Oct. 28, 2020
</div>
<span>TSE Filings</span>
</div>
<h6 class="cs_hcwbm">
{{ row.content['#view'].style_plugin.render_tokens[ loop.index0 ]['{{ title }}'] }}
</h6>
<p>
{{ row.content['#view'].style_plugin.render_tokens[ loop.index0 ]['{{ body }}'] }}
</p>
</div>
</div>
</div>
</div> </div>
<h6 class="cs_hcwbm">
<a href="">{{ row.content['#view'].style_plugin.render_tokens[ loop.index0 ]['{{ title }}'] }} </a> {% endfor %}
</h6>
<!-- <p> </div>
DIC Corporation announced on August 29, 2019, that </div>
it had resolved to acquire the shares and assets. <div class="cs_btn_c_b">
</p> --> <a href="">View All &nbsp;<i class="fa fa-angle-right" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div> </div>
{% endfor %} </div>
</div> </div>
</div> </div>
</div>
<div class="cs_btn_c_b"> </div>
<a href="">View All &nbsp;<i class="fa fa-angle-right" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment