update (31/3)
This commit is contained in:
annv
288
Chico/artilce.js
Normal file
288
Chico/artilce.js
Normal file
@@ -0,0 +1,288 @@
|
||||
|
||||
// LAZY LOADING
|
||||
lazy_load_group.push(
|
||||
{
|
||||
id: 'js-article-home',
|
||||
target: '#js-article-home',
|
||||
loadFn: function () {
|
||||
getTopAricleList();
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'js-article-small-top',
|
||||
target: '#js-article-small-top',
|
||||
loadFn: function () {
|
||||
articleTopMainSmall();
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'js-video-featured-',
|
||||
target: '#js-video-featured-',
|
||||
loadFn: function () {
|
||||
getFeaturedVideo();
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'js-new-article',
|
||||
target: '#js-new-article',
|
||||
loadFn: function () {
|
||||
getNewArticleHome();
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'js-product-hot-article',
|
||||
target: '#js-product-hot-article',
|
||||
loadFn: function () {
|
||||
productHot();
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'js-article-small-home',
|
||||
target: '#js-article-small-home',
|
||||
loadFn: function () {
|
||||
getBottomAricleList();
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'js-article-middle-right',
|
||||
target: '#js-article-middle-right',
|
||||
loadFn: function () {
|
||||
articleCatRight();
|
||||
},
|
||||
},
|
||||
|
||||
|
||||
)
|
||||
|
||||
// SWIPER ARTICLE TOP
|
||||
function swiperArticle() {
|
||||
new Swiper(".swiper-article", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 10,
|
||||
centeredSlides: true,
|
||||
loop: true,
|
||||
speed: 1000,
|
||||
autoplay: {
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
pauseOnMouseEnter: "true",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
});
|
||||
}
|
||||
swiperArticle();
|
||||
|
||||
// GET ARTICLE TOP NEAR SWIPER
|
||||
function getTopAricleList() {
|
||||
var params = {
|
||||
action_type: 'list',
|
||||
type: 'article',
|
||||
featured: 1,
|
||||
show: 1
|
||||
}
|
||||
var target = "#js-article-home";
|
||||
Hura.Ajax.get("article", params).then(function (data) {
|
||||
var html = Hura.Template.parse(articleMainTop, data.list.splice(0, 3));
|
||||
Hura.Template.render(target, html);
|
||||
});
|
||||
}
|
||||
|
||||
// GET ARTICLE TOP NEAR SWIPER
|
||||
function getBottomAricleList() {
|
||||
var params = {
|
||||
action_type: 'list',
|
||||
type: 'article',
|
||||
featured: 1,
|
||||
show: 8,
|
||||
}
|
||||
var target = "#js-article-small-home";
|
||||
Hura.Ajax.get("article", params).then(function (data) {
|
||||
var html = Hura.Template.parse(articleMainBottom, data.list.splice(0,3));
|
||||
Hura.Template.render(target, html);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
// GET ARTICLE COL LEFT
|
||||
function articleTopMainSmall() {
|
||||
var params = {
|
||||
action_type: 'list',
|
||||
type: 'article',
|
||||
featured: 1,
|
||||
show: 18
|
||||
}
|
||||
var target = "#js-article-small-top";
|
||||
Hura.Ajax.get("article", params).then(function (data) {
|
||||
var html = Hura.Template.parse(articleMainSmall, data.list.splice(0, 3));
|
||||
Hura.Template.render(target, html);
|
||||
});
|
||||
}
|
||||
|
||||
// GET FEATURED VIDEO
|
||||
function getFeaturedVideo() {
|
||||
var params = {
|
||||
action_type: "featured",
|
||||
type: "article",
|
||||
show: 10,
|
||||
};
|
||||
var smallTarget = "#js-video-featured-";
|
||||
Hura.Ajax.get("article", params).then(function (data) {
|
||||
var html = Hura.Template.parse(featureVideo, data.splice(0, 3));
|
||||
Hura.Template.render(smallTarget, html);
|
||||
});
|
||||
}
|
||||
|
||||
// TIN MỚI NHẤT
|
||||
function getNewArticleHome() {
|
||||
var params = {
|
||||
action_type: "featured",
|
||||
type: "article",
|
||||
show: 18,
|
||||
};
|
||||
|
||||
var target = "#js-new-article";
|
||||
Hura.Ajax.get("article", params).then(function (data) {
|
||||
var html = Hura.Template.parse(newArticle, data.splice(0, 3));
|
||||
Hura.Template.render(target, html);
|
||||
});
|
||||
}
|
||||
|
||||
// TIN TUYỂN DỤNG
|
||||
function articleCatRight() {
|
||||
var params = {
|
||||
action_type: 'list',
|
||||
type: 'article',
|
||||
catId: 5,
|
||||
};
|
||||
var target = "#js-article-middle-right";
|
||||
Hura.Ajax.get("article", params).then(function (data) {
|
||||
// console.log(data)
|
||||
var html = Hura.Template.parse(articleMiddleRight, data.list);
|
||||
Hura.Template.render(target, html);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// GET PRODUCT NEWEST
|
||||
function productHot() {
|
||||
var params = {
|
||||
action_type: "product-list",
|
||||
hotType: "saleoff",
|
||||
sort: "order",
|
||||
};
|
||||
|
||||
var target = "#js-product-hot-article";
|
||||
Hura.Ajax.get("product", params).then(function (data) {
|
||||
//console.log(data.list);
|
||||
var html = Hura.Template.parse(productHotArticle, data.list.splice(0, 5));
|
||||
Hura.Template.render(target, html);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
function run_anchor() {
|
||||
var all = document.getElementById("js-find_toc").getElementsByTagName("*");
|
||||
var nodes = [];
|
||||
for(var i = all.length; i--; nodes.unshift(all[i]));
|
||||
var result = document.createElement("ol");
|
||||
buildRec(nodes, result, 2);
|
||||
|
||||
$("<div class='archor-text-group' id='js-toc_container'><div class='toc_title d-flex align-items-center justify-content-between gap-8'><b class='text-18 font-weight-700 d-flex align-items-center text-fint-toc'><img src='/static/assets/default/images/art-detial.png'><span>Nội dung chính</span></b></div><div id='js-outp'>" + result.outerHTML + "</div></div>").insertAfter('#js-first-paragraph');
|
||||
|
||||
$("#js-outp a").each(function(){
|
||||
if($(this).text().trim()!=''){
|
||||
var anchor_name = convertToSlug($(this).text());
|
||||
$(this).attr("onclick", `scrollRec('${anchor_name}')`);
|
||||
}
|
||||
});
|
||||
|
||||
setTimeout(function(){
|
||||
$("#js-toggle").click(function(){
|
||||
$(this).parents("#js-toc_container").find("#js-outp").toggle();
|
||||
});
|
||||
}, 500)
|
||||
}
|
||||
|
||||
function scrollRec(id) {
|
||||
document.getElementById(id).scrollIntoView({behavior:'smooth'});
|
||||
}
|
||||
|
||||
function buildRec(nodes, elm, lv) {
|
||||
var node;
|
||||
//console.log(elm);
|
||||
// filter
|
||||
do {
|
||||
node = nodes.shift();
|
||||
} while(node && !(/^h[123]$/i.test(node.tagName)));
|
||||
// process the next node
|
||||
if(node) {
|
||||
var ul, li, cnt;
|
||||
var curLv = parseInt(node.tagName.substring(1));
|
||||
//console.log(curLv);
|
||||
var stt = 0;
|
||||
if(curLv == lv) { // same level append an il
|
||||
cnt = 0;
|
||||
} else if(curLv < lv && 1<2) { // walk up then append il
|
||||
cnt = 0;
|
||||
do {
|
||||
elm = elm.parentNode.parentNode;
|
||||
cnt--;
|
||||
} while(cnt > (curLv - lv));
|
||||
} else if(curLv > lv) { // create children then append il
|
||||
cnt = 0;
|
||||
do {
|
||||
li = elm.lastChild;
|
||||
if(li == null)
|
||||
li = elm.appendChild(document.createElement("li"));
|
||||
elm = li.appendChild(document.createElement("ol"));
|
||||
cnt++;
|
||||
} while(cnt < (curLv - lv) && 1<2);
|
||||
}
|
||||
|
||||
li = elm.appendChild(document.createElement("li"));
|
||||
// replace the next line with archor tags or whatever you want
|
||||
li.innerHTML = '<a href="javascript:;">'+ node.innerText +'</a>';
|
||||
// recursive call
|
||||
buildRec(nodes, elm, lv + cnt);
|
||||
}
|
||||
}
|
||||
|
||||
function convertToSlug(Text){
|
||||
let newText = Text;
|
||||
return newText
|
||||
.toLowerCase()
|
||||
.replace(/à|á|ạ|ả|ã|â|ầ|ấ|ậ|ẩ|ẫ|ă|ằ|ắ|ặ|ẳ|ẵ/g, "a")
|
||||
.replace(/è|é|ẹ|ẻ|ẽ|ê|ề|ế|ệ|ể|ễ/g, "e")
|
||||
.replace(/ì|í|ị|ỉ|ĩ/g, "i")
|
||||
.replace(/ò|ó|ọ|ỏ|õ|ô|ồ|ố|ộ|ổ|ỗ|ơ|ờ|ớ|ợ|ở|ỡ/g, "o")
|
||||
.replace(/ù|ú|ụ|ủ|ũ|ư|ừ|ứ|ự|ử|ữ/g, "u")
|
||||
.replace(/ỳ|ý|ỵ|ỷ|ỹ/g, "y")
|
||||
.replace(/đ/g, "d")
|
||||
.replace(/\u0300|\u0301|\u0303|\u0309|\u0323/g, "")
|
||||
.replace(/\u02C6|\u0306|\u031B/g, "")
|
||||
.replace(/[^\w ]+/g,'')
|
||||
.replace(/ +/g,'-')
|
||||
;
|
||||
}
|
||||
|
||||
run_anchor();
|
||||
|
||||
$("#js-find_toc h2, #js-find_toc h3").each(function(){
|
||||
if($(this).text().trim()!=''){
|
||||
var anchor_name = convertToSlug($(this).text());
|
||||
$(this).attr("id",anchor_name);
|
||||
$(this).css("scroll-margin-top","80px");
|
||||
}
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user