1jQuery(document).ready(function () { 2 3 let media = window.matchMedia("(min-width: 768px)"); 4 5 6 7 function wrapGroups() { 8 9 let mylist = jQuery(".day-slider"); 10 11 let list = mylist.children(".day-box"); 12 13 14 15 for (let i = 0; i < list.length; i += 7) { 16 17 let group = list.slice(i, i + 7); 18 19 let wrapper = jQuery('<div class="day-js-slide"></div>'); 20 21 group.first().before(wrapper); 22 23 group.appendTo(wrapper); 24 25 } 26 27 setTimeout(() => { 28 29 let isUserClick = false; 30 31 let currentActiveSlideIndex = 0; 32 33 let days = jQuery(".day-box strong"); 34 35 days.each((_i, ele) => { 36 37 let dayText = jQuery(ele).text().trim(); 38 39 let dayOfWeek = dayText.slice(0, 3); 40 41 let newText = 42 43 `${dayOfWeek}` + `<span class="day">${dayText.slice(3)}</span>`; 44 45 jQuery(ele).html(newText); 46 47 }); 48 49 /*jQuery(".day-slider").on("init", function (event, slick) { 50 51 jQuery( 52 53 jQuery(".day-slider .slick-slide").eq(0).find(".day-box")[0] 54 55 ).addClass("day-active"); 56 57 });*/ 58 59 jQuery(".day-slider").on("init", function (event, slick) { 60 61 setTimeout(function () { 62 63 const today = new Date(); 64 65 const options = { year: "numeric", month: "long", day: "numeric" }; 66 67 const todayFormatted = today.toLocaleDateString("en-US", options); 68 69 70 71 const $boxes = jQuery(".day-box"); 72 73 $boxes.removeClass("day-active"); 74 75 76 77 const matchedBox = $boxes.filter(`[data-calender="${todayFormatted}"]`); 78 79 80 81 if (matchedBox.length) { 82 83 matchedBox.addClass("day-active").trigger("click"); 84 85 } else { 86 87 $boxes.first().addClass("day-active").trigger("click"); 88 89 } 90 91 }, 100); // Adjust delay if needed 92 93 }); 94 95 96 97 98 99 100 101 102 103 jQuery(".day-slider").slick({ 104 105 slidesToShow: 1, 106 107 slidesToScroll: 1, 108 109 focusOnSelect: true, 110 111 arrows: true, 112 113 infinite: false, 114 115 prevArrow: 116 117 '<div class="slick-arrow slick-prev flex flex-center" aria-label="Previous Arrow" role="button"><i class="fa-solid fa-circle-chevron-left"></i></div>', 118 119 nextArrow: 120 121 '<div class="slick-arrow slick-next flex flex-center" aria-label="Next Arrow" role="button"><i class="fa-solid fa-circle-chevron-right"></i></div>', 122 123 }); 124 125 jQuery(function () { 126 127 //inital state 128 129 var start = jQuery(".day-slide.slick-active") 130 131 .find(".day-box") 132 133 .eq(0) 134 135 .attr("data-calender"); 136 137 jQuery("#start").html(start); 138 139 var end = jQuery(".day-slide.slick-active") 140 141 .find(".day-box") 142 143 .eq(6) 144 145 .attr("data-calender"); 146 147 jQuery("#end").html(end); 148 149 150 151 var mstart = jQuery(".day-box.slick-current").attr("data-calender"); 152 153 console.log("mstart", mstart); 154 155 }); 156 157 158 159 jQuery(".day-slider").on("setPosition", function (event, slick) { 160 161 if (!isUserClick) { 162 163 const currentSlideIndex = slick.currentSlide; 164 165 if (currentSlideIndex !== currentActiveSlideIndex) { 166 167 jQuery(".day-box").removeClass("day-active"); 168 169 const activeSlide = slick.$slides.eq(currentSlideIndex); 170 171 const myActiveBox = jQuery(activeSlide.find(".day-box")[0]); 172 173 myActiveBox.addClass("day-active"); 174 175 currentActiveSlideIndex = currentSlideIndex; 176 177 let myslideno = +myActiveBox.attr("data-slide-box"); 178 179 console.log("mysliderno", myslideno); 180 181 jQuery(`[data-slide-show]`).hide(); 182 183 jQuery(`[data-slide-show=${0}]`).fadeIn(1000); 184 185 186 187 var start = jQuery(".day-slide.slick-active") 188 189 .find(".day-box") 190 191 .eq(0) 192 193 .attr("data-calender"); 194 195 jQuery("#start").html(start); 196 197 var end = jQuery(".day-slide.slick-active") 198 199 .find(".day-box") 200 201 .eq(6) 202 203 .attr("data-calender"); 204 205 jQuery("#end").html(end); 206 207 208 209 var mstart = jQuery(".day-box.slick-current").attr("data-calender"); 210 211 console.log("mstart", mstart); 212 213 } 214 215 } 216 217 }); 218
219 jQuery("[data-slide-box]").on("click", function (e) { 220 221 e.preventDefault(); 222 223 isUserClick = true; 224 225 jQuery(this).siblings("[data-slide-box]").removeClass("day-active"); 226 227 jQuery(this).addClass("day-active"); 228 229 var slideno = jQuery(this).data("slide-box"); 230 231 jQuery(`[data-slide-show]`).hide(); 232 233 jQuery(`[data-slide-show=${slideno}]`).fadeIn(1000); 234 235 setTimeout(function () { 236 237 isUserClick = false; 238 239 }, 100); 240 241 }); 242 243 const showSlider = jQuery(".show-slider"); 244 245 function initializeSlider() { 246 247 showSlider.each(function () { 248 249 const $this = jQuery(this); 250 251 const showSlide = $this.children(".shows-block").length; 252 253 if (window.matchMedia("(max-width: 1023px)").matches) { 254 255 if (!$this.hasClass("slick-initialized")) { 256 257 $this.slick({ 258 259 slidesToShow: 1, 260 261 slidesToScroll: 1, 262 263 arrows: true, 264 265 infinite: false, 266 267 variableWidth: true, 268 269 prevArrow: 270 271 '<div class="slick-arrow slick-prev flex flex-center" aria-label="Previous Arrow" role="button"><i class="fa-solid fa-circle-chevron-left"></i></div>', 272 273 nextArrow: 274 275 '<div class="slick-arrow slick-next flex flex-center" aria-label="Next Arrow" role="button"><i class="fa-solid fa-circle-chevron-right"></i></div>', 276 277 }); 278 279 } 280 281 } else { 282 283 if (showSlide >= 3 && !$this.hasClass("slick-initialized")) { 284 285 $this.slick({ 286 287 slidesToShow: 1, 288 289 slidesToScroll: 1, 290 291 arrows: true, 292 293 infinite: false, 294 295 variableWidth: true, 296 297 prevArrow: 298 299 '<div class="slick-arrow slick-prev flex flex-center" aria-label="Previous Arrow" role="button"><i class="fa-solid fa-circle-chevron-left"></i></div>', 300 301 nextArrow: 302 303 '<div class="slick-arrow slick-next flex flex-center" aria-label="Next Arrow" role="button"><i class="fa-solid fa-circle-chevron-right"></i></div>', 304 305 }); 306 307 } 308 309 } 310 311 }); 312 313 } 314 315 function destroySlider() { 316 317 showSlider.each(function () { 318 319 const $this = jQuery(this); 320 321 if ( 322 323 jQuery(window).width() >= 1024 && 324 325 $this.hasClass("slick-initialized") 326 327 ) { 328 329 $this.slick("unslick"); 330 331 } 332 333 }); 334 335 } 336 337 // Initial call 338 339 initializeSlider(); 340 341 jQuery(window).on("resize", function () { 342 343 destroySlider(); 344 345 initializeSlider(); 346 347 }); 348 349 // jQuery(".show-slider").slick({ 350 351 // slidesToShow: 1, 352 353 // slidesToScroll: 1, 354 355 // arrows: true, 356 357 // infinite: false, 358 359 // variableWidth: true, 360 361 // prevArrow: 362 363 // '<div class="slick-arrow slick-prev flex flex-center" aria-label="Previous Arrow" role="button"><i class="fa-solid fa-circle-chevron-left"></i></div>', 364 365 // nextArrow: 366 367 // '<div class="slick-arrow slick-next flex flex-center" aria-label="Next Arrow" role="button"><i class="fa-solid fa-circle-chevron-right"></i></div>', 368 369 // }); 370 371 }, 0); 372 373 } 374 375 376 377 function unwrapGroups() { 378 379 jQuery(document).ready(function () { 380 381 jQuery(".day-slider").on("init", function (event, slick) { 382 383 var currentSlide = slick.currentSlide || 0; 384 385 var $currentSlide = jQuery(slick.$slides.get(currentSlide)); 386 387 var slideAttr = $currentSlide.attr("data-calender"); 388 389 jQuery("#mstart").html(slideAttr); 390 391 }); 392 393 }); 394 395 396 397 jQuery(".group-wrapper").each(function () { 398 399 jQuery(this).children(".day-box").insertBefore(this); // move <li> elements before the div 400 401 jQuery(this).remove(); // remove the empty wrapper 402 403 });
404 405 406 407 setTimeout(() => { 408 409 var $slider = jQuery(".day-slider"); 410 var startIndex = $slider.find(".day-box.active").index(); 411 if( startIndex == -1){ 412 startIndex = 0; 413 } 414 415 jQuery(".day-slider").slick({ 416 417 slidesToShow: 1, 418 419 slidesToScroll: 1, 420 421 focusOnSelect: true, 422 423 asNavFor: ".show-my-sliders", 424 425 variableWidth: true, 426 427 centerMode: true, 428 429 centerPadding: "0", 430 431 arrows: true, 432 433 infinite: false, 434 435 initialSlide: startIndex, 436 437 prevArrow: 438 439 '<div class="slick-arrow slick-prev flex flex-center" aria-label="Previous Arrow" role="button"><i class="fa-solid fa-circle-chevron-left"></i></div>', 440 441 nextArrow: 442 443 '<div class="slick-arrow slick-next flex flex-center" aria-label="Next Arrow" role="button"><i class="fa-solid fa-circle-chevron-right"></i></div>', 444 445 }); 446 447 448 449 console.log("Mobile View"); 450 451 452 453 jQuery(".day-slider").on( 454 455 "afterChange", 456 457 function (event, slick, currentSlide) { 458 459 var $currentSlide = jQuery(slick.$slides.get(currentSlide)); 460 461 var slideAttr = $currentSlide.attr("data-calender"); 462 463 jQuery("#mstart").html(slideAttr); 464 465 } 466 467 ); 468 469 470 471 472 473 474 475 476 477 478 479 jQuery(".show-my-sliders").slick({ 480 481 slidesToShow: 1, 482 483 slidesToScroll: 1, 484 485 focusOnSelect: true, 486 487 arrows: false, 488 489 asNavFor: ".day-slider", 490 491 adaptiveHeight: true, 492 493 initialSlide: startIndex, 494 495 }); 496 497 }, 0); 498 499 } 500 501 502 503 // Initial load 504 505 if (media.matches) { 506 507 wrapGroups(); 508 509 } else { 510 511 unwrapGroups(); 512 513 } 514 515 516 517 media.addEventListener("change", (e) => { 518 519 if (e.matches) { 520 521 wrapGroups(); 522 523 } else { 524 525 unwrapGroups(); 526 527 } 528 529 }); 530 531}); 532
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.