https://www.dhcc.ae/frontend/js/custom.js

1// banner video start
2$("#bannerCarousel").on("slide.bs.carousel", function() {
3    setTimeout(function() {
4        if ($(".carousel-item.active").find("video").length == 1) {
5            $("#bannerCarousel").carousel("pause");
6            $(".carousel-item.active").find("video").trigger("play");
7            $(".carousel-item.active")
8                .find("video")
9                .on("ended", function() {
10                    $("#bannerCarousel").carousel("next");
11                });
12        } else {
13            $(".carousel-item").find("video").trigger("pause");
14            $("#bannerCarousel").carousel("cycle");
15        }
16    }, 1000);
17});
18
19$(document).ready(function() {
20    var localelang = $('#localelang').val();
21    var smalltxt = "Small";
22    var mediumtxt = "Medium";
23    var largetxt = "Large";
24    if (localelang == 'ar') {
25        var smalltxt = "صغير ";
26        var mediumtxt = "متوسط ";
27        var largetxt = "كبير ";
28    }
29    $(".carousel-item.active").find("video").trigger("play");
30    setTimeout(function() {
31        $("#bannerCarousel").carousel("pause");
32    }, 1000);
33    $(".carousel-item.active")
34        .find("video")
35        .on("ended", function() {
36            $("#bannerCarousel").carousel("next");
37        });
38
39    // burger menu
40    $(".hamburger").click(function() {
41        $(this).toggleClass("is-active");
42        $('body').toggleClass("is-scroll-disabled");
43    });
44
45    //font size change
46    var fontFlag = parseInt(sessionStorage.getItem("fontSize"));
47    if (fontFlag != -1) {
48        if (fontFlag === 1) {
49            $("html").css('font-size', '15px');
50            $('.FSsliderMob').val(1);
51            $('.FSslider').val(1);
52        } else if (fontFlag === 2) {
53            $("html").css('font-size', '17px');
54            $('.FSsliderMob').val(2);
55            $('.FSslider').val(2);
56        } else if (fontFlag === 3) {
57            $("html").css('font-size', '19px');
58            $('.FSsliderMob').val(3);
59            $('.FSslider').val(3);
60        }
61    }
62    // code for mob
63    var defaultResMob = $(".FSsliderMob").val();
64    if (defaultResMob === "1") {
65        $(".FSsliderMobText").html(smalltxt);
66        $("html").css('font-size', '15px');
67        sessionStorage.setItem("fontSize", "1");
68    } else if (defaultResMob === "2") {
69        $(".FSsliderMobText").html(mediumtxt);
70        $("html").css('font-size', '17px');
71        sessionStorage.setItem("fontSize", "2");
72    } else if (defaultResMob === "3") {
73        $(".FSsliderMobText").html(largetxt);
74        $("html").css('font-size', '19px');
75        sessionStorage.setItem("fontSize", "3");
76    }
77    $(".FSsliderMob").on("input", function() {
78        var changeResMob = $(".FSsliderMob").val();
79        if (changeResMob === "1") {
80            $(".FSsliderMobText").html(smalltxt);
81            $("html").css('font-size', '15px');
82            sessionStorage.setItem("fontSize", "1");
83        } else if (changeResMob === "2") {
84            $(".FSsliderMobText").html(mediumtxt);
85            $("html").css('font-size', '17px');
86            sessionStorage.setItem("fontSize", "2");
87        } else if (changeResMob === "3") {
88            $(".FSsliderMobText").html(largetxt);
89            $("html").css('font-size', '19px');
90            sessionStorage.setItem("fontSize", "3");
91        }
92    });
93    // code for mob end
94    // code for desktop
95    var defaultRes = $(".FSslider").val();
96    if (defaultRes === "1") {
97        $(".FSsliderText").html(smalltxt);
98        $("html").css('font-size', '15px');
99        sessionStorage.setItem("fontSize", "1");
100    } else if (defaultRes === "2") {
101        $(".FSsliderText").html(mediumtxt);
102        $("html").css('font-size', '17px');
103        sessionStorage.setItem("fontSize", "2");
104    } else if (defaultRes === "3") {
105        $(".FSsliderText").html(largetxt);
106        $("html").css('font-size', '19px');
107        sessionStorage.setItem("fontSize", "3");
108    }
109
110    $(".FSslider").on("input", function() {

111        var changeRes = $(".FSslider").val();
112        if (changeRes === "1") {
113            $(".FSsliderText").html(smalltxt);
114            $("html").css('font-size', '15px');
115            sessionStorage.setItem("fontSize", "1");
116        } else if (changeRes === "2") {
117            $(".FSsliderText").html(mediumtxt);
118            $("html").css('font-size', '17px');
119            sessionStorage.setItem("fontSize", "2");
120        } else if (changeRes === "3") {
121            $(".FSsliderText").html(largetxt);
122            $("html").css('font-size', '19px');
123            sessionStorage.setItem("fontSize", "3");
124        }
125    });
126    // code for desktop end
127    // font size change end
128
129    // theme change
130    var themeFlag = parseInt(sessionStorage.getItem("themeMode"));
131    if (themeFlag != -1) {
132        if (themeFlag === 1) {
133            document.documentElement.setAttribute('data-theme', 'default');
134            $("#blindDefaultMob").prop('checked', true);
135            $("#blindDefault").prop('checked', true);
136        } else if (themeFlag === 2) {
137            document.documentElement.setAttribute('data-theme', 'dark');
138            $("#blindColorMob").prop('checked', true);
139            $("#blindColor").prop('checked', true);
140        } else if (themeFlag === 3) {
141            document.documentElement.setAttribute('data-theme', 'green');
142            $("#blindGreenMob").prop('checked', true);
143            $("#blindGreen").prop('checked', true);
144        } else if (themeFlag === 4) {
145            document.documentElement.setAttribute('data-theme', 'red');
146            $("#blindRedMob").prop('checked', true);
147            $("#blindRed").prop('checked', true);
148        }
149    }
150    // theme change mob
151    $("input[name='colorRadioMob']").click(function() {
152        var colorCodeMob = $("input[name='colorRadioMob']:checked").val();
153        if (colorCodeMob === "1") {
154            document.documentElement.setAttribute('data-theme', 'default');
155            sessionStorage.setItem("themeMode", "1");
156        } else if (colorCodeMob === "2") {
157            document.documentElement.setAttribute('data-theme', 'dark');
158            sessionStorage.setItem("themeMode", "2");
159        } else if (colorCodeMob === "3") {
160            document.documentElement.setAttribute('data-theme', 'green');
161            sessionStorage.setItem("themeMode", "3");
162        } else if (colorCodeMob === "4") {
163            document.documentElement.setAttribute('data-theme', 'red');
164            sessionStorage.setItem("themeMode", "4");
165        }
166    });
167    // theme change mob end
168    // theme change desktop
169
170
171    $("input[name='colorRadio']").click(function() {
172        var colorCode = $("input[name='colorRadio']:checked").val();
173        if (colorCode === "1") {
174            document.documentElement.setAttribute('data-theme', 'default');
175            sessionStorage.setItem("themeMode", "1");
176        } else if (colorCode === "2") {
177            document.documentElement.setAttribute('data-theme', 'dark');
178            sessionStorage.setItem("themeMode", "2");
179        } else if (colorCode === "3") {
180            document.documentElement.setAttribute('data-theme', 'green');
181            sessionStorage.setItem("themeMode", "3");
182        } else if (colorCode === "4") {
183            document.documentElement.setAttribute('data-theme', 'red');
184            sessionStorage.setItem("themeMode", "4");
185        }
186    });
187    // theme change desktop end
188    // theme change end
189
190
191
192
193    AOS.init({});
194
195
196
197    // Hide header on scroll down
198    var didScroll;
199    var lastScrollTop = 0;
200    var delta = 5;
201    var navbarHeight = $("#header").outerHeight();
202
203    $(window).scroll(function(event) {
204        didScroll = true;
205    });
206
207    setInterval(function() {
208        if (didScroll) {
209            hasScrolled();
210            didScroll = false;
211        }
212    }, 250);
213
214    function hasScrolled() {
215        var st = $(this).scrollTop();
216
217        // Make scroll more than delta
218        if (Math.abs(lastScrollTop - st) <= delta) return;
219
220        // If scrolled down and past the navbar, add class .nav-up.
221        if (st > lastScrollTop && st > navbarHeight) {
222            // Scroll Down
223            $("#header").removeClass("nav-down").addClass("nav-up");
224        } else {
225            // Scroll Up
226            if (st + $(window).height() < $(document).height()) {
227                $("#header").removeClass("nav-up").addClass("nav-down");
228            }
229            if ($(window).scrollTop() >= 200) {
230                $("#header").addClass("stickyHead").fadeIn("slow");
231            } else {
232                $("#header").removeClass("stickyHead");
233            }
234        }
235
236        lastScrollTop = st;
237    }
238
239    // header fn
240
241});
242// banner video end
243
244
245
246
247
248
249
250
251
252
253//page loader
254$(window).on("load", function() {
255    $(".se-pre-con").fadeOut();
256    $("body").removeClass("loading");
257});
258
259
260
261
262
263
264// text trim for home media
265jQuery("#tabSec .card-text").each(function() {
266    var text = jQuery(this).text();
267    if (text.length > 100) {
268        jQuery(this).text(text.substr(0, text.lastIndexOf(' ', 97)) + '...');
269    }
270});
271
272
273// back to top button

274var btn = $('#BtoTopbtn');
275
276$(window).scroll(function() {
277    if ($(window).scrollTop() > 300) {
278        btn.addClass('show');
279    } else {
280        btn.removeClass('show');
281    }
282});
283
284btn.on('click', function(e) {
285    e.preventDefault();
286    $('html, body').animate({ scrollTop: 0 }, '300');
287});
288
289
290// text trim for menu media
291jQuery(".dropMenuEventMobj .eveHead").each(function() {
292    var text = jQuery(this).text();
293    if (text.length > 40) {
294        jQuery(this).text(text.substr(0, text.lastIndexOf(' ', 37)) + '...');
295    }
296});
297jQuery(".dropMenuEventMobj .dropPara:not(.showfull)").each(function() {
298    var text = jQuery(this).text();
299    if (text.length > 200) {
300        jQuery(this).text(text.substr(0, text.lastIndexOf(' ', 197)) + '...');
301    }
302});
303jQuery(".dropMenuMobj .dropPara:not(.showfull)").each(function() {
304    var text = jQuery(this).text();
305    if (text.length > 200) {
306        jQuery(this).text(text.substr(0, text.lastIndexOf(' ', 197)) + '...');
307    }
308});
309jQuery(".covidNews .paraBox").each(function() {
310    var text = jQuery(this).text();
311    if (text.length > 150) {
312        jQuery(this).text(text.substr(0, text.lastIndexOf(' ', 147)) + '...');
313    }
314});
315
316//image alt tag
317$('img:not([alt])').each(function(){
318    // var src = $(this).attr('src');
319    // var filename= src.split('/').pop();
320    $(this).attr('alt',$('title').text());
321});