menu_ctrl={init:function(){menu_ctrl.loadDataMenu()},loadDataMenu:function(){var r=document.querySelectorAll(".zone-menu"),i,t,n;r.forEach(function(n){var i=n.getAttribute("data-zone"),t="";try{t=localStorage.getItem(i)}catch(r){}n.innerHTML=t});menu_ctrl.initMenuTab();i=document.querySelector("body").getAttribute("data-cachemenu");t="";try{t=localStorage.getItem("vszc")}catch(u){}i!=t?(n=new XMLHttpRequest,n.open("POST","/Misc/GetDataMenuZone",!0),n.setRequestHeader("Content-Type","application/x-www-form-urlencoded"),n.onreadystatechange=function(){if(n.readyState==4&&n.status==200){let n=JSON.parse(this.responseText),t=n.DataZoneMenu,i=n.DataVr;menu_ctrl.loadData(t,i)}},n.send("&vr="+t)):menu_ctrl.initEvent()},loadData:function(n,t){var r=document.querySelectorAll(".zone-menu"),i;r.forEach(function(n){n.innerHTML=""});for(let t=0;t<n.length;t++){let r=n[t],f=r.ZoneCode,u=document.querySelector('.zone-menu[data-zone="'+f+'"]');if(u!=undefined){if(r.Html!=null&&r.Html.length>10)u.innerHTML=r.Html;else{let n=r.Type,f=menu_ctrl.getThemeZoneItem(n);u.innerHTML=u.innerHTML+f;let t=u.querySelector(".zone-append");if(t!=undefined)for(let u=0;u<r.ListParent.length;u++){let f=r.ListParent[u];i=document.createElement("div");let e=menu_ctrl.getThemeZoneItemFist(n).replaceAll("{{link}}",f.Link).replaceAll("{{name}}",f.Name).replaceAll("{{title}}",f.Name).replaceAll("{{cate}}",f.CateId);i.innerHTML=e;f.IsSearchChild==1&&menu_ctrl.initZoneChild(n,f.ListChild,i);t.appendChild(i.firstChild)}}let n=u.innerHTML;try{localStorage.removeItem(f);localStorage.setItem(f,n)}catch(u){}}}try{localStorage.removeItem("vszc");localStorage.setItem("vszc",t)}catch(u){}menu_ctrl.initMenuTab();menu_ctrl.initEvent()},initZoneChild:function(n,t,i){if(n==2){let n=i.querySelector(".zone-child");for(let i=0;i<t.length;i++){let r=t[i],u='<li class="mb5{{class}}"> <a href="{{link}}" class="gray-51 font13" title="{{title}}">{{name}}<\/a> <\/li>',f="";i>4&&(f=" menu-hide hide");u=u.replaceAll("{{link}}",r.Link).replaceAll("{{name}}",r.Name).replaceAll("{{title}}",r.Name).replaceAll("{{class}}",f);n.appendChild(menu_ctrl.getElm(u))}if(n.querySelector(".menu-hide")!=null){let n=i.querySelector(".zone-parent");n.appendChild(menu_ctrl.getElm('<a class="gray-51 font13 underline cursor blue-vne view-more-menu" title="xem thêm">Xem thêm<\/a>'))}}else if(n==1){let n=i.querySelector(".zone-child");for(let i=0;i<t.length;i++){let r=t[i],u='<li class="fl menu-tab" data-cate="{{cate}}"><a class="gray-51 pl9 pr9" href="{{link}}" title="{{title}}">{{name}}<\/a><\/li>';u=u.replaceAll("{{link}}",r.Link).replaceAll("{{name}}",r.Name).replaceAll("{{title}}",r.Name).replaceAll("{{cate}}",r.CateId);n.appendChild(menu_ctrl.getElm(u))}}},initMenuTab:function(){if(qs('.zone-menu[data-zone="menu_tab_pc"]')!=undefined){let n=document.querySelector('meta[name="tt_category_id"]');if(n!=null){let i=document.querySelector('.zone-menu[data-zone="menu_tab_pc"]'),r=n.getAttribute("value"),u=n.getAttribute("content"),t=i.querySelector('.menu-tab[data-cate="'+r+'"]');if(t!=undefined){t.querySelector("a.white").classList.add("active");let r=t.querySelector("ul"),n=document.querySelector(".ul-set-menu");n.innerHTML=r.innerHTML;n.classList.remove("hide");let i=n.querySelector('.menu-tab[data-cate="'+u+'"]');i!=undefined&&i.querySelector("a").classList.add("active")}}}},initEvent:function(){var n=document.querySelector(".btn-menu-other"),i=document.querySelector(".overlay-menu"),t=document.querySelector(".box-other-menu");n!=null&&n.addEventListener("click",()=>{n.classList.toggle("active");t.classList.toggle("hide");let i=t.closest("div").querySelectorAll(".menu-hide");i.forEach(function(n){n.classList.add("hide")});let r=t.closest("div").querySelectorAll(".view-more-menu");r.forEach(function(n){n.innerHTML="Xem thêm"})});i!=null&&i.addEventListener("click",()=>{n.classList.remove("active"),t.classList.add("hide")});let r=document.querySelector('.zone-menu[data-zone="menu_ex_pc"]');r!=null&&r.addEventListener("click",function(n){let t=n.target;if(t.classList.contains("view-more-menu")){let n=t.closest("div").querySelectorAll(".menu-hide");n.forEach(function(n){n.classList.toggle("hide")});t.innerHTML=t.text=="Xem thêm"?"Thu gọn":"Xem thêm"}})},getThemeZoneItem:function(n){let t;switch(n){case 1:t='<div class="w-maxcontent mg-auto z-6 clearfix"> <ul class="ms-navigation uppercase lh-38 font12 semibold clearfix"> <li class="fl relative"><a class="white pl9 pr9" href="/" title="Báo điện tử VTC News - Đọc báo tin tức trong ngày hôm nay"><i class="icon-home-3 white font18"><\/i><\/a><\/li> <li class="fl relative"> <ul class="clearfix zone-append"><\/ul> <\/li> <li class="fl relative"><a class="white pl9 pr9 btn-menu-other" href="javascript:;" title="vtc.vn"><i class="icon-dot-3 white font18"><\/i><\/a><\/li> <\/ul> <\/div>';break;case 2:t='<div class="ms-menu abs20 shadow-box transition-ef w-full clearfix hide box-other-menu"> <div class="bg-white pt20 w-full"> <div class="w-full mg-auto all-catelink row zone-append menu-ex-pc"> <\/div> <\/div> <div class="cursor opacity-07 w-full h1k bg-black overlay-menu"><\/div> <\/div>';break;case 3:t='<div class="link-footer pt15 pb15 bor-2top-e5"> <div class="uppercase bold lh-40 menu-ex-bot grid zone-append"><\/div> <\/div>';break;case 4:t='<div class="navfooter bg-red"><div class="main fit-x"><ul class="tc font12 lh-38 uppercase setlast-li zone-append"> <\/ul><\/div><\/div>';break;case 5:t='<ul class="zone-append"><\/ul>';break;default:t=""}return t},getThemeZoneItemFist:function(n){let t;switch(n){case 1:t='<li class="fl menu-tab menu-parent" data-cate="{{cate}}"><a class="white pl9 pr9" href="{{link}}" title="{{title}}">{{name}}<\/a><ul class="ms-sub-navigation uppercase lh-35 font11 semibold clearfix zone-child hide"><\/ul><\/li>';break;case 2:t='<div class="w-20-100 fl pl25 mb20 zone-parent"> <a href="{{link}}" class="cate-mt-link bold relative" title="{{title}}">{{name}}<\/a> <ul class="mt10 zone-child"> <\/ul> <\/div>';break;case 3:t='<div><h5 class="font13 borbot-e0-doted"> <a class="break-word"  href="{{link}}" title="{{title}}">{{name}}<\/a> <\/h5><\/div>';break;case 4:t='<li class="inline relative"><a class="nav-link white pl10 pr10" href="{{link}}" title="{{title}}">{{name}}<\/a><\/li>';break;case 5:t='<li><h2 class="font15"><a class="bor-bot-e5 block" href="{{link}}" title="{{title}}">{{name}}<\/a><\/h2><\/li>';break;default:t="<div><\/div>"}return t},getElm:function(n){var t=document.createElement("div");return t.innerHTML=n,t.firstChild}};menu_ctrl.init()