audioEX={getTheme:function(n){var t="";return n=="trang-chu-vtc"&&(t='<div class="bor-bot-e5 bg-black-audio clearfix pt10 pb20"> <header class="mb15 relative"> <h3 class="font18 uppercase bold"><a class="relative white pl10" href="{{href}}">{{name}}<\/a><\/h3> <\/header> <div class="mySwipe2 swiper-container w-full" style="height:270px!important;"> <div class="swiper-wrapper zone-content"> <\/div> <\/div> <\/div>'),t},getItem:function(n){var t="";return n=="trang-chu-vtc"&&(t='<article class="pb10 mb10 w250 fl pr10 pl10 swiper-slide"> <figure class="pic lh0 w-full relative over-hide"> <a class="w-full zoom" href="{{href}}" title="{{name}}"> <span class="audio-play w45 h45 font14 tc lh-42"><i class="icon-play-4"><\/i><\/span> <img alt="{{name}}" data-src="{{data-img}}" src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACwAAAAAAQABAEACAkQBADs="> <\/a> <\/figure><div class="font15 lh-1-3 pt5"><span  style="color: #85818b;">{{channel-name}}<\/span><\/div> <footer class="font16"><a href="{{href}}" class="time-update bold white" style="height: 68.16px;overflow: hidden;" title="{{name}}">{{name}}<\/a>  <\/footer><\/article>'),t},loadData:function(n){if(n!=null)for(let i=0;i<n.length;i++){let r=n[i],u=r.ZoneCode,f=r.ListAlbum,e=document.querySelector('.zone-audio[data-zone="'+u+'"]');if(f.length>0&&e!=undefined){let n=audioEX.getTheme(u);n=n.replaceAll("{{name}}",r.Name).replaceAll("{{href}}",r.DetailUrl);e.innerHTML=n;let i=e.querySelector(".zone-content");if(i!=undefined){for(let n=0;n<f.length;n++){let r=f[n],e=audioEX.getItem(u);e=e.replaceAll("{{name}}",r.Name).replaceAll("{{des}}",r.Des).replaceAll("{{channel-name}}",r.ChannelName).replaceAll("{{data-img}}",r.Image.Medium).replaceAll("{{href}}",r.DetailUrl).replaceAll("{{id}}",r.Id);var t=document.createElement("div");t.innerHTML=e;i.append(t.firstChild)}window.Swiper_2=new Swiper(".mySwipe2",{speed:600,mode:"horizontal",slidesPerView:5,autoplay:5e3,loop:!0,autoplayDisableOnInteraction:!1,roundLengths:!0,onSlideChangeStart:function(){}})}}}try{aLazyLoad.update()}catch(i){console.log(i)}}};zlayout={init:function(){zlayout.loadDataHome();zlayout.getQueryVariable("layout")==="show"&&zlayout.showZonePlace()},loadDataHome:function(){var n=new XMLHttpRequest;n.open("Get","NewsV2/GetDataHome",!0);n.setRequestHeader("Content-Type","application/x-www-form-urlencoded");n.onreadystatechange=function(){if(n.readyState==4&&n.status==200){rs=JSON.parse(this.responseText);let n=rs.CovidData,t=rs.Data,i=rs.listZoneAudio;covidjs.loadData(n);zlayout.loadNews(t);audioEX.loadData(i)}};n.send()},loadNews:function(n){for(let t=0;t<n.length;t++){let i=n[t],u=i.ZoneCode,r=document.querySelector('.layout-setbox[data-zone="'+u+'"]');if(r!=undefined){let t=i.Theme,u=zlayout.getThemeZoneItem(t).replaceAll("{{id}}",i.IdItem).replaceAll("{{class}}",i.Class).replaceAll("{{title}}",i.Title).replaceAll("{{url}}",i.DetailUrl);r.innerHTML=r.innerHTML+u;let n=r.querySelector('[data-item="'+i.IdItem+'"]');if(n!=undefined&&n!=null)if(i.ApiUrl==null){let r=n.querySelector(".fItem"),u=n.querySelector(".sItem"),f=n.querySelector(".hItem");for(let n=0;n<i.ListNews.length;n++){let f=i.ListNews[n];if(n==0){let n=zlayout.initNewsItem(zlayout.getThemeZoneItemFist(t),f,"Lag");r.appendChild(n)}else{let n=zlayout.initNewsItem(zlayout.getThemeZoneItemSecond(t),f);u.appendChild(n)}}let e=zlayout.initMenuItem(i.ListCategory,t);f.append(e)}else zlayout.bindingApi(r,i.IdItem,n,t,i.ApiUrl)}}document.addEventListener("click",function(n){let t=n.target;if(t.classList.contains("btn-more-subscate")){let n=t.closest("a").nextElementSibling;n!=null&&n.classList.remove("hide")}else{let n=document.querySelectorAll(".drop-subscate");n.forEach(function(n){n.classList.add("hide")})}});try{aLazyLoad.update();home.init()}catch(t){console.log(t)}},bindingApi:function(n,t,i,r,u){var f=new XMLHttpRequest;f.open("GET",u,!0);f.onload=function(){var u=JSON.parse(this.response);if(f.status>=200&&f.status<400){var o=i.querySelector(".fItem"),s=i.querySelector(".sItem"),e=5;u.length<5&&(e=u.length);for(let n=0;n<e;n++){let t=u[n];if(n==0){let n=zlayout.initNewsItemApi(zlayout.getThemeZoneItemFist(r),t);o.appendChild(n)}else{let n=zlayout.initNewsItemApi(zlayout.getThemeZoneItemSecond(r),t);s.appendChild(n)}}n.querySelector('[data-item="'+t+'"]').innerHTML=i.innerHTML;try{aLazyLoad.update()}catch(h){console.log(h)}}else{const n=document.createElement("marquee");n.textContent=`Gah, it's not working!`;app.appendChild(n)}};f.send()},initNewsItem:function(n,t,i){var u="",r,f;return u=i=="Lag"?t.Image.Lag:t.Image.Medium,r=document.createElement("div"),f=new Date(parseInt(t.PublishedDate.substr(6))),n=n.replaceAll("{{id}}",t.Id).replaceAll("{{title}}",t.Title).replaceAll("{{des}}",t.Description).replaceAll("{{url}}",t.DetailUrl).replaceAll("{{img}}",u).replaceAll("{{date-time}}",formatdatetime(f)),r.innerHTML=n,r.firstChild},initNewsItemApi:function(n,t){let r=t.date_pub.substring(0,4),u=t.date_pub.substring(5,7),f=t.date_pub.substring(8,10),e=t.date_pub.substring(11,16),o=e+" "+f+"/"+u+"/"+r,i=document.createElement("div");return n=n.replaceAll("{{id}}",t.id).replaceAll("{{title}}",t.title).replaceAll("{{des}}",t.lead).replaceAll("{{url}}",t.link).replaceAll("{{img}}",t.image_path).replaceAll("{{date-time}}",o),i.innerHTML=n,i.querySelector(".cout-cmt").remove(),i.firstChild},initMenuItem:function(n,t){var r,i,f;let u;if(u=t==1?3:t==4||t==5?6:1,r=document.createElement("div"),r.innerHTML='<ul class="subs-cate abs07 font12 ul-set-last"><\/ul>',i=r.querySelector("ul"),n.length>u){for(let t=0;t<u;t++){let r=n[t],u='<li class="inline pr15 relative li-set"><a href="{{url}}" title="{{title}}" class="link-subs-cate-video gray-51">{{title}}<\/a><\/li>'.replaceAll("{{url}}",r.DetailUrl).replaceAll("{{title}}",r.Title);i.innerHTML=i.innerHTML+u}i.innerHTML=i.innerHTML+'<li class="inline pr10 relative last"> <a class="gray-51 cursor"><i class="btn-more-subscate icon-down-dir"><\/i><\/a> <ul class="drop-subscate bg-white pt5 pb5 pr10 pl10 nowrap abs10 shadow-box setlast-drop hide z-9"> <\/ul> <\/li>';f=r.querySelector(".drop-subscate");for(let t=u;t<n.length;t++){let i=n[t],r='<li class="bor-bot-e5 "><a href="{{url}}" title="{{title}}" class="link-subs-cate gray-51 w-full lh-28">{{title}}<\/a><\/li>'.replaceAll("{{url}}",i.DetailUrl).replaceAll("{{title}}",i.Title);f.innerHTML=f.innerHTML+r}}else for(let t=0;t<n.length;t++){let r=n[t],u='<li class="inline pr15 relative li-set"><a href="{{url}}" title="{{title}}" class="link-subs-cate-video gray-51">{{title}}<\/a><\/li>'.replaceAll("{{url}}",r.DetailUrl).replaceAll("{{title}}",r.Title);i.innerHTML=i.innerHTML+u}return r.firstChild},numberWithCommas:function(n){return n==null?"-":n.toString().replace(/\B(?=(\d{3})+(?!\d))/g,".")},loadEmpty:function(){var n=document.querySelectorAll(".layout-setbox");n.forEach(function(n){var t=n.getAttribute("data-type");t=="1"||t=="4"?n.innerHTML=zlayout.param.theme1Empty:(t=="2"||t=="3")&&(n.innerHTML=zlayout.param.theme2Empty)})},getQueryVariable:function(n){for(var i,u=window.location.search.substring(1),r=u.split("&"),t=0;t<r.length;t++)if(i=r[t].split("="),i[0]===n)return i[1];return!1},showZonePlace:function(){for(var t=document.querySelectorAll(".layout-setbox"),n=0;n<t.length;n++){var i=t[n],r=i.getAttribute("data-zone"),u=zlayout.getElementShowZonePlace(r);i.appendChild(u)}},formatminute:function(n){var i=Math.floor(n/60),t=n-i*60;return t<10&&(t="0"+t),i+":"+t},getThemeZoneItem:function(n){let t;switch(n){case 1:t='<section class="cate-news mt15 clearfix {{class}}" data-item="{{id}}"> <header class="title mb15 relative z-6 bg-gray-f0"> <h3 class="font15 uppercase white bold bor-bot-red "> <a href="{{url}}" title="{{title}}" class="art-shape inline pl15 pr5 relative bg-red white lh-38">{{title}}<\/a> <\/h3> <div class="hItem"><\/div> <\/header> <div class="fItem"> <\/div> <div class="row sItem"> <\/div> <\/section>';break;case 2:case 3:t='<section class="fl w350 mr30 {{class}}" data-item="{{id}}"> <header class="title mb10 relative z-6 bg-gray-f0"> <h3 class="font15 uppercase white bold bor-bot-red "> <a href="{{url}}" title="{{title}}" class="inline pl10 lh-38">{{title}}<\/a><\/h3> <div class="hItem"><\/div> <\/header> <div class="fItem"><\/div> <div class="sItem"><\/div> <\/section>';break;case 4:t='<section class="box-video pd10 relative bg-yellow-bold clearfix {{class}}" data-item="{{id}}"> <header class="mb15 relative"> <h3 class="font18 uppercase bold"><a class="tile-subbox relative red" href="{{url}}" title="{{title}}">{{title}}<\/a><\/h3> <div class="hItem"><\/div> <\/header> <div class="w510 fl fItem"> <\/div> <div class="w560 fr sItem set-oddchil row"> <\/div> <\/section>';break;case 5:t='<section class="box-health bor-4bot-e5 border pd10 relative bg-gray-fa clearfix pb0 {{class}}" data-item="{{id}}"> <header class="mb15 relative"> <h3 class="font18 uppercase bold"><a class="tile-subbox relative" href="{{url}}" title="{{title}}">{{title}}<\/a><\/h3> <div class="hItem"><\/div> <\/header> <div class="w510 pb10 fl fItem"> <\/div> <div class="w560 pb10 fr sItem"> <\/div> <\/section>';break;default:t=""}return t},getThemeZoneItemFist:function(n){let t;switch(n){case 1:t='<article class="top-items clearfix"> <figure class="pic lh0 w240 h157 relative fl"> <a class="w-full" href="{{url}}" title="{{title}}"> <img alt="{{title}}" data-src="{{img}}" src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACwAAAAAAQABAEACAkQBADs="><\/a> <\/figure> <header class="pl255 mb5 h44"> <h3 class="font17 bold"> <a href="{{url}}" title="{{title}}">{{title}}<\/a> <\/h3> <\/header> <footer class="pl255 mb5 gray-91 font12"> <span class="time-update mr10">{{date-time}}<\/span><span class="cout-cmt red font13" data-articleid="{{id}}" data-set="0"> <i class="icon-comment-6 mr2"><\/i> <span class="c-comment"><\/span> <\/span><\/footer> <p class="ml255 gray-51 font14 h75 over-hide">{{des}}<\/p> <\/article>';break;case 2:case 3:t='<article class="mb10"> <figure class="pic lh0 w350 relative"> <a class="w-full" href="{{url}}" title="{{title}}"> <img alt="{{title}}" data-src="{{img}}" src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACwAAAAAAQABAEACAkQBADs=" class="h210"> <\/a> <\/figure> <header class="mt10"> <h3 class="font18 bold lh-1-3 h69 over-hide"> <a href="{{url}}" title="{{title}}">{{title}}<\/a> <\/h3> <\/header> <footer class="mt5 gray-91 font12"> <span class="time-update mr10">{{date-time}}<\/span> <span class="cout-cmt red font13" data-articleid="{{id}}" data-set="0"> <i class="icon-comment-6 mr2"><\/i> <span class="c-comment"><\/span> <\/span><\/footer> <p class="gray-51 font15 mt5 h62 over-hide">{{des}}<\/p> <\/article>';break;case 4:t='<article class="top-video clearfix"> <figure class="w510 h287 pic thumbs-video lh0 relative"> <a class="w-full" href="{{url}}" title="{{title}}"> <img data-src="{{img}}" alt="{{title}}" src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACwAAAAAAQABAEACAkQBADs="> <div class="gradient-shadow abs08"><\/div> <span class="video-play btn-vi01 w70 h70 lh-70 font22 tc" href="{{title}}"><i class="icon-play-4"><\/i><\/span> <div class="white abs09 font12"> <span class="timecode mr10 hide"><i class="icon-clock-3 mr2"><\/i>0:00<\/span> <span class="cou-view hide"><i class="icon-eye-5 mr2"><\/i> <\/span><\/div> <\/a> <\/figure> <header class="mt10 h62-fix"> <h3 class="font24 bold lh-1-3"> <a href="{{url}}" title="{{title}}">{{title}}<\/a> <\/h3> <\/header> <footer class="mt5 font12"> <span class="time-update mr10">{{date-time}}<\/span><span class="cout-cmt red font13" data-articleid="{{id}}" data-set="0"> <i class="icon-comment-6 mr2"><\/i> <span class="c-comment"><\/span> <\/span><\/footer> <p class="font15 mt5">{{des}}<\/p> <\/article>';break;case 5:t='<article class="top-news clearfix"> <figure class="w510 h333 pic thumbs-video lh0 relative"> <a class="w-full" href="{{url}}" title="{{title}}"> <img data-src="{{img}}" alt="{{title}}" src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACwAAAAAAQABAEACAkQBADs=" > <\/a> <\/figure> <header class="mt10 h62-fix"> <h3 class="font24 bold lh-1-3"> <a href="{{url}}" title="{{title}}">{{title}}<\/a> <\/h3> <\/header> <footer class="mt5 gray-91 font12"> <span class="time-update mr10">{{date-time}}<\/span> <span class="cout-cmt red font13" data-articleid="{{id}}" data-set="0"> <i class="icon-comment-6 mr2"><\/i> <span class="c-comment"><\/span> <\/span><\/footer> <p class="gray-51 font15 mt5">{{des}}<\/p> <\/article>';break;default:t="<div><\/div>"}return t},getThemeZoneItemSecond:function(n){let t;switch(n){case 1:t='<article class="items w-50-100 pr10 clearfix mt10 pt10 dot-vtc relative bortop-e0-doted"> <header class="pl15 min-h63"> <h4 class="bold font15"> <a href="{{url}}" title="{{title}}">{{title}}<\/a> <\/h4> <\/header> <footer class="pl15 mt5 gray-91 font12"> <span class="time-update mr10">{{date-time}}<\/span> <span class="cout-cmt red font13" data-articleid="{{id}}" data-set="0"> <i class="icon-comment-6 mr2"><\/i> <span class="c-comment"><\/span> <\/span> <\/footer> <\/article>';break;case 2:t='<article class="bor-top-e5 pt10 mb10 clearfix"> <figure class="pic lh0 w120 relative fl"> <a class="w-full" href="{{url}}" title="{{title}}"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACwAAAAAAQABAEACAkQBADs=" alt="{{title}}" data-src="{{img}}"> <\/a> <\/figure> <header class="pl130"> <h4 class="bold font15 max-h63 over-hide"> <a href="{{url}}" title="{{title}}">{{title}}<\/a> <\/h4> <\/header> <footer class="pl130 mt5 gray-91 font12"> <span class="time-update mr10">{{date-time}}<\/span><span class="cout-cmt red font13" data-articleid="655706" data-set="0"> <i class="icon-comment-6 mr2"><\/i> <span class="c-comment"><\/span> <\/span> <\/footer> <\/article>';break;case 3:t='<article class="bor-top-e5 pt10 mb10 clearfix"> <header class="h42 over-hide"> <h4 class="bold font15"> <a href="{{url}}" title="{{title}}">{{title}}<\/a> <\/h4> <\/header> <footer class="mt5 gray-91 font12"> <span class="time-update mr10">{{date-time}}<\/span> <span class="cout-cmt red font13" data-articleid="{{id}}" data-set="0"> <i class="icon-comment-6 mr2"><\/i> <span class="c-comment"><\/span> <\/span><\/footer> <\/article>';break;case 4:t='<article class="items-video w270 mb20 clearfix"> <figure class="thumbs-video lh0 relative"> <a class="w270 h152 pic" href="{{url}}" title="{{title}}"> <img data-src="{{img}}" src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACwAAAAAAQABAEACAkQBADs=" alt="{{title}}"> <div class="gradient-shadow abs08"><\/div> <span class="video-play btn-vi02 w45 h45 font14 tc lh-42" href="{{url}}"><i class="icon-play-4"><\/i><\/span> <div class="white abs09 font12"> <span class="timecode mr10 hide"><i class="icon-clock-3 mr2"><\/i>0:00<\/span> <span class="cou-view hide"><i class="icon-eye-5 mr2"><\/i>0<\/span> <\/div> <\/a> <\/figure> <header class="mt5 min-h68"> <h4 class="font16 bold"> <a href="{{url}}" title="{{title}}">{{title}}<\/a> <\/h4> <\/header> <footer class="mt5 font12"> <span class="time-update mr10">{{date-time}}<\/span><span class="cout-cmt red font13" data-articleid="{{id}}" data-set="0"> <i class="icon-comment-6 mr2"><\/i> <span class="c-comment"><\/span> <\/span><\/footer> <\/article>';break;case 5:t='<article class="items bor-bot-e5 pb15 mb15 clearfix"> <figure class="pic lh0 w240 h157 relative fl"> <a class="w-full" href="{{url}}" title="{{title}}"><img data-src="{{img}}" src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACwAAAAAAQABAEACAkQBADs=" alt="{{title}}"><\/a> <\/figure> <header class="pl255 mb5 h69"> <h4 class="font18 bold lh-1-3"> <a href="{{url}}" title="{{title}}">{{title}}<\/a> <\/h4> <\/header> <footer class="pl255 mb5 gray-91 font12"> <span class="time-update mr10">{{date-time}}<\/span> <span class="cout-cmt red font13" data-articleid="{{id}}" data-set="0"> <i class="icon-comment-6 mr2"><\/i> <span class="c-comment"><\/span> <\/span><\/footer> <p class="pl255 gray-51 font14 h-fix-55">{{des}}<\/p> <\/article>';break;default:t="<div><\/div>"}return t},getElementShowZonePlace:function(n){var t='<div class="zone-show-place"><a class="white font30 bold" href="https://cms.vtc.vn/Misc/ZoneLayout?zoneCode={{zone}}">{{zone}}<\/a><\/div>',i=document.createElement("div");return t=t.replaceAll("{{zone}}",n),i.innerHTML=t,i.firstChild}};zlayout.init()