${startAt}-${endAt}

/${totalSlides ?? 0}

件

`; } ); }, slideChange: function () { counterFraction.call( this, ".m-pr-module001__slider-fraction", ".m-pr-module001__pagination-list", ".m-pr-module001 .swiper-slide:last-child", '.m-pr-module001 .swiper-slide-active', itemCounter = null, function(fractionElement, startAt, endAt, totalSlides) { fractionElement.innerHTML = `

${startAt}-${endAt}

/${totalSlides ?? 0}

件

`; } ); }, }, } await itszai2_GroupSwiperChildren('m-pr-module001-slider__wrapper', { class: 'swiper-slide m-pr-module001__group', count: 6, }, () => { itszai2_InitSwiper('m-pr-module001-slider', sliderPr1); }); itszai2_InitSwiper('m-pr-module001-slider', sliderPr1); function sliderToEndPr1(swiper) { document.querySelector('.m-pr-module001__first').addEventListener('click', function (e) { e.preventDefault(); swiper.slideTo(0, 300); }); document.querySelector('.m-pr-module001__last').addEventListener('click', function (e) { e.preventDefault(); if (swiper && swiper.slides) { swiper.slideTo(swiper.slides.length - 1, 300); } }); } // ===== END ===== // // ===== Pr list 002 var sliderPr2 = { autoHeight: true, pagination: { el: ".m-pr-module002__pagination-list", clickable: true, renderBullet: function (index, className) { return '' + (index + 1) + ""; }, }, navigation: { nextEl: ".m-pr-module002-next-button", prevEl: ".m-pr-module002-prev-button", }, on: { init: function (swiper) { sliderToEndPr2(swiper); counterFraction.call( this, ".m-pr-module002__slider-fraction", ".m-pr-module002__pagination-list", ".m-pr-module002 .swiper-slide:last-child", '.m-pr-module002 .swiper-slide-active', itemCounter = null, function(fractionElement, startAt, endAt, totalSlides) { fractionElement.innerHTML = `

${startAt}-${endAt}

/${totalSlides ?? 0}

件

`; } ); }, slideChange: function () { counterFraction.call( this, ".m-pr-module002__slider-fraction", ".m-pr-module002__pagination-list", ".m-pr-module002 .swiper-slide:last-child", '.m-pr-module002 .swiper-slide-active', itemCounter = null, function(fractionElement, startAt, endAt, totalSlides) { fractionElement.innerHTML = `

${startAt}-${endAt}

/${totalSlides ?? 0}

件

`; } ); }, }, } await itszai2_GroupSwiperChildren('m-pr-module002-slider__wrapper', { class: 'swiper-slide m-pr-module002__group', count: 6, }, () => { itszai2_InitSwiper('m-pr-module002-slider', sliderPr2); }); itszai2_InitSwiper('m-pr-module002-slider', sliderPr2); function sliderToEndPr2(swiper) { document.querySelector('.m-pr-module002__first').addEventListener('click', function (e) { e.preventDefault(); swiper.slideTo(0, 300); }); document.querySelector('.m-pr-module002__last').addEventListener('click', function (e) { e.preventDefault(); if (swiper && swiper.slides) { swiper.slideTo(swiper.slides.length - 1, 300); } }); } // ===== END ===== // // ===== Recruitment list 001 var sliderRecruitment1 = { autoHeight: true, pagination: { el: ".m-recruitment-module001__pagination-list", clickable: true, renderBullet: function (index, className) { return '' + (index + 1) + ""; }, }, navigation: { nextEl: ".m-recruitment-module001-next-button", prevEl: ".m-recruitment-module001-prev-button", }, on: { init: function (swiper) { sliderToEndRecruitment1(swiper); counterFraction.call( this, ".m-recruitment-module001__slider-fraction", ".m-recruitment-module001__pagination-list", ".m-recruitment-module001 .swiper-slide:last-child", '.m-recruitment-module001 .swiper-slide-active', itemCounter = null, function(fractionElement, startAt, endAt, totalSlides) { fractionElement.innerHTML = `

${startAt}-${endAt}

/${totalSlides ?? 0}

件

`; } ); }, slideChange: function () { counterFraction.call( this, ".m-recruitment-module001__slider-fraction", ".m-recruitment-module001__pagination-list", ".m-recruitment-module001 .swiper-slide:last-child", '.m-recruitment-module001 .swiper-slide-active', itemCounter = null, function(fractionElement, startAt, endAt, totalSlides) { fractionElement.innerHTML = `

${startAt}-${endAt}

/${totalSlides ?? 0}

件

`; } ); }, }, } await itszai2_GroupSwiperChildren('m-recruitment-module001-slider__wrapper', { class: 'swiper-slide m-recruitment-module001__group', count: 6, }, () => { itszai2_InitSwiper('m-recruitment-module001-slider', sliderRecruitment1); }); itszai2_InitSwiper('m-recruitment-module001-slider', sliderRecruitment1); function sliderToEndRecruitment1(swiper) { document.querySelector('.m-recruitment-module001__first').addEventListener('click', function (e) { e.preventDefault(); swiper.slideTo(0, 300); }); document.querySelector('.m-recruitment-module001__last').addEventListener('click', function (e) { e.preventDefault(); if (swiper && swiper.slides) { swiper.slideTo(swiper.slides.length - 1, 300); } }); } // ===== END ===== // // ===== Recruitment list 002 var sliderRecruitment2 = { autoHeight: true, pagination: { el: ".m-recruitment-module002__pagination-list", clickable: true, renderBullet: function (index, className) { return '' + (index + 1) + ""; }, }, navigation: { nextEl: ".m-recruitment-module002-next-button", prevEl: ".m-recruitment-module002-prev-button", }, on: { init: function (swiper) { sliderToEndRecruitment2(swiper); counterFraction.call( this, ".m-recruitment-module002__slider-fraction", ".m-recruitment-module002__pagination-list", ".m-recruitment-module002 .swiper-slide:last-child", '.m-recruitment-module002 .swiper-slide-active', itemCounter = null, function(fractionElement, startAt, endAt, totalSlides) { fractionElement.innerHTML = `

${startAt}-${endAt}

/${totalSlides ?? 0}

件

`; } ); }, slideChange: function () { counterFraction.call( this, ".m-recruitment-module002__slider-fraction", ".m-recruitment-module002__pagination-list", ".m-recruitment-module002 .swiper-slide:last-child", '.m-recruitment-module002 .swiper-slide-active', itemCounter = null, function(fractionElement, startAt, endAt, totalSlides) { fractionElement.innerHTML = `

${startAt}-${endAt}

/${totalSlides ?? 0}

件

`; } ); }, }, } await itszai2_GroupSwiperChildren('m-recruitment-module002-slider__wrapper', { class: 'swiper-slide m-recruitment-module002__group', count: 6, }, () => { itszai2_InitSwiper('m-recruitment-module002-slider', sliderRecruitment2); }); itszai2_InitSwiper('m-recruitment-module002-slider', sliderRecruitment2); function sliderToEndRecruitment2(swiper) { document.querySelector('.m-recruitment-module002__first').addEventListener('click', function (e) { e.preventDefault(); swiper.slideTo(0, 300); }); document.querySelector('.m-recruitment-module002__last').addEventListener('click', function (e) { e.preventDefault(); if (swiper && swiper.slides) { swiper.slideTo(swiper.slides.length - 1, 300); } }); } // ===== END ===== // // ===== Voice 1 var sliderVoice1 = { 'effect': 'fade', autoHeight: true, fadeEffect: { crossFade: true }, loop: true, navigation: { prevEl: '.m-voice-module001__slider-prev-button', nextEl: '.m-voice-module001__slider-next-button', }, pagination: { el: '.m-voice-module001__slider-pagination', type: 'fraction', }, } itszai2_InitSwiper('m-voice-module001__slider', sliderVoice1); // ===== Gallery 001 var galleryList = document.getElementsByClassName('m-gallery-module001__slider'); for (var el of [...(galleryList ?? [])]) { var instanceEl = null; var sliderGallery01 = { // spaceBetween: 12, // slidesPerView: 1, loop: true, slidesPerView: 'auto', navigation: { nextEl: ".m-gallery-module001__slider-next-button", prevEl: ".m-gallery-module001__slider-prev-button", }, on: { init: function() { setTimeout(() => { console.log(instanceEl); var swiperWrapper = instanceEl.el.querySelector('.swiper-wrapper'); var swiperSlides = instanceEl.el.querySelectorAll('.swiper-slide'); swiperSlides.forEach((slide, _) => { var clonedSlide = slide.cloneNode(true); swiperWrapper.appendChild(clonedSlide); }); handleImageChange(instanceEl.el); }, 0); }, slideChangeTransitionStart: function () { if (this.activeIndex > this.previousIndex) { instanceEl.el.classList.remove("trigged-prev-nav"); instanceEl.el.classList.add("trigged-next-nav"); } else { instanceEl.el.classList.add("trigged-prev-nav"); instanceEl.el.classList.remove("trigged-next-nav"); } } } } instanceEl = await itszai2_InitSwiperByElement(el ,sliderGallery01); // Change image when user Update in Systems function handleImageChange(parent) { var allImages = parent.querySelectorAll(`img`); allImages.forEach(image => { new MutationObserver(function (mutationsList) { mutationsList.forEach(mutation => { if (mutation.type === 'attributes' && mutation.attributeName === 'src') { var swiperlId = image.closest('.swiper-slide').dataset.swiperSlideIndex; var swiperSlideCurrent = parent.querySelectorAll(`.swiper-slide[data-swiper-slide-index="${swiperlId}"]`); swiperSlideCurrent.forEach(element => { var imgSlideCurrent = element.querySelector('img'); imgSlideCurrent.outerHTML = image.outerHTML; }); } }); }).observe(image, { attributes: true }); }); } } // ===== END ===== // // ===== Gallery 002 var sliderGallery02 = { autoHeight: true, spaceBetween: 16, slidesPerGroup: 1, slidesPerView: 'auto', loop: true, navigation: { nextEl: ".m-gallery-module002__slider-next-button", prevEl: ".m-gallery-module002__slider-prev-button", }, } itszai2_InitSwiper('m-gallery-module002__slider', sliderGallery02); // ===== END ===== // } // banner fixed when scroll bottom var handleFixedBanner = () => { var bannerFixed = document.querySelector('.m-banner-module002'); var mainScroll = document.getElementById('main-scroll'); if (bannerFixed) { mainScroll.addEventListener("scroll", function(e){ var footer = document.querySelector('.footer'); function getRectTop(el){ var rect = el.getBoundingClientRect(); return rect.top; } if((getRectTop(bannerFixed) + document.body.scrollTop) + bannerFixed.offsetHeight >= (getRectTop(footer) + document.body.scrollTop) - 10) { bannerFixed.style.position = 'absolute'; bannerFixed.style.setProperty('right', '0', 'important'); } if(document.body.scrollTop + window.innerHeight < (getRectTop(footer) + document.body.scrollTop)) { bannerFixed.style.position = 'fixed'; bannerFixed.style.setProperty('right', '15px', 'important'); } }); } } document.addEventListener("DOMContentLoaded", () => { handleLoadJS(); handleFixedBanner(); handleScrollHeader(); }); function counterFraction(fractionBody, fractionSliderItem, fractionLastItem, fractionLabelActive, itemCounter, callbackFunction) { var activeIndex = this.realIndex + 1; if (!isNaN(activeIndex)) { if (itemCounter) { clearTimeout(itemCounter); } itemCounter = setTimeout(() => { var sliderItem = document.querySelector(fractionSliderItem); var totalItem = (sliderItem.childNodes.length -1) * 6; var lastItem = document.querySelector(fractionLastItem); var totalLastItem = lastItem.childNodes.length; var totalSlides = totalItem + totalLastItem; var textLabel = document.querySelector(fractionLabelActive)?.getAttribute("aria-label"); var nums = textLabel?.split('/').map((item) => Number(item.trim())); var startIndex = 0; if (nums?.[0] && !Number.isNaN(nums[0])) { startIndex = nums[0]; } var groupItemCount = 6; var fractionElement = document.querySelector(fractionBody); var startAt = ((startIndex || 1) - 1) * groupItemCount + 1; var endAt = Math.min(totalSlides ?? 0, startAt + groupItemCount - 1); if (fractionElement) { callbackFunction(fractionElement, startAt, endAt, totalSlides); } }, 200); } } // Header sticky when scroll var handleScrollHeader = () => { var header = document.getElementById('main-scroll'); if (header) { var headerEl = document.querySelector(".header-main"); var divAfterHeader = header.parentElement.querySelector('header + main'); var hWindow = window.innerHeight; var hActive = 0; var updateHeaderState = () => { var hContent = divAfterHeader.offsetHeight; if (hContent <= hWindow && hActive == 0) { headerEl.classList.add('active'); divAfterHeader.style.marginTop = '80px'; } else if(hActive != 1) { headerEl.classList.remove('active'); divAfterHeader.style.marginTop = '0'; hActive = 1; } }; var resizeObserver = new ResizeObserver((entries) => { for (var entry of entries) { if (entry.contentRect) { updateHeaderState(); } } }); resizeObserver.observe(divAfterHeader); window.addEventListener('resize', () => { hWindow = window.innerHeight; updateHeaderState(); }); header.addEventListener('scroll', function (e) { if (e.target.scrollTop > 1) { headerEl.classList.add('active'); } else { headerEl.classList.remove('active'); } }); updateHeaderState(); } }; // document.addEventListener("DOMContentLoaded", () => { // handleStickyHeader(); // }); } catch (scriptErr) { console.warn('[Theme Script Execution Error]:', scriptErr); } })();