{"version":3,"sources":["node_modules/browser-pack/_prelude.js","src/scripts/components/fetchData.ts","src/scripts/layout/banner.ts","src/scripts/layout/dropdown.ts","src/scripts/layout/header.ts","src/scripts/layout/popup.ts","src/scripts/layout/search.ts","src/scripts/main.ts","src/scripts/pages/about-network.ts","src/scripts/pages/careersJob.ts","src/scripts/pages/careersSubchildren.ts","src/scripts/pages/careersSubpages.ts","src/scripts/pages/contact.ts","src/scripts/pages/farmSubchildren.ts","src/scripts/pages/index.ts","src/scripts/pages/news.ts","src/scripts/pages/subpages.ts"],"names":["r","e","n","t","o","i","f","c","require","u","a","Error","code","p","exports","call","length","1","module","default","fetchData","banner","document","getElementById","Swiper","loop","autoplay","delay","pagination","el","clickable","navigation","nextEl","prevEl","banners","querySelectorAll","header","querySelector","hHeader","offsetHeight","sectionBanner","forEach","item","classList","contains","style","paddingTop","spaces","console","log","window","addEventListener","setTimeout","hHeaderResize","subbannerPosition","toggleDropdown","getElementsByClassName","element","btnDropDown","menuDropDown","itemsDropDown","dropdownActive","toggle","remove","text","textContent","label","innerHTML","attrBox","getAttribute","setAttribute","dropdown","searchs","boxSearch","searchCancel","inputSearch","ham","nav","items","body","nextElementSibling","scrollY","add","search","children","preventDefault","value","itemTemp","key","location","replace","height","overflow","innerWidth","linkSub","linkComeBack","popup","AOS","init","once","banner_1","popup_1","search_1","header_1","dropdown_1","index_1","careersSubpages_1","careersSubchildren_1","careersJob_1","farmSubchildren_1","subpages_1","contact_1","news_1","about_network_1","index","careersSubpages","careersSubchildren","farmSubchildren","careersJob","subPages","contactPage","newsPage","aboutNetwork","btnOpenSort_1","btnCloseort_1","cate_1","networkPage","handleOptionsJob","keyword","level","type","infor","KeyworDataBox","LocationDataBox","LevelDataBox","TypeDataBox","xhttp","XMLHttpRequest","onreadystatechange","this","readyState","status","open","send","JSON","stringify","submitSearch","btn","more_1","fewer_1","content","swiperThumbs","qStr","swiper","spaceBetween","slidesPerView","speed","freeMode","watchSlidesVisibility","watchSlidesProgress","breakpoints","thumbs","on","transitionStart","transitionEnd","imgItem","getElementsByTagName","pex","offsetX","pey","offsetY","transformOrigin","cursor","handleFormJob","fullName","email","phone","adress","Cv","name","address","Fullname","Email","Phone","Address","submitForm","btnChooseCv","click","hrefBtn","assign","newsdetailsvideoPage","scrVideo","popupVideo","popupVideoChangeSrc","overflowY","subpages","nameDropDown","optionsDropDown","iconChange"],"mappings":"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","file":"main.min.js","sourcesContent":["(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c=\"function\"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error(\"Cannot find module '\"+i+\"'\");throw a.code=\"MODULE_NOT_FOUND\",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u=\"function\"==typeof require&&require,i=0;i {\r\n\t// const formData = new FormData();\r\n\t// formData.append(\"FirstName\", \"Sơn\");\r\n\t// formData.append(\"LastName\", \"Vũ\");\r\n\t// axios.post(\"/user\", formData).then(function (response) {\r\n\t// \tconsole.log(response);\r\n\t// });\r\n\r\n\t// axios.get(\"./api/test.json\")\r\n\t// \t.then((response) => {\r\n\t// \t\treturn response;\r\n\t// \t})\r\n\t// \t.finally(() => {});\r\n};\r\n\r\nexport default {\r\n\tfetchData: fetchData(),\r\n}","declare var Swiper : any;\r\n\r\nfunction swiperBanner(){\r\n if (document.getElementById('banner')){\r\n var swiper = new Swiper(\"#banner .banner-swiper\", {\r\n // direction: \"vertical\",\r\n loop: true,\r\n autoplay: {\r\n delay: 1500\r\n },\r\n\r\n pagination: {\r\n el: \"#banner .banner-swiper .swiper-pagination\",\r\n clickable: true,\r\n },\r\n navigation: {\r\n nextEl: \".swiper-button-next\",\r\n prevEl: \".swiper-button-prev\",\r\n },\r\n });\r\n // new Swiper('#banner .banner-swiper', {\r\n // loop: true,\r\n\r\n // // autoplay: {\r\n // // delay: 3000,\r\n // // disableOnInteraction: false,\r\n // // },\r\n\r\n // pagination: {\r\n // el: \".banner .swiper-pagination\",\r\n // clickable: true,\r\n // },\r\n // })\r\n }\r\n}\r\n\r\nfunction subbannerPosition(){\r\n var banners = document.querySelectorAll('.banner');\r\n var header = document.querySelector('header');\r\n var hHeader = header.offsetHeight;\r\n var sectionBanner = document.getElementById('bannerSub');\r\n\r\n banners.forEach(function(item){\r\n if (item.classList.contains('bannersub')){\r\n sectionBanner.style.paddingTop = `${hHeader}px`;\r\n }\r\n })\r\n\r\n var spaces = document.querySelectorAll('.space-header');\r\n spaces.forEach(function(item){\r\n var itemE = item;\r\n itemE.style.paddingTop = `${hHeader}px`;\r\n })\r\n\r\n var banner = document.getElementById('banner');\r\n if (banner){\r\n console.log(hHeader);\r\n banner.style.paddingTop = `${hHeader}px`;\r\n }\r\n\r\n window.addEventListener('resize', function(e){\r\n // resize sub banner\r\n setTimeout(function(){\r\n var hHeaderResize = header.offsetHeight;\r\n \r\n banners.forEach(function(item){\r\n if (item.classList.contains('bannersub')){\r\n sectionBanner.style.paddingTop = `${hHeaderResize}px`;\r\n }\r\n })\r\n // resize space header\r\n spaces.forEach(function(item){\r\n var itemE = item;\r\n itemE.style.paddingTop = `${hHeaderResize}px`;\r\n })\r\n // resize banner\r\n if (banner){\r\n banner.style.paddingTop = `${hHeaderResize}px`;\r\n }\r\n }, 400);\r\n })\r\n}\r\nexport const banner = function(){\r\n swiperBanner();\r\n subbannerPosition();\r\n}","\r\nfunction toggleDropdown() {\r\n if (document.getElementsByClassName('dropdown')) {\r\n var selectorDropDown = document.querySelectorAll('.dropdown');\r\n selectorDropDown.forEach(element => {\r\n var btnDropDowns = element.getElementsByClassName('dropdown__btn')\r\n \r\n var btnDropDown = btnDropDowns[0];\r\n var menuDropDowns = element.getElementsByClassName('dropdown__menu');\r\n var menuDropDown = menuDropDowns[0];\r\n var itemsDropDown = menuDropDown.getElementsByClassName('itemsMenu');\r\n btnDropDown.addEventListener('click', function () {\r\n var dropdownActive = document.querySelector('.dropdown .dropdown__menu.active');\r\n console.log(dropdownActive)\r\n menuDropDown.classList.toggle('active');\r\n if(dropdownActive){\r\n dropdownActive.classList.remove('active')\r\n }\r\n\r\n \r\n \r\n \r\n // console.log(dropdownActive)\r\n\r\n })\r\n for(let i = 0 ;i item.nextElementSibling;\r\n \r\n // item.addEventListener('mouseover', function(e){\r\n // console.log([window]);\r\n // if (nextE){\r\n // if (!nextE.classList.contains('show')){\r\n // // nextE.style.top = `calc(100% + 4px + 8px)`;\r\n // nextE.classList.add('show');\r\n // }\r\n // }\r\n // })\r\n\r\n // item.addEventListener('mouseout', function(e){\r\n // if (nextE){\r\n // if (nextE.classList.contains('show')){\r\n // // nextE.style.top = `calc(100% + 4px + 8px)`;\r\n // nextE.classList.remove('show');\r\n // }\r\n // // if (e.target !== nextE){\r\n // // }\r\n // }\r\n // })\r\n })\r\n\r\n\r\n }\r\n}\r\n\r\nfunction handleScrollHeader(){\r\n var hHeader = document.querySelector('header');\r\n if (!hHeader){\r\n return;\r\n }\r\n document.addEventListener('scroll', function(e){\r\n var scY = window.scrollY;\r\n if (scY >= 100){\r\n if (!hHeader.classList.contains('scroll')){\r\n hHeader.classList.add('scroll');\r\n }\r\n }\r\n else{\r\n if (hHeader.classList.contains('scroll')){\r\n hHeader.classList.remove('scroll');\r\n }\r\n }\r\n })\r\n}\r\n\r\nfunction handleCancelInputSearch(){\r\n var searchCancel = document.querySelectorAll('.search .search-input__close');\r\n var inputSearch = document.getElementById('searchBoxHeader');\r\n searchCancel.forEach(function(item){\r\n var closes = item.getElementsByClassName('close');\r\n var close = closes.item(0);\r\n close.addEventListener('click', function(el){\r\n el.preventDefault();\r\n inputSearch.value = \"\";\r\n\r\n searchCancel.forEach(function(itemTemp){\r\n if (itemTemp.classList.contains('valid')){\r\n itemTemp.classList.remove('valid');\r\n }\r\n })\r\n })\r\n })\r\n\r\n inputSearch.addEventListener('input', function(e){\r\n searchCancel.forEach(function(item){\r\n if (!item.classList.contains('valid')){\r\n item.classList.add('valid');\r\n }\r\n })\r\n if (!inputSearch.value){\r\n searchCancel.forEach(function(item){\r\n if (item.classList.contains('valid')){\r\n item.classList.remove('valid');\r\n }\r\n })\r\n }\r\n\r\n })\r\n inputSearch.addEventListener('keypress', function(e){\r\n if (e.key === 'Enter'){\r\n // call API update\r\n\r\n // redirect search.html\r\n window.location.replace('./search.html');\r\n }\r\n })\r\n}\r\n\r\n\r\nfunction handleClickSearch(){\r\n var searchs = document.querySelectorAll('.header-right-extension .extension-item__search');\r\n var boxSearch = document.querySelector('header .search');\r\n if (!boxSearch){\r\n return;\r\n }\r\n searchs.forEach(function(search){\r\n var child = search.children[0];\r\n\r\n child.addEventListener('click', function(e){\r\n e.preventDefault();\r\n if (boxSearch.classList.contains('show')){\r\n boxSearch.classList.remove('show');\r\n search.classList.remove('active');\r\n }\r\n else{\r\n boxSearch.classList.add('show');\r\n search.classList.add('active');\r\n }\r\n\r\n })\r\n })\r\n}\r\n\r\n// function hanleClickSubMenu(){\r\n // if (document.querySelector('.header-right .menu')){\r\n // var menu = document.querySelector('.header-right .menu');\r\n // if (menu){\r\n // var itemMenus = menu.querySelectorAll('.menu-item');\r\n // // console.log(itemMenus)\r\n // itemMenus.forEach(function(item){\r\n // var btn = item.querySelectorAll('.main-button__link');\r\n // if(btn[0]){\r\n // btn[0].addEventListener('click', function(e){\r\n // e.preventDefault();\r\n // if (!item.classList.contains('showSub')){\r\n // item.classList.add('showSub');\r\n // }\r\n // })\r\n // }\r\n // })\r\n // }\r\n // }\r\n// }\r\n\r\n\r\nfunction toggleHamberger() {\r\n if (document.querySelector('header')) {\r\n var ham = document.querySelector('.menubar-ham');\r\n var nav = document.querySelector('.header-right-menu');\r\n var items = document.querySelectorAll('.header-right-menu .menu-item');\r\n var body = document.querySelector('body');\r\n\r\n ham.addEventListener('click', function () {\r\n if (ham.classList.contains('active') && nav.classList.contains('show')) {\r\n body.style.height = \"\";\r\n body.style.overflow = \"\";\r\n \r\n ham.classList.remove('active');\r\n nav.classList.remove('show');\r\n }\r\n else {\r\n body.style.height = \"100vh\";\r\n body.style.overflow = \"hidden\";\r\n \r\n items.forEach(function(item){\r\n item.classList.remove('showSub');\r\n })\r\n ham.classList.add('active');\r\n nav.classList.add('show');\r\n }\r\n })\r\n }\r\n}\r\n\r\nfunction handleShowMenuSub(){\r\n if (window.innerWidth < 641){\r\n var items = document.querySelectorAll('.header-right-menu .menu-item');\r\n items.forEach(function(item){\r\n var linkSub = item.querySelector('.main-button__link');\r\n if (linkSub){\r\n linkSub.addEventListener('click', function(e){\r\n e.preventDefault();\r\n item.classList.add('showSub');\r\n })\r\n }\r\n\r\n var sub = item.querySelector('.menu-item-sub');\r\n if (sub){\r\n var linkComeBack = item.querySelector('.sub-button__link');\r\n if (linkComeBack){\r\n linkComeBack.addEventListener('click', function(e){\r\n e.preventDefault();\r\n item.classList.remove('showSub');\r\n })\r\n }\r\n }\r\n })\r\n }\r\n\r\n window.addEventListener('resize', function(){\r\n if (window.innerWidth < 641){\r\n var items = document.querySelectorAll('.header-right-menu .menu-item');\r\n items.forEach(function(item){\r\n var linkSub = item.querySelector('.main-button__link');\r\n if (linkSub){\r\n linkSub.addEventListener('click', function(e){\r\n e.preventDefault();\r\n item.classList.add('showSub');\r\n })\r\n }\r\n \r\n var sub = item.querySelector('.menu-item-sub');\r\n if (sub){\r\n var linkComeBack = item.querySelector('.sub-button__link');\r\n if (linkComeBack){\r\n linkComeBack.addEventListener('click', function(e){\r\n e.preventDefault();\r\n item.classList.remove('showSub');\r\n })\r\n }\r\n }\r\n })\r\n }\r\n else{\r\n var body = document.querySelector('body');\r\n var ham = document.querySelector('.menubar-ham');\r\n var nav = document.querySelector('.header-right-menu');\r\n if (body && ham && nav){\r\n body.style.height = \"\";\r\n body.style.overflow = \"\";\r\n ham.classList.remove('active');\r\n nav.classList.remove('show');\r\n }\r\n }\r\n })\r\n}\r\n\r\n// // Kiểm tra xem sự kiện click trên document có click vào trong menu hay submenu or là icon không?\r\n// // Nếu không phải thì ta sẽ không cho hiển thị Menu nữa\r\n// function activeHamberger(evt: any) {\r\n// var btnHam = document.querySelector('.header-main__button');\r\n// var nav = document.querySelector('.header-main__nav');\r\n\r\n// if (btnHam) {\r\n// var evtTarget = evt.target;\r\n// // Kiem tra co click vao btnHam ko? Neu co thi ko lam gi` ca\r\n// do {\r\n// if (evtTarget == nav) {\r\n// return;\r\n// }\r\n// else if (evtTarget == btnHam) {\r\n// return;\r\n// }\r\n// evtTarget = evtTarget.parentNode;\r\n// } while (evtTarget);\r\n\r\n// // Neu ko thi se remove class active\r\n\r\n// btnHam.classList.remove('show');\r\n// btnHam.classList.remove('active');\r\n// nav.classList.remove('active');\r\n// }\r\n// }\r\n\r\n\r\n// // Xử lý sự kiện active trên Header\r\n// function handleActiveHeader() {\r\n// if (document.getElementById('header')) {\r\n// document.addEventListener('click', function (e) {\r\n// activeHamberger(e);\r\n// activeLanguage(e);\r\n// activeOrder(e);\r\n// activeOptionOrder(e);\r\n// })\r\n// toggleHamberger();\r\n// toggleLanguage();\r\n// toggleOrder();\r\n// listOptionOrder();\r\n\r\n// // resize window\r\n// var btnHam = document.querySelector('.header-main__button');\r\n// var nav = document.querySelector('.header-main__nav');\r\n\r\n// window.addEventListener('resize', function () {\r\n// if (window.innerWidth > 1336) {\r\n\r\n// // ẩn button hamberger và nav\r\n// if (btnHam.classList.contains('show')) {\r\n// btnHam.classList.remove('show');\r\n// btnHam.classList.remove('active');\r\n// nav.classList.remove('active');\r\n// }\r\n// }\r\n// })\r\n// }\r\n// }\r\n\r\n// function toggleLanguage() {\r\n// if (document.getElementById('header')) {\r\n// var language = document.querySelector('.content-info__language .language-active');\r\n// var languageList = document.querySelector('.content-info__language .language-list');\r\n// var languageActive = document.querySelector('.content-info__language .language-list .active');\r\n// var languageItems = document.querySelectorAll('.content-info__language .language-list .language-list__item');\r\n\r\n// var langValue = languageActive.getAttribute('data-lang');\r\n// var content = language.getElementsByClassName('language-content');\r\n// content[0].innerHTML = languageActive.innerHTML;\r\n// content[0].setAttribute('data-lang', langValue);\r\n\r\n// language.addEventListener('click', function () {\r\n// if (language.classList.contains('active') || languageList.classList.contains('active')) {\r\n// language.classList.remove('active');\r\n// languageList.classList.remove('active');\r\n// }\r\n// else {\r\n// language.classList.add('active');\r\n// languageList.classList.add('active');\r\n// }\r\n// })\r\n\r\n// languageItems.forEach(function (item, idx, list) {\r\n// item.addEventListener('click', function (e) {\r\n// list.forEach(function (tmp) {\r\n// tmp.classList.remove('active');\r\n// })\r\n// var thisValue = this.getAttribute('data-lang');\r\n// this.classList.add('active');\r\n\r\n// content[0].innerHTML = this.innerHTML;\r\n// content[0].setAttribute('data-lang', thisValue);\r\n\r\n// language.classList.remove('active');\r\n// languageList.classList.remove('active');\r\n\r\n// var xhttp = new XMLHttpRequest();\r\n// var loc = window.location.host;\r\n\r\n// var hrefGet = `./_common-settings/ChangeCulture?culture=${thisValue}&url=${loc}`;\r\n\r\n// xhttp.onreadystatechange = function () {\r\n// if (this.readyState == 4 && this.status == 200) {\r\n// window.location.replace(\"/\");\r\n// return;\r\n// }\r\n// else {\r\n// console.log('change language failed!' + thisValue);\r\n// }\r\n// };\r\n// xhttp.open(\"GET\", hrefGet, true);\r\n// xhttp.send();\r\n// })\r\n// })\r\n// }\r\n// }\r\n\r\n// // Kiểm tra xem sự kiện click trên document có click vào trong menu hay submenu or là icon không?\r\n// // Nếu không phải thì ta sẽ không cho hiển thị Menu nữa\r\n// function activeLanguage(evt: any) {\r\n// var language = document.querySelector('.content-info__language .language-active');\r\n// var languageList = document.querySelector('.content-info__language .language-list');\r\n\r\n// if (language) {\r\n// var evtTarget = evt.target;\r\n// // Kiem tra co click vao btnHam ko? Neu co thi ko lam gi` ca\r\n// do {\r\n// if (evtTarget == languageList) {\r\n// return;\r\n// }\r\n// else if (evtTarget == language) {\r\n// return;\r\n// }\r\n// evtTarget = evtTarget.parentNode;\r\n// } while (evtTarget);\r\n\r\n// // Neu ko thi se remove class active\r\n// language.classList.remove('active');\r\n// languageList.classList.remove('active');\r\n// }\r\n// }\r\n\r\n\r\n// function activeOrder(evt: any) {\r\n// var link = document.querySelector('.header .content-order .content-order__link');\r\n// var popup = document.querySelector('.header .content-order .content-order__popup');\r\n\r\n// if (popup) {\r\n// var evtTarget = evt.target;\r\n// // Kiem tra co click vao btnHam ko? Neu co thi ko lam gi` ca\r\n// do {\r\n// if (evtTarget == popup) {\r\n// return;\r\n// }\r\n// else if (evtTarget == link) {\r\n// return;\r\n// }\r\n// evtTarget = evtTarget.parentNode;\r\n// } while (evtTarget);\r\n\r\n// // Neu ko thi se remove class active\r\n// link.classList.remove('active');\r\n// popup.classList.remove('active');\r\n// var body = document.querySelector('body');\r\n// body.style.overflow = \"\";\r\n// }\r\n// }\r\n\r\n// function activeValueOpt(){\r\n// let links = document.querySelectorAll('.content-order__popup.active .order-option-item');\r\n\r\n// links.forEach(function(link){\r\n// let item = link.getElementsByClassName('group-option-item');\r\n// let optList = link.getElementsByClassName('group-option-list');\r\n// let gpInput = link.getElementsByClassName('input-content__value');\r\n \r\n// for (let i = 0; i < item.length; i++){\r\n \r\n// if(item[i].classList.contains('active')){\r\n// let val = item[i].getAttribute('data-value');\r\n// let htmlItem = item[i].innerHTML;\r\n \r\n// gpInput[0].innerHTML = htmlItem;\r\n// gpInput[0].setAttribute('data-value', `${val}`);\r\n// }\r\n// }\r\n \r\n// for (let i = 0; i < item.length; i++){\r\n// let evtItem = item[i];\r\n\r\n// evtItem.addEventListener('click', function(e){\r\n// e.preventDefault();\r\n// let val = this.getAttribute('data-value');\r\n// let htmlItem = this.innerHTML;\r\n\r\n// // add html vào đúng chỗ, và tắt option list\r\n// gpInput[0].innerHTML = htmlItem;\r\n// gpInput[0].setAttribute('data-value', `${val}`);\r\n// optList[0].classList.remove('active'); \r\n\r\n// // active item đó\r\n// let tmpItems = link.getElementsByClassName('group-option-item');\r\n// for(var num = 0; num < tmpItems.length; num++){\r\n// tmpItems[num].classList.remove('active');\r\n// }\r\n\r\n// this.classList.add('active');\r\n// })\r\n// }\r\n \r\n// })\r\n// }\r\n\r\n// function toggleOrder() {\r\n// if (document.getElementById('header')) {\r\n// var link = document.querySelector('.header .header-top__content .content-order__link');\r\n\r\n// var popup = document.querySelector('.header .header-top__content .content-order__popup');\r\n// var overlay = document.querySelector('.header .header-top__content .content-order__popup-overlay');\r\n// var close = document.querySelector('.header .header-top__content .content-order__popup .close');\r\n// var body = document.querySelector('body');\r\n// link.addEventListener('click', function (e) {\r\n// e.preventDefault();\r\n// popup.classList.add('active');\r\n \r\n// body.style.overflow = \"hidden\";\r\n// activeValueOpt();\r\n// })\r\n\r\n// overlay.addEventListener('click', function (e) {\r\n// e.preventDefault();\r\n \r\n// popup.classList.remove('active');\r\n// body.style.overflow = \"\";\r\n// })\r\n\r\n// close.addEventListener('click', function (e) {\r\n// e.preventDefault();\r\n// popup.classList.remove('active');\r\n// body.style.overflow = \"\";\r\n// })\r\n// }\r\n// }\r\n\r\n// function activeOptionOrder(evt: any) {\r\n// var links = document.querySelectorAll('.content-order__popup .order-option-item');\r\n// var flag = false;\r\n// links.forEach(function(item){\r\n// var evtTarget = evt.target;\r\n// var listOptions = item.getElementsByClassName('group-option-list');\r\n// var content = item.getElementsByClassName('input-content');\r\n\r\n// do {\r\n// if (evtTarget === listOptions[0]) {\r\n// console.log(2);\r\n// return;\r\n// }\r\n// else if (evtTarget === content[0]){\r\n// return;\r\n// }\r\n\r\n// evtTarget = evtTarget.parentNode;\r\n// } while (evtTarget);\r\n\r\n// listOptions[0].classList.remove('active');\r\n// })\r\n// }\r\n\r\n// function listOptionOrder() {\r\n// var listOptions = document.querySelectorAll('.header .content-order__popup .order-option-item');\r\n// listOptions.forEach(function (opt) {\r\n\r\n// var valOpt = opt.getElementsByClassName('input-content');\r\n// var listOpt = opt.getElementsByClassName('group-option-list');\r\n\r\n// for (var i = 0; i < valOpt.length; i++) {\r\n// valOpt[i].addEventListener('click', function (e) {\r\n\r\n// listOpt[0].classList.add('active');\r\n// })\r\n// }\r\n// })\r\n// }\r\n\r\n\r\n// function dateTimePickerOrder(){\r\n// $('#receiveOrder').datetimepicker({\r\n// timepicker:false,\r\n// format: 'd/m/Y',\r\n// });\r\n// $('#payOrder').datetimepicker({\r\n// timepicker:false,\r\n// format: 'd/m/Y',\r\n// });\r\n// }\r\n\r\n// function changeInputError(inp : any){\r\n// var infor = document.querySelector('#orderForm .infor-order');\r\n// inp.addEventListener('focus', function(){\r\n// this.classList.remove('error');\r\n// infor.classList.remove('error');\r\n// infor.classList.remove('success');\r\n// infor.innerHTML = \"\";\r\n// })\r\n// }\r\n\r\n// function checkInputValue(inp: any){\r\n// if (inp){\r\n// var tmpInp = inp;\r\n// if (!tmpInp.value){\r\n// tmpInp.classList.add('error');\r\n// return false;\r\n// }\r\n// return true;\r\n// }\r\n// return false;\r\n// }\r\n\r\n// function checkOptionValue(opt:any){\r\n// var valOpt = opt.getAttribute('data-value');\r\n// if (valOpt){\r\n// return true;\r\n// }\r\n// opt.classList.add('error');\r\n// return false;\r\n// }\r\n\r\n// function checkAllVale(inps:any = null, opts :any = null){\r\n// if (inps){\r\n// var check = inps.find(function(inp:any){\r\n// return !checkInputValue(inp);\r\n// });\r\n// if (check){\r\n// return false;\r\n// }\r\n// }\r\n\r\n// if (opts){\r\n// var check = opts.find(function(opt:any){\r\n// return !checkOptionValue(opt);\r\n// });\r\n// if (check){\r\n// return false;\r\n// }\r\n// }\r\n\r\n// return true;\r\n// }\r\n\r\n// function submit(method: string, action: string, content: string = null, dataOpt: any = null){\r\n// var xhttp = new XMLHttpRequest();\r\n \r\n// xhttp.onreadystatechange = function () {\r\n// if (this.readyState == 4 && this.status == 200) {\r\n// console.log('submit form successed!');\r\n// return;\r\n// }\r\n// else {\r\n// console.log('submit form failed!');\r\n// console.log(dataOpt);\r\n// }\r\n// };\r\n\r\n// if (content){ \r\n// xhttp.open(`${method}`, `${action}`, true);\r\n// xhttp.setRequestHeader(\"Content-Type\", `${content}`);\r\n\r\n// if(dataOpt){\r\n// xhttp.send(JSON.stringify(dataOpt));\r\n// }\r\n// else{\r\n// xhttp.send();\r\n// }\r\n// }\r\n// else{\r\n// xhttp.open(`${method}`, `${action}`, true);\r\n// if(dataOpt){\r\n// xhttp.send(JSON.stringify(dataOpt));\r\n// }\r\n// else{\r\n// xhttp.send();\r\n// }\r\n// }\r\n// }\r\n\r\n// function submitOrder(){\r\n// var idSm = document.getElementById('submitOrder');\r\n// if (idSm){\r\n// idSm.addEventListener('click', function(e){\r\n// e.preventDefault();\r\n\r\n// var receive = document.getElementById('receiveOrder');\r\n// var pay = document.getElementById('payOrder');\r\n// var optRoom = document.getElementById('optRoom');\r\n// var optAdult = document.getElementById('optAdult');\r\n// var optChild = document.getElementById('optChild');\r\n// var sale = document.getElementById('saleId');\r\n\r\n// changeInputError(receive);\r\n// changeInputError(pay);\r\n \r\n// if (!checkAllVale([receive, pay])){\r\n// return false;\r\n// }\r\n\r\n// var dtOpt = {\r\n// receive: receive.value,\r\n// pay: pay.value,\r\n// room: optRoom.getAttribute('data-value'),\r\n// adult: optAdult.getAttribute('data-value'),\r\n// child: optChild.getAttribute('data-value'),\r\n// sale: sale.value\r\n// }\r\n\r\n// var form = document.getElementById('orderForm');\r\n// var method = form.getAttribute('method');\r\n// var action = form.getAttribute('action');\r\n// var contentType = form.getAttribute('enctype');\r\n\r\n// submit(method, action, contentType, dtOpt);\r\n// })\r\n// }\r\n// }\r\n\r\n// window.addEventListener('scroll', function (e) {\r\n// \t// console.log(document.querySelector('header').style.position)\r\n// \tconst scrolled = window.scrollY;\r\n// \tconst header_overlay = document.querySelector('#header .header-bottom.scroll');\r\n\r\n// \tif(scrolled > 151 ){\r\n// header_overlay.classList.add(\"active\")\r\n// }else{\r\n// header_overlay.classList.remove(\"active\")\r\n// }\r\n\r\n// })\r\n\r\n// function headerHamburger (){\r\n// const header = document.querySelector(\"#header\");\r\n// if(header){\r\n// const btnHamburger = document.querySelector(\".hamburger\");\r\n// const headerMobile = document.querySelector(\".mobile\");\r\n\r\n// btnHamburger.addEventListener('click',()=>{\r\n// const line = btnHamburger.children;\r\n// for (let i = 0 ; i < line.length; i++) {\r\n// line[i].classList.toggle('change')\r\n \r\n// }\r\n// headerMobile.classList.toggle('active')\r\n// })\r\n \r\n// }\r\n// }\r\n\r\n// function changeActiveHeader (){\r\n// const header = document.querySelector(\"#header\");\r\n// if(header){\r\n// const links = document.querySelectorAll(\".header-bottom__logo ul li a\")\r\n// // console.log(links)\r\n// links.forEach(element => element.addEventListener('click',()=>{\r\n// element.classList.add(\"active\")\r\n// }))\r\n// }\r\n// }\r\n\r\n\r\nexport const header = function () {\r\n // handleActiveHeader();\r\n // dateTimePickerOrder();\r\n // submitOrder();\r\n // headerHamburger()\r\n // changeActiveHeader()\r\n handleMenuHover();\r\n handleScrollHeader();\r\n handleClickSearch();\r\n handleCancelInputSearch();\r\n\r\n toggleHamberger();\r\n\r\n // hanleClickSubMenu();\r\n handleShowMenuSub();\r\n}","declare var $: any;\r\n\r\n// function activeOpenForm() {\r\n// if (document.querySelector('.equipment-dt1')) {\r\n// {\r\n// var btnPriceOpen = document.querySelector('.equipment-dt1 .equipment-dt-right__btn-item #quoteEquipmentDt');\r\n// var infoOpts = document.querySelector('.equipment-dt3 .form-details__popup');\r\n// var btnClose = document.querySelector('.equipment-dt3 .form-details__popup .btn-close');\r\n\r\n// if (btnPriceOpen) {\r\n// btnPriceOpen.addEventListener('click', function () {\r\n// infoOpts.classList.add('active')\r\n// })\r\n// }\r\n// if (btnClose) {\r\n// btnClose.addEventListener('click', function () {\r\n// infoOpts.classList.remove('active')\r\n// })\r\n// }\r\n// }\r\n// }\r\n// }\r\n\r\n// function resetForm(){\r\n// var form = document.getElementById('formRequest');\r\n// if (!form){\r\n// return;\r\n// }\r\n// var inps = form.getElementsByTagName('input');\r\n// var txtAreas = form.getElementsByTagName('textarea');\r\n\r\n// for (let i = 0; i < inps.length; ++i) {\r\n// inps[i].value = \"\";\r\n// }\r\n// for (let i = 0; i < txtAreas.length; ++i) {\r\n// txtAreas[i].value = \"\";\r\n// }\r\n// }\r\n\r\n// function submitPopup() {\r\n// var form = document.getElementById('formRequest');\r\n// if (!form){\r\n// return;\r\n// }\r\n// var inps = form.getElementsByTagName('input');\r\n// var txtAreas = form.getElementsByTagName('textarea');\r\n// // var inps = document.querySelectorAll('input[text]');\r\n// // var txtArea = document.querySelectorAll('textarea');\r\n// var inputSm = document.getElementById('submitFormRequest');\r\n// var inputRs = document.getElementById('resetFormRequest');\r\n// // console.log(inps)\r\n\r\n// inputRs.onclick = function (e) {\r\n// resetForm();\r\n// }\r\n\r\n// inputSm.onclick = function (e) {\r\n// submitAPI();\r\n// }\r\n\r\n// for (let i = 0; i < inps.length; ++i) {\r\n// inps[i].addEventListener('keypress', function (e) {\r\n// var key = e;\r\n// if (key.key === \"Enter\") {\r\n// e.preventDefault();\r\n// submitAPI();\r\n// }\r\n// })\r\n// }\r\n// for (let i = 0; i < txtAreas.length; ++i) {\r\n// txtAreas[i].addEventListener('keypress', function (e) {\r\n// var key = e;\r\n// if (key.key === \"Enter\") {\r\n// e.preventDefault();\r\n// submitAPI();\r\n// }\r\n// })\r\n// }\r\n// }\r\n\r\n// function checkEmpty(item:HTMLInputElement){\r\n// if (item && item.value !== \"\"){\r\n// return false;\r\n// }\r\n// return true;\r\n// }\r\n\r\n// function submitAPI() {\r\n// var name = document.getElementById('name');\r\n// var phone = document.getElementById('phone');\r\n// var email = document.getElementById('email');\r\n// var unit = document.getElementById('unit');\r\n// var request = document.getElementById('request');\r\n// var popup = document.querySelector('.form-details__popup');\r\n\r\n// // if (checkEmpty(name) || checkEmpty(phone) || checkEmpty(email) || checkEmpty(request)){\r\n// // resetForm();\r\n// // return false;\r\n// // }\r\n\r\n// var data = {\r\n// name: name.value,\r\n// phone: phone.value,\r\n// email: email.value,\r\n// unit: unit.value,\r\n// request: request.value,\r\n// }\r\n\r\n// $.ajax({\r\n// url: './request-post-popup',\r\n// type: 'POST',\r\n// // dataType: '',\r\n// data: data\r\n// }).done(function (result: any) {\r\n// // $('.equipment-wrapper .card-box').html(data);\r\n// alert(result);\r\n// popup.classList.remove('active');\r\n// }).fail(function () {\r\n// console.log('API request popup failed!!!');\r\n// })\r\n// }\r\n\r\nexport const popup = function () {\r\n // activeOpenForm();\r\n // submitPopup();\r\n}","declare var $ : any;\r\n\r\n// function activeInputSearch(){\r\n// // toggle active select option\r\n// var opts = document.querySelectorAll('.option');\r\n// opts.forEach(function(opt){\r\n// var btn = opt.getElementsByClassName('option-value');\r\n// var list = opt.getElementsByClassName('option-list');\r\n// var items = opt.getElementsByClassName('option-item');\r\n\r\n// if (btn){\r\n// btn[0].addEventListener('click', function(e){\r\n// e.preventDefault();\r\n// list[0].classList.toggle('active');\r\n// })\r\n// }\r\n\r\n// if (items){\r\n// for(let i = 0; i < items.length; i++){\r\n// if (items[i].classList.contains('active')){\r\n// btn[0].setAttribute('data-option', items[i].getAttribute('data-option'));\r\n// }\r\n// }\r\n// for(let i = 0; i < items.length; i++){\r\n// items[i].addEventListener('click', function(){\r\n\r\n// for(let j = 0; j < items.length; j++){\r\n// items[j].classList.remove('active');\r\n// }\r\n\r\n// this.classList.add('active');\r\n// btn[0].setAttribute('data-option', this.getAttribute('data-option'));\r\n// var content = btn[0].getElementsByClassName('option-value__content');\r\n// content[0].innerHTML = this.innerHTML;\r\n// list[0].classList.remove('active');\r\n\r\n// submitAPI();\r\n// })\r\n// }\r\n// }\r\n// })\r\n\r\n// // remove active select option\r\n// document.addEventListener('click', function(evt){\r\n// var links = document.querySelectorAll('.option');\r\n \r\n// links.forEach(function (item) {\r\n// var evtTarget = evt.target;\r\n// var listOptions = item.getElementsByClassName('option-list');\r\n// var content = item.getElementsByClassName('option-value');\r\n \r\n// do {\r\n// if (evtTarget === listOptions[0]) {\r\n// return;\r\n// }\r\n// else if (evtTarget === content[0]) {\r\n// return;\r\n// }\r\n \r\n// evtTarget = evtTarget.parentNode;\r\n// } while (evtTarget);\r\n \r\n// listOptions[0].classList.remove('active');\r\n// })\r\n// })\r\n\r\n// // toggle checkbox \r\n// var checks = document.querySelectorAll('.check-box');\r\n// if (checks){\r\n// checks.forEach(function(check){\r\n// var checkValue = false;\r\n// check.addEventListener('click', function(e){\r\n// e.preventDefault();\r\n// this.classList.toggle('active');\r\n\r\n// submitAPI();\r\n// })\r\n// })\r\n// }\r\n\r\n// // input search\r\n// var btnInput = document.querySelectorAll('.input-search-group');\r\n// if (btnInput){\r\n// btnInput.forEach(function(item){\r\n// var input = item.getElementsByClassName('input-search__input');\r\n// var btn = item.getElementsByClassName('input-search__icon');\r\n// btn[0].addEventListener('click', function(){\r\n// submitAPI();\r\n// })\r\n\r\n// input[0].addEventListener('keypress', function(e){\r\n// var key = e;\r\n// if(key.key === \"Enter\"){\r\n// e.preventDefault();\r\n// submitAPI();\r\n// }\r\n// })\r\n// })\r\n// }\r\n// }\r\n\r\n// function submitAPI(){\r\n// var search = document.getElementById('idSearch');\r\n// var producerFormSearch = document.getElementById('producerFormSearch');\r\n// var sortFormSearch = document.getElementById('sortFormSearch');\r\n// var newFormSearch = document.getElementById('newFormSearch');\r\n\r\n// var data = {\r\n// search: search.value,\r\n// producer: producerFormSearch.getAttribute('data-option'),\r\n// sort: sortFormSearch.getAttribute('data-option'),\r\n// new: newFormSearch.classList.contains('active'),\r\n// url: window.location.pathname\r\n// }\r\n\r\n// $.ajax({\r\n// url: './search-get',\r\n// type: 'GET',\r\n// dataType: 'html',\r\n// data: data\r\n// }).done(function(result:any){\r\n// $('.equipment-wrapper .card-box').html(data);\r\n// }).fail(function(){\r\n// console.log('API search failed!!!');\r\n// })\r\n// }\r\n\r\nexport const search = function(){\r\n // activeInputSearch();\r\n}","// https://fancyapps.com/docs/ui/fancybox\r\n// https://www.npmjs.com/package/axios\r\n// https://greensock.com/\r\n// https://swiperjs.com/get-started\r\ndeclare var Swiper : any;\r\ndeclare var $ : any;\r\ndeclare var AOS : any;\r\n\r\nAOS.init({\r\n once: true\r\n});\r\n\r\n// import axios from \"axios\";\r\n\r\n\r\n//////////////////////////////////////////////////////////\r\n// Common function\r\nimport * as fetchData from \"./components/fetchData\";\r\n\r\n// Layout\r\nimport {banner} from \"./layout/banner\";\r\nimport {popup} from \"./layout/popup\";\r\nimport {search} from \"./layout/search\";\r\nimport {header} from \"./layout/header\";\r\nimport {dropdown} from \"./layout/dropdown\";\r\n\r\n// Page\r\nimport {index} from \"./pages/index\";\r\nimport {careersSubpages} from \"./pages/careersSubpages\";\r\nimport {careersSubchildren} from \"./pages/careersSubchildren\";\r\nimport {careersJob} from \"./pages/careersJob\";\r\nimport {farmSubchildren} from \"./pages/farmSubchildren\";\r\nimport {subPages} from \"./pages/subpages\";\r\nimport {contactPage} from \"./pages/contact\";\r\nimport {newsPage} from \"./pages/news\";\r\nimport {aboutNetwork} from \"./pages/about-network\";\r\n\r\n// import { interpolate } from \"gsap/all\";\r\n\r\n///////////////////////////////////////////////////////////////\r\n// function Common\r\nfunction common(){\r\n fetchData;\r\n}\r\n\r\nfunction layout(){\r\n banner();\r\n popup();\r\n search();\r\n header();\r\n dropdown();\r\n}\r\n\r\n// function Page\r\nfunction page(){\r\n // ----- add page in here ----- //\r\n index();\r\n careersSubpages();\r\n careersSubchildren();\r\n farmSubchildren();\r\n careersJob();\r\n subPages();\r\n contactPage();\r\n newsPage();\r\n aboutNetwork();\r\n}\r\n\r\n\r\n\r\n////////////////////////////////////////////////////////////////\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n // common();\r\n layout();\r\n page();\r\n});\r\n\r\n","declare var Swiper : any;\r\n\r\nfunction submitPopup(){\r\n const networkPage = document.getElementById('aboutNetworkPage');\r\n \r\n if(networkPage){\r\n const btnOpenSort = networkPage.querySelector('.map-input .map-input__icon-default')\r\n const btnCloseort = networkPage.querySelector('.map-input .map-input__icon-close')\r\n const cate = networkPage.querySelector('.map-recommend .map-recommend-cate');\r\n\r\n if (!btnCloseort || !btnOpenSort || !cate){\r\n console.log('error function submitPopup in aboutNetworkPage');\r\n return;\r\n }\r\n\r\n btnOpenSort.addEventListener('click',()=>{\r\n btnOpenSort.classList.add('hidden');\r\n btnCloseort.classList.remove('hidden');\r\n cate.classList.add('show');\r\n })\r\n btnCloseort.addEventListener('click',()=>{\r\n btnCloseort.classList.add('hidden');\r\n btnOpenSort.classList.remove('hidden');\r\n cate.classList.remove('show');\r\n })\r\n\r\n\r\n // if(submitBtn){\r\n\r\n // submitBtn.addEventListener('click',(e)=>{\r\n // e.preventDefault();\r\n // console.log(popupAlert)\r\n // popupAlert.classList.add(\"active\")\r\n // })\r\n // }\r\n // if(closePopupAlert){\r\n // closePopupAlert.addEventListener('click',(e)=>{\r\n // popupAlert.classList.remove(\"active\")\r\n // })\r\n // }\r\n // if(formPopup){\r\n // formPopup.addEventListener('click',(e)=>{\r\n // popupAlert.classList.remove(\"active\")\r\n // })\r\n // }\r\n }\r\n}\r\n\r\n\r\n\r\nexport const aboutNetwork = function(){\r\n submitPopup();\r\n}","function clickOptions(){\r\n if(document.getElementById('careers-job-2')){\r\n var btn = document.querySelector('.careers-job-2 .careers-job-2__search .careers-job-2__link ');\r\n const more =btn.querySelector('.more')\r\n const fewer =btn.querySelector('.fewer')\r\n var content = document.querySelector('.careers-job-2 .careers-job-2__search .click');\r\n btn.addEventListener('click', function(){\r\n content.classList.toggle('active')\r\n more.classList.toggle('active')\r\n fewer.classList.toggle('active')\r\n })\r\n }\r\n \r\n}\r\nfunction handleOptionsJob() {\r\n if (document.getElementById('careers-job-2')) {\r\n var keyword = document.querySelector('.careers-job-2 .careers-job-Allposition .dropdown .dropdown__btn .desc');\r\n var location = document.querySelector('.careers-job-2 .careers-job-location .dropdown .dropdown__btn .desc');\r\n var level = document.querySelector('.careers-job-2 .careers-job-level .dropdown .dropdown__btn .desc');\r\n var type = document.querySelector('.careers-job-2 .careers-job-type .dropdown .dropdown__btn .desc');\r\n var btn = document.querySelector('.careers-job-2 .careers-job-2__btn');\r\n btn.addEventListener('click', function () {\r\n var dataBoxKeyword = keyword.getAttribute('data-box')\r\n var dataBoxLocation = location.getAttribute('data-box')\r\n var dataBoxLevel = level.getAttribute('data-box')\r\n var dataBoxType = type.getAttribute('data-box')\r\n submitSearch(dataBoxKeyword, dataBoxLocation, dataBoxLevel, dataBoxType);\r\n })\r\n }\r\n\r\n function submitSearch(keyword: string, location: string, level: string, type: string) {\r\n var infor = {\r\n KeyworDataBox: keyword,\r\n LocationDataBox: location,\r\n LevelDataBox: level,\r\n TypeDataBox: type,\r\n\r\n }\r\n var xhttp = new XMLHttpRequest();\r\n xhttp.onreadystatechange = function () {\r\n if (this.readyState == 4 && this.status == 200) {\r\n\r\n }\r\n };\r\n xhttp.open(\"POST\", \"/infor-form\", true);\r\n // đổi ojbectt thành chuỗi\r\n xhttp.send(JSON.stringify(infor));\r\n // khi gọi thành công \r\n // inner.innerHTML =this.responseText;\r\n // product1();\r\n\r\n\r\n // khi thất bại\r\n console.log('thất bại');\r\n }\r\n}\r\nexport const careersJob = function () {\r\n handleOptionsJob();\r\n clickOptions()\r\n}","declare var Swiper: any;\r\n\r\nfunction swiperThumbs() {\r\n if (document.querySelector('.feed-subchildren-1')) {\r\n var swiper = new Swiper(\".feed-subchildren-1 .feed-subchildren-1-thumbs .swiper-container\", {\r\n // direction: \"vertical\",\r\n spaceBetween: 12,\r\n slidesPerView: 3,\r\n speed: 700,\r\n // lazy: true,\r\n loop: false,\r\n freeMode: true,\r\n watchSlidesVisibility: true,\r\n watchSlidesProgress: true,\r\n\r\n navigation: {\r\n\r\n },\r\n\r\n\r\n breakpoints: {\r\n // 0: {\r\n // slidesPerView: 1,\r\n // },\r\n // 320: {\r\n // slidesPerView: 1.25,\r\n // },\r\n // 540: {\r\n // slidesPerView: 2,\r\n // },\r\n // 768: {\r\n // slidesPerView: 3,\r\n // }\r\n }\r\n\r\n // on: {\r\n // init: function () {\r\n // var activeSlide = document.querySelector('.restroom-popup--overlay.show .popup-wrapper__imgs-thumbs .swiper-slide-active')\r\n // // if (!activeSlide){\r\n // // activeSlide = document.querySelector('.restroom-popup.show .popup-wrapper__imgs-thumbs .swiper-slide-active')\r\n // // }\r\n // activeSlide.classList.add('active')\r\n // },\r\n // transitionStart: function() {\r\n // var activeSlides = document.querySelectorAll('.restroom-popup--overlay.show .popup-wrapper__imgs-thumbs .swiper-slide')\r\n // activeSlides.forEach(function(item){\r\n // item.classList.remove('active')\r\n // })\r\n // },\r\n // transitionEnd: function() {\r\n // var activeSlide = document.querySelector('.restroom-popup--overlay.show .popup-wrapper__imgs-thumbs .swiper-slide-active')\r\n // // if (!activeSlide){\r\n // // activeSlide = document.querySelector('.restroom-popup.show .popup-wrapper__imgs-thumbs .swiper-slide-active')\r\n // // }\r\n // activeSlide.classList.add('active')\r\n // }\r\n // }\r\n })\r\n\r\n var swiper2 = new Swiper(\".feed-subchildren-1 .feed-subchildren-1-top .swiper-container\", {\r\n spaceBetween: 12,\r\n slidesPerView: 1,\r\n\r\n navigation: {\r\n },\r\n\r\n // zoom: true,\r\n // lazy: true,\r\n\r\n thumbs: {\r\n swiper: swiper,\r\n },\r\n\r\n on: {\r\n init: function () {\r\n var activeSlide = document.querySelector('.feed-subchildren-1 .feed-subchildren-1-thumbs .swiper-slide-thumb-active')\r\n activeSlide.classList.add('active')\r\n },\r\n transitionStart: function () {\r\n var activeSlides = document.querySelectorAll('.feed-subchildren-1 .feed-subchildren-1-thumbs .swiper-slide')\r\n activeSlides.forEach(function (item) {\r\n item.classList.remove('active')\r\n })\r\n\r\n },\r\n transitionEnd: function () {\r\n var activeSlide = document.querySelector('.feed-subchildren-1 .feed-subchildren-1-thumbs .swiper-slide-thumb-active')\r\n activeSlide.classList.add('active')\r\n }\r\n }\r\n });\r\n zoomImg('.feed-subchildren-1 .feed-subchildren-1-top .swiper-slide');\r\n }\r\n}\r\n\r\nfunction zoomImg(qStr: string) {\r\n var listItem = document.querySelectorAll(qStr);\r\n listItem.forEach(function (item) {\r\n item.addEventListener('mousemove', function (e: MouseEvent) {\r\n var imgItem = item.getElementsByTagName('img')[0];\r\n\r\n var pex = e.offsetX;\r\n var pey = e.offsetY;\r\n \r\n imgItem.style.transformOrigin = `${pex}px ${pey}px`;\r\n imgItem.classList.add('scale');\r\n imgItem.style.cursor = \"zoom-out\";\r\n })\r\n item.addEventListener('mouseleave', function (e: MouseEvent) {\r\n var imgItem = item.getElementsByTagName('img')[0];\r\n\r\n var pex = e.offsetX;\r\n var pey = e.offsetY;\r\n\r\n imgItem.style.transformOrigin = `${pex}px ${pey}px`;\r\n imgItem.classList.remove('scale');\r\n imgItem.style.cursor = \"zoom-out\";\r\n\r\n })\r\n item.addEventListener('touchmove', function (e: MouseEvent) {\r\n var imgItem = item.getElementsByTagName('img')[0];\r\n\r\n var pex = e.offsetX;\r\n var pey = e.offsetY;\r\n\r\n imgItem.style.transformOrigin = `${pex}px ${pey}px`;\r\n imgItem.classList.remove('scale');\r\n imgItem.style.cursor = \"zoom-out\";\r\n\r\n })\r\n })\r\n}\r\n// function zoomImg(qStr: string){\r\n// var listItem = document.querySelectorAll(qStr);\r\n// listItem.forEach(function (item){\r\n// item.addEventListener('mousemove' , function(e: MouseEvent){\r\n// var zoomer = e.currentTarget;\r\n// console.log(zoomer);\r\n// var pex = e.offsetX;\r\n// var pey = e.offsetY;\r\n// e.offsetX ? pex = e.offsetX : pex = e.pageX\r\n// e.offsetY ? pey = e.offsetY : pey = e.pageY\r\n// var x = e.offsetX /zoomer.offsetX*100\r\n// var y = e.offsetY /zoomer.offsetY*100\r\n// zoomer.style.backgroundPosition = x + \"% \" + y + \"%\";\r\n// })\r\n// })\r\n// }\r\nexport const careersSubchildren = function () {\r\n swiperThumbs();\r\n}","function handleFormJob(){\r\n if(document.getElementById('careers-subpages-2')){\r\n var fullName = document.getElementById('inputName');\r\n var email = document.getElementById('inputEmail');\r\n var phone = document.getElementById('inputPhone');\r\n var adress = document.getElementById('inputAddress');\r\n var Cv = document.getElementById('inputChooseCv');\r\n var btnSubmit = document.getElementById('inputSubmit');\r\n btnSubmit.addEventListener('click',function(e){\r\n e.preventDefault();\r\n var valName = fullName.value;\r\n var valEmail = email.value;\r\n var valPhone = phone.value;\r\n var valAdress = adress.value;\r\n var valCv = Cv.value;\r\n \r\n submitForm(valName, valEmail, valPhone ,valAdress, valCv );\r\n })\r\n }\r\n \r\n \r\n}\r\nfunction submitForm(name: string, email: string, phone: string,address: string, Cv: string ){\r\n var infor = {\r\n Fullname: name,\r\n Email: email,\r\n Phone: phone,\r\n Address: address,\r\n Cv: Cv,\r\n }\r\n var xhttp = new XMLHttpRequest();\r\n xhttp.onreadystatechange = function() {\r\n if (this.readyState == 4 && this.status == 200) {\r\n \r\n }\r\n };\r\n xhttp.open(\"POST\", \"/infor-form\", true);\r\n // đổi ojbectt thành chuỗi\r\n xhttp.send(JSON.stringify(infor));\r\n // khi gọi thành công \r\n // inner.innerHTML =this.responseText;\r\n // product1();\r\n \r\n // khi thất bại\r\n console.log('thất bại');\r\n}\r\nfunction ChooseCv(){\r\n if(document.getElementById('careers-subpages-2')){\r\n var btnChooseCv = document.getElementById('clickCv');\r\n\r\n var Cv = document.getElementById('inputChooseCv');\r\n btnChooseCv.addEventListener('click', function(){\r\n Cv.click();\r\n \r\n })\r\n }\r\n \r\n}\r\nexport const careersSubpages = function(){\r\n ChooseCv();\r\n handleFormJob();\r\n }","declare var Swiper : any;\r\n\r\nfunction submitPopup(){\r\n const contactPage = document.getElementById('contact-us__wrapper')\r\n if(contactPage){\r\n const popupAlert = contactPage.querySelector('.popup-alert')\r\n const closePopupAlert = contactPage.querySelector('.popup-alert .popup-alert__wrapper--section-close')\r\n const submitBtn = contactPage.querySelector('#btnSubmitContact')\r\n const formPopup = contactPage.querySelector('.popup-alert .popup-alert__wrapper')\r\n if(submitBtn){\r\n\r\n submitBtn.addEventListener('click',(e)=>{\r\n e.preventDefault();\r\n console.log(popupAlert)\r\n popupAlert.classList.add(\"active\")\r\n })\r\n }\r\n if(closePopupAlert){\r\n closePopupAlert.addEventListener('click',(e)=>{\r\n popupAlert.classList.remove(\"active\")\r\n })\r\n }\r\n if(formPopup){\r\n formPopup.addEventListener('click',(e)=>{\r\n popupAlert.classList.remove(\"active\")\r\n })\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\nexport const contactPage = function(){\r\n // submitPopup();\r\n}","declare var Swiper: any;\r\n\r\nfunction swiperThumbs() {\r\n if (document.querySelector('.farm-subchildren-1')) {\r\n var swiper = new Swiper(\".farm-subchildren-1 .farm-subchildren-1-thumbs .swiper-container\", {\r\n // direction: \"vertical\",\r\n spaceBetween: 12,\r\n slidesPerView: 3,\r\n speed: 700,\r\n // lazy: true,\r\n loop: false,\r\n freeMode: true,\r\n watchSlidesVisibility: true,\r\n watchSlidesProgress: true,\r\n\r\n navigation: {\r\n\r\n },\r\n\r\n\r\n breakpoints: {\r\n // 0: {\r\n // slidesPerView: 1,\r\n // },\r\n // 320: {\r\n // slidesPerView: 1.25,\r\n // },\r\n // 540: {\r\n // slidesPerView: 2,\r\n // },\r\n // 768: {\r\n // slidesPerView: 3,\r\n // }\r\n }\r\n\r\n // on: {\r\n // init: function () {\r\n // var activeSlide = document.querySelector('.restroom-popup--overlay.show .popup-wrapper__imgs-thumbs .swiper-slide-active')\r\n // // if (!activeSlide){\r\n // // activeSlide = document.querySelector('.restroom-popup.show .popup-wrapper__imgs-thumbs .swiper-slide-active')\r\n // // }\r\n // activeSlide.classList.add('active')\r\n // },\r\n // transitionStart: function() {\r\n // var activeSlides = document.querySelectorAll('.restroom-popup--overlay.show .popup-wrapper__imgs-thumbs .swiper-slide')\r\n // activeSlides.forEach(function(item){\r\n // item.classList.remove('active')\r\n // })\r\n // },\r\n // transitionEnd: function() {\r\n // var activeSlide = document.querySelector('.restroom-popup--overlay.show .popup-wrapper__imgs-thumbs .swiper-slide-active')\r\n // // if (!activeSlide){\r\n // // activeSlide = document.querySelector('.restroom-popup.show .popup-wrapper__imgs-thumbs .swiper-slide-active')\r\n // // }\r\n // activeSlide.classList.add('active')\r\n // }\r\n // }\r\n })\r\n\r\n var swiper2 = new Swiper(\".farm-subchildren-1 .farm-subchildren-1-top .swiper-container\", {\r\n spaceBetween: 12,\r\n slidesPerView: 1,\r\n\r\n navigation: {\r\n },\r\n\r\n // zoom: true,\r\n // lazy: true,\r\n\r\n thumbs: {\r\n swiper: swiper,\r\n },\r\n\r\n on: {\r\n init: function () {\r\n var activeSlide = document.querySelector('.farm-subchildren-1 .farm-subchildren-1-thumbs .swiper-slide-thumb-active')\r\n activeSlide.classList.add('active')\r\n },\r\n transitionStart: function () {\r\n var activeSlides = document.querySelectorAll('.farm-subchildren-1 .farm-subchildren-1-thumbs .swiper-slide')\r\n activeSlides.forEach(function (item) {\r\n item.classList.remove('active')\r\n })\r\n\r\n },\r\n transitionEnd: function () {\r\n var activeSlide = document.querySelector('.farm-subchildren-1 .farm-subchildren-1-thumbs .swiper-slide-thumb-active')\r\n activeSlide.classList.add('active')\r\n }\r\n }\r\n });\r\n zoomImg('.farm-subchildren-1 .farm-subchildren-1-top .swiper-slide');\r\n }\r\n}\r\n\r\nfunction zoomImg(qStr: string) {\r\n var listItem = document.querySelectorAll(qStr);\r\n listItem.forEach(function (item) {\r\n item.addEventListener('mousemove', function (e: MouseEvent) {\r\n var imgItem = item.getElementsByTagName('img')[0];\r\n\r\n var pex = e.offsetX;\r\n var pey = e.offsetY;\r\n \r\n imgItem.style.transformOrigin = `${pex}px ${pey}px`;\r\n imgItem.classList.add('scale');\r\n imgItem.style.cursor = \"zoom-out\";\r\n })\r\n item.addEventListener('mouseleave', function (e: MouseEvent) {\r\n var imgItem = item.getElementsByTagName('img')[0];\r\n\r\n var pex = e.offsetX;\r\n var pey = e.offsetY;\r\n\r\n imgItem.style.transformOrigin = `${pex}px ${pey}px`;\r\n imgItem.classList.remove('scale');\r\n imgItem.style.cursor = \"zoom-out\";\r\n\r\n })\r\n })\r\n}\r\nexport const farmSubchildren = function () {\r\n swiperThumbs();\r\n}","declare var Swiper: any;\r\n// function toggleindex1(){\r\n// if (document.getElementById('index1')) {\r\n// var contentTop = document.querySelectorAll(\".index-product .content__titleBox--items\");\r\n// var contentBottom = document.querySelectorAll(\".index-product__section .content__slide\");\r\n// var active = document.querySelector(\".index-product__section .active\");\r\n// active.getElementsByClassName\r\n// if (!contentBottom) {\r\n// return;\r\n// }\r\n// var itemActive = active.getAttribute('data-active');\r\n// contentBottom.forEach(function (itemBot) {\r\n// var itemBotActive = itemBot.getAttribute('data-active');\r\n// var itemBottEle = itemBot;\r\n// if (itemActive == itemBotActive) {\r\n// itemBottEle.style.display = \"block\";\r\n// swipperIndex1();\r\n// }else{\r\n// itemBottEle.style.display = \"none\";\r\n// }\r\n// })\r\n\r\n// contentTop.forEach(function (item) {\r\n// item.addEventListener('click', function () {\r\n// var itemActive = item.getAttribute('data-active');\r\n\r\n// contentBottom.forEach(function (itemBot) {\r\n// var itemBotEle = itemBot;\r\n// itemBotEle.style.display = \"none\";\r\n// swipperIndex1();\r\n// })\r\n\r\n// contentBottom.forEach(function (itemBot) {\r\n// var itemBottomActive = itemBot.getAttribute('data-active');\r\n// var itemBotEle = itemBot;\r\n// if (itemActive == itemBottomActive) {\r\n// itemBotEle.style.display = \"block\";\r\n// }\r\n\r\n// })\r\n// contentTop.forEach(function (e) {\r\n// e.classList.remove(\"active\");\r\n// })\r\n\r\n// // them active vao item da click\r\n// item.classList.add(\"active\");\r\n// })\r\n// })\r\n\r\n// }\r\n// }\r\n// function swipperIndex1(){\r\n// if (document.getElementById('index1')) {\r\n// console.log(\"1\");\r\n// new Swiper(\".index-product .index-product--swiper\", {\r\n// slidesPerView: 3,\r\n// spaceBetween: 8, \r\n// // slidesPerGroup: 3,\r\n// // loop: true,\r\n// // loopFillGroupWithBlank: true,\r\n// // pagination: {\r\n// // el: \" .swiper-pagination\",\r\n// // // clickable: true,\r\n// // },\r\n// navigation: {\r\n// nextEl: \".index-product .content .swiper-button-next\",\r\n// prevEl: \".index-product .content .swiper-button-prev\",\r\n// },\r\n// breakpoints: {\r\n// 0: {\r\n// slidesPerView: 1,\r\n// spaceBetween: 8,\r\n// },\r\n// 541: {\r\n// slidesPerView: 1.5,\r\n// spaceBetween: 8,\r\n// },\r\n// 769: {\r\n// slidesPerView: 2,\r\n// spaceBetween: 8,\r\n// },\r\n// 900:{\r\n// slidesPerView: 2.5,\r\n// spaceBetween: 8, \r\n// },\r\n// 1337:{\r\n// slidesPerView: 3,\r\n// spaceBetween: 8, \r\n// },\r\n// 1441:{\r\n// slidesPerView: 3,\r\n// spaceBetween: 8, \r\n// },\r\n// }\r\n// });\r\n// }\r\n// }\r\n// function swipperIndex4(){\r\n// if (document.getElementById('index4')) {\r\n// new Swiper(\".index-news .index-news--swiper\", {\r\n// slidesPerView: 3,\r\n// spaceBetween: 16, \r\n// // slidesPerGroup: 3,\r\n// // loop: true,\r\n// // loopFillGroupWithBlank: true,\r\n// // pagination: {\r\n// // el: \".index-news .swiper-pagination\",\r\n// // // clickable: true,\r\n// // },\r\n// navigation: {\r\n// nextEl: \".index-news .swiper-button-next\",\r\n// prevEl: \".index-news .swiper-button-prev\",\r\n// },\r\n// breakpoints: {\r\n// 0: {\r\n// slidesPerView: 1,\r\n// spaceBetween: 8,\r\n// },\r\n// 541: {\r\n// slidesPerView: 1.5,\r\n// spaceBetween: 8,\r\n// },\r\n// 769: {\r\n// slidesPerView: 2,\r\n// spaceBetween: 8,\r\n// },\r\n// 900:{\r\n// slidesPerView: 2.5,\r\n// spaceBetween: 16, \r\n// },\r\n// 1337:{\r\n// slidesPerView: 3,\r\n// spaceBetween: 16, \r\n// },\r\n// 1441:{\r\n// slidesPerView: 3,\r\n// spaceBetween: 16, \r\n// },\r\n \r\n \r\n// }\r\n \r\n// });\r\n// }\r\n// }\r\n\r\n\r\n\r\n// This code could probably be tidied up, depending on how familiar you are with the game code\r\n\r\n\r\n\r\n// handle click link button\r\nfunction handleClickButton(){\r\n var posts = document.querySelectorAll('#indexPage .post-item');\r\n posts.forEach(function(item){\r\n item.addEventListener('click', function(e){\r\n e.preventDefault();\r\n console.log('click')\r\n var btn = item.querySelector('.btn--home');\r\n console.log(btn);\r\n var hrefBtn = btn.getAttribute('href');\r\n window.location.assign(hrefBtn);\r\n })\r\n\r\n item.addEventListener('mouseover', function(){\r\n if (!item.classList.contains('post--hover')){\r\n item.classList.add('post--hover');\r\n item.classList.remove('post--leave');\r\n }\r\n })\r\n\r\n item.addEventListener('mouseleave', function(){\r\n if (item.classList.contains('post--hover')){\r\n item.classList.add('post--leave');\r\n item.classList.remove('post--hover');\r\n }\r\n })\r\n })\r\n}\r\nexport const index = function(){\r\n // toggleindex1();\r\n // swipperIndex4()\r\n handleClickButton();\r\n}","declare var Swiper : any;\r\ndeclare var $ : any;\r\nfunction changeSort(){\r\n const newsPage = document.getElementById('newsPage')\r\n if(newsPage){\r\n const btnSort = newsPage.querySelectorAll('.jf-details-header-news__decs-sortKind .link__tag')\r\n \r\n if(btnSort){\r\n btnSort.forEach(element => element.addEventListener('click',(e)=>{\r\n element.classList.add('active')\r\n const btnSortActive = newsPage.querySelectorAll('.jf-details-header-news__decs-sortKind .link__tag.active')\r\n if(btnSortActive){\r\n \r\n // btnSortActive.forEach(element =>element.addEventListener('click',()=>{\r\n \r\n // }))\r\n btnSortActive.forEach(function(e){\r\n const btnClearActive = e.querySelector('.link__tag--sort svg')\r\n btnClearActive.addEventListener('click',()=>{\r\n console.log(e)\r\n e.classList.remove('active')\r\n })\r\n }) \r\n }\r\n }))\r\n \r\n }\r\n \r\n // if(submitBtn){\r\n\r\n // submitBtn.addEventListener('click',(e)=>{\r\n // e.preventDefault();\r\n // console.log(popupAlert)\r\n // popupAlert.classList.add(\"active\")\r\n // })\r\n // }\r\n // if(closePopupAlert){\r\n // closePopupAlert.addEventListener('click',(e)=>{\r\n // popupAlert.classList.remove(\"active\")\r\n // })\r\n // }\r\n // if(formPopup){\r\n // formPopup.addEventListener('click',(e)=>{\r\n // popupAlert.classList.remove(\"active\")\r\n // })\r\n // }\r\n }\r\n}\r\n\r\nfunction PopupVideo (){\r\n const newsdetailsvideoPage = document.getElementById('newsdetailsvideoPage')\r\n if(newsdetailsvideoPage){\r\n const videoClick = newsdetailsvideoPage.querySelector('.jf-details-header .jf-details-header-news__img-section .iframe-overlay')\r\n \r\n videoClick.addEventListener('click',()=>{\r\n const video = newsdetailsvideoPage.querySelector('.jf-details-header .jf-details-header-news__img-section iframe')\r\n const scrVideo = video.getAttribute('src') + \"?rel=0&autoplay=1\"\r\n const popupVideo = newsdetailsvideoPage.querySelector('#popupVideo')\r\n const popupVideoChangeSrc = newsdetailsvideoPage.querySelector('#popupVideo iframe')\r\n popupVideoChangeSrc.setAttribute('src',scrVideo )\r\n popupVideo.classList.add('active')\r\n document.body.style.overflowY = \"hidden\";\r\n popupVideo.addEventListener('click',()=>{\r\n popupVideo.classList.remove('active')\r\n popupVideoChangeSrc.setAttribute('src',\"\" )\r\n document.body.style.overflowY = \"scroll\";\r\n })\r\n })\r\n }\r\n}\r\n\r\n\r\nexport const newsPage = function(){\r\n // changeSort();\r\n PopupVideo();\r\n}","declare var Swiper : any;\r\n\r\nfunction activeDropDrown (){\r\n const subpages = document.getElementById('feed-subpages')\r\n if(subpages){\r\n\r\n const itemsDropDown = subpages.querySelectorAll('.feed-subpages .feed-subpages__option--sort-items')\r\n \r\n itemsDropDown.forEach(function(item){\r\n const nameDropDown = item.querySelector('.feed-subpages__option--sort-items-name')\r\n const optionsDropDown = item.querySelector('.feed-subpages__option--sort-items-options')\r\n const iconChange = item.querySelector('.icons__dropdrown')\r\n nameDropDown.addEventListener('click',()=>{\r\n nameDropDown.classList.toggle('active')\r\n optionsDropDown.classList.toggle('active')\r\n iconChange.classList.toggle('active')\r\n })\r\n })\r\n }\r\n}\r\n\r\n\r\n\r\nexport const subPages = function(){\r\n activeDropDrown();\r\n}"]}