menu_ctrl={init:function(){menu_ctrl.loadDataMenu();menu_ctrl.loadSearchTrend()},loadDataMenu:function(){var r=document.querySelector("body").getAttribute("data-cachemenu"),t="",n,i;try{t=localStorage.getItem("vszc")}catch(u){}r!=t?(n=new XMLHttpRequest,n.open("GET","/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);menu_ctrl.loadData(n);menu_ctrl.initMenuTab()}},n.send("&vr="+t)):(i=document.querySelectorAll(".zone-menu"),i.forEach(function(n){var i=n.getAttribute("data-zone"),t="";try{t=localStorage.getItem(i)}catch(r){}n.innerHTML=t}),menu_ctrl.initEvent(),menu_ctrl.initMenuTab())},loadData:function(n){var i=document.querySelectorAll(".zone-menu"),t;i.forEach(function(n){n.innerHTML=""});for(let i=0;i<n.DataZoneMenu.DataZoneMenu.length;i++){let r=n.DataZoneMenu.DataZoneMenu[i],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 i=u.querySelector(".zone-append");if(i!=undefined)for(let u=0;u<r.ListParent.length;u++){let f=r.ListParent[u];t=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);t.innerHTML=e;f.IsSearchChild==1&&menu_ctrl.initZoneChild(n,f.ListChild,t);i.appendChild(t.firstChild)}}let n=u.innerHTML;try{localStorage.removeItem(f);localStorage.setItem(f,n)}catch(r){}}}localStorage.setItem("list_menu",JSON.stringify(n.DataZoneMenu.ListMenu));localStorage.setItem("list_zone_menu",JSON.stringify(n.DataZoneMenu.DataZoneMenu));localStorage.setItem("vszc",n.DataZoneMenu.DataVr);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>'))}}},initMenuTab:function(){var n,t,i;const r=(n,t)=>n.filter(n=>n.CateId==t),u=(n,t)=>n.filter(n=>n.ParentId==t);if(qs('.zone-menu[data-zone="menu_tab_pc"]')!=undefined){let f=document.querySelector('meta[name="tt_category_id"]');if(f!=null){let s=document.querySelector('.zone-menu[data-zone="menu_tab_pc"]'),e=f.getAttribute("value"),h=f.getAttribute("content"),o=s.querySelector('.menu-tab[data-cate="'+e+'"]');if(o!=undefined){o.querySelector("a.white").classList.add("active");let l=document.createElement("ul");l.setAttribute("class","ms-sub-navigation uppercase lh-35 font11 semibold clearfix ul-set-menu");let f=document.querySelector(".ul-set-menu");n=JSON.parse(localStorage.getItem("list_menu"));let s=r(n,e);s!=null&&(t=s[0].Id,i=u(n,t),i.forEach(n=>{f.innerHTML+='<li class="fl menu-tab" data-cate="'+n.CateId+'"><a class="gray-51 pl9 pr9" href="'+n.Link+'" title="'+n.Name+'">'+n.Name+"<\/a><\/li>"}));f.classList.remove("hide");let c=f.querySelector('.menu-tab[data-cate="'+h+'"]');c!=undefined&&c.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="vtcnews.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="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><div class="font13 borbot-e0-doted"> <a class="break-word"  href="{{link}}" title="{{title}}">{{name}}<\/a> <\/div><\/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},loadSearchTrend:function(){let n=new XMLHttpRequest,t=qs("body").getAttribute("data-api");n.open("GET",t+"/SearchTrend/GetSearchTrendJson",!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.response);if(n.data!=null){var t=document.getElementById("load_search_trend");t&&n.data.forEach(function(n){let r=document.createElement("li");r.className="inline relative last";let i=document.createElement("a");i.className="tag-link pl5 pr5";i.href=n.trendLink;i.target="_blank";i.rel="noreferrer";i.title=n.name;i.textContent=n.name;r.appendChild(i);t.appendChild(r)})}}};n.send()}};menu_ctrl.init()