'
subItems = subItems + item;
}
var channel_detail = document.getElementById('load_chanel_home');
if (channel_detail != null) {
channel_detail.innerHTML = subItems;
}
}
});
},
loadDataHome: function () {
var xhr = new XMLHttpRequest();
let isMobile = "0";
let api_domain = qs("body").getAttribute("data-api");
let url = api_domain + '/NewsV2/GetDataHome?isMobile=' + isMobile;
xhr.open('Get', url, true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
rs = JSON.parse(this.responseText);
let listItem = rs.listZoneNewsItem;
let listZoneAudio = rs.listZoneAudio;
////covidjs.loadData(covidData);//load data covid
zlayout.loadNews(listItem);//load data zone layout
/*audioEX.loadData(listZoneAudio);//load data audio*/
}
}; xhr.send();
},
loadNews: function (listItem) {
for (let i = 0; i < listItem.length; i++) {
let item = listItem[i];
let zonecode = item.zoneCode;
let zone_ = document.querySelector('.layout-setbox[data-zone="' + zonecode + '"]');
if (zone_ != undefined) {
if (item.html == null || item.html == "") {
let typeTheme = item.theme;
let themeItem = zlayout.getThemeZoneItem(typeTheme)
.replaceAll("{{id}}", item.idItem)
.replaceAll("{{class}}", item.class)
.replaceAll("{{title}}", item.title)
.replaceAll("{{url}}", item.detailUrl);
let emp = zone_.querySelector('.item-empt');
if (emp == null) {
zone_.innerHTML = zone_.innerHTML + themeItem;
} else {
emp.outerHTML = themeItem;
}
let item_ = zone_.querySelector('[data-item="' + item.idItem + '"]');
if (item_ != undefined && item_ != null) {
if (item.ApiUrl == null) {
let fItem_ = item_.querySelector(".fItem");
let sItem_ = item_.querySelector(".sItem");
let hItem_ = item_.querySelector(".hItem");
for (let k = 0; k < item.listNews.length; k++) {
let news = item.listNews[k];
if (k == 0) {
let article = zlayout.initNewsItem(zlayout.getThemeZoneItemFist(typeTheme), news, "Lag");
fItem_.appendChild(article);
} else {
let article = zlayout.initNewsItem(zlayout.getThemeZoneItemSecond(typeTheme), news);
let article_ = zlayout.initNewsItem(zlayout.getThemeZoneItemThird(typeTheme), news);
if (typeTheme == 4 && k > 2) {
let tItem_ = item_.querySelector(".tItem");
tItem_.appendChild(article);
} else if (typeTheme == 5 && k < 3) {
sItem_.appendChild(article);
} else if (typeTheme == 5 && k > 3) {
let tItem_ = item_.querySelector(".tItem");
tItem_.appendChild(article);
} else if (typeTheme == 1 && k == 1) {
sItem_.appendChild(article);
} else if (typeTheme == 1 && k < 4) {
sItem_.appendChild(article_);
} else if (typeTheme == 1 && k == 4) {
let tItem_ = item_.querySelector(".tItem");
tItem_.appendChild(article);
} else if (typeTheme == 1 && k >= 5) {
let tItem_ = item_.querySelector(".tItem");
tItem_.appendChild(article_);
} else if (typeTheme == 2 && k < 3) {
sItem_.appendChild(article);
} else if (typeTheme == 2 && k < 5) {
let tItem_ = item_.querySelector(".tItem");
tItem_.appendChild(article);
}
else {
sItem_.appendChild(article);
}
}
}
if (hItem_ != null) {
let menuItem = zlayout.initMenuItem(item.listCategory, typeTheme);
hItem_.append(menuItem);
}
} else {
zlayout.bindingApi(zone_, item.idItem, item_, typeTheme, item.apiUrl);
}
}
}
else {
if (item.theme == 3) {
let emp = zone_.querySelector('.item-empt');
emp.innerHTML = item.html;
}
else {
zone_.innerHTML = zone_.innerHTML + item.html;
}
}
}
}
document.addEventListener("click", function (event) {
let target = event.target;
if (target.classList.contains("btn-more-subscate")) {
let next = target.closest("a").nextElementSibling;
if (next != null) {
// Kiểm tra nếu next có chứa lớp "hide" thì mới xóa nó
if (next.classList.contains("hide")) {
next.classList.remove("hide");
} else {
// Nếu không chứa lớp "hide" thì thêm lớp "hide"
next.classList.add("hide");
}
}
} else {
let menus = document.querySelectorAll(".drop-subscate");
menus.forEach(function (menu) {
menu.classList.add("hide");
});
}
});
try {
(adsvtc = window.adsvtc || []).push();
aLazyLoad.update();
home.init();//load bình luận;
} catch (err) {
console.log(err);
}
},
bindingApi: function (zone_, id, item_, typeTheme, url) {
var request = new XMLHttpRequest();
request.open('GET', url, true);
request.onload = function () {
var data = JSON.parse(this.response);
if (request.status >= 200 && request.status < 400) {
var fItem_ = item_.querySelector(".fItem");
var sItem_ = item_.querySelector(".sItem");
var check = 5;
if (data.length < 5) {
check = data.length;
}
for (let k = 0; k < check; k++) {
let news = data[k];
if (k == 0) {
let article = zlayout.initNewsItemApi(zlayout.getThemeZoneItemFist(typeTheme), news);
fItem_.appendChild(article);
} else {
let article = zlayout.initNewsItemApi(zlayout.getThemeZoneItemSecond(typeTheme), news);
sItem_.appendChild(article);
}
}
zone_.querySelector('[data-item="' + id + '"]').innerHTML = item_.innerHTML;
try {
aLazyLoad.update();
} catch (err) {
console.log(err);
}
} else {
const errorMessage = document.createElement('marquee');
errorMessage.textContent = `Gah, it's not working!`;
app.appendChild(errorMessage);
}
}
request.send();
},
initNewsItem: function (theme, news, sizeImg) {
var imgUrl = '';
if (sizeImg == "Lag") {
imgUrl = news.image.lag;
} else {
imgUrl = news.image.medium;
}
var div = document.createElement("div");
var javaScriptDate = new Date(news.publishedDate);
theme = theme
.replaceAll("{{id}}", news.id)
.replaceAll("{{title}}", news.title)
.replaceAll("{{des}}", news.description)
.replaceAll("{{url}}", news.detailUrl)
.replaceAll("{{img}}", imgUrl)
.replaceAll("{{date-time}}", formatdatetime(javaScriptDate));
div.innerHTML = theme;
return div.firstChild;
},
initNewsItemApi: function (theme, news) {
let year_ = news.date_pub.substring(0, 4);
let month_ = news.date_pub.substring(5, 7);
let day_ = news.date_pub.substring(8, 10);
let time_ = news.date_pub.substring(11, 16);
let pubtime_ = time_ + " " + day_ + "/" + month_ + "/" + year_;
let div = document.createElement("div");
theme = theme
.replaceAll("{{id}}", news.id)
.replaceAll("{{title}}", news.title)
.replaceAll("{{des}}", news.lead)
.replaceAll("{{url}}", news.link)
.replaceAll("{{img}}", news.image_path)
.replaceAll("{{date-time}}", pubtime_);
div.innerHTML = theme;
div.querySelector(".cout-cmt").remove();
return div.firstChild;
},
initMenuItem: function (listCategory, type) {
let num;
if (type == 1) {
num = 5;
} else {
num = 2;
}
var ul = document.createElement("div");
/*ul.innerHTML = '
';*/
ul.innerHTML = '
';
var fItem = ul.querySelector(".nav-cate");
if (listCategory.length > num) {
for (let i = 0; i < num; i++) {
let item = listCategory[i];
if (i == 0) {
let item_str = '
'
.replaceAll("{{url}}", item.detailUrl)
.replaceAll("{{title}}", item.title);
fItem.innerHTML = fItem.innerHTML + item_str;
}
}
return ul.firstChild;
},
getQueryVariable: function (variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split("=");
if (pair[0] === variable) { return pair[1]; }
}
return (false);
},
showZonePlace: function () {
var zones = document.querySelectorAll('.layout-setbox');
for (var i = 0; i < zones.length; i++) {
var zone = zones[i];
var zone_code = zone.getAttribute('data-zone');
var elm = zlayout.getElementShowZonePlace(zone_code);
zone.appendChild(elm);
}
},
getThemeZoneItem: function (typeTheme) {
let theme;
switch (typeTheme) {
case 1:
theme = '{{title}}
