${ratingHtml}

`; }; const getInstructorHtml = (instructor)=>{ return `

${instructor.name}

`; }; function getCookie(cname) { const name = cname + "="; const decodedCookie = decodeURIComponent(document.cookie); const ca = decodedCookie.split(";"); for(let i = 0; i < ca.length; i++){ let c = ca[i]; while(c.charAt(0) == " "){ c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } function convertUTCToDateFormat(utcString) { // Parse the UTC string to create a Date object const date = new Date(utcString); // Extract day, month, and year const day = date.getUTCDate().toString().padStart(2, "0"); const month = (date.getUTCMonth() + 1).toString().padStart(2, "0"); // Months are 0-indexed const year = date.getUTCFullYear(); // Return formatted date string return `${day}/${month}/${year}`; } function convertMinutesToHHMM(totalMinutes) { // Handle negative values if (totalMinutes < 0) { return "-" + convertMinutesToHHMM(-totalMinutes); } // Calculate hours and remaining minutes const hours = Math.floor(totalMinutes / 60); const minutes = totalMinutes % 60; // Format with leading zeros const hoursStr = hours.toString().padStart(2, "0"); const minutesStr = minutes.toString().padStart(2, "0"); // Return formatted time string return `${hoursStr}:${minutesStr}`; } const getCardHtml = ({ cardTitle = "title", finalPrice = 999999, originalPrice = 1000000, isPurchased = false, slug = "a-b-c", image = "", description, id, totalTime = "0 giờ", createAt = `15/04/2024`, isRating = false, ratings = [], instructor })=>{ const isInCart = ()=>{ const rawCartItems = localStorage.getItem("cart-items"); const cartList = rawCartItems ? JSON.parse(rawCartItems) : undefined; const result = cartList ? cartList.findIndex((item)=>item === id) !== -1 : false; return result; }; return `

${instructor ? getInstructorHtml(instructor) : ""}

${cardTitle}

${description}

${isRating ? getRatingHtml(ratings) : ""}

${convertMinutesToHHMM(totalTime)} giờ

${convertUTCToDateFormat(createAt)}

`; }; const insertedSections = async ()=>{ const selectedTopics = JSON.parse(this.getAttribute("selectedTopics") || "[]"); const order = this.getAttribute("data-select-order"); const showRating = this.getAttribute("data-show-rating"); const showIntsructor = this.getAttribute("data-show-instructor"); const token = getCookie("accessToken"); const init = { method: "GET" }; if (token) { init.headers = { Authorization: `Bearer ${token}` }; } let preparedUrl = `${apiHost}courses/public/course?limit=5`; if (selectedTopics[0]) { preparedUrl += `&topicId=${selectedTopics[0]}`; } if (order === "created-at") { preparedUrl += `&filterOrder=CREATEDATASC`; } const availableCoursesResp = await fetch(preparedUrl, init); const availableCourses = await availableCoursesResp.json(); let returnString = ""; returnString = await availableCourses.data.map((course)=>{ return `

${getCardHtml({ cardTitle: course.name, finalPrice: course.price.finalPrice, originalPrice: course.price.originalPrice, image: course?.urlDetailImg?.url || "", slug: course.slug, id: course.id, isPurchased: course.courseEnrolled ? true : false, description: course.shortDescription, createAt: course.createdAt, totalTime: course.durationText, isRating: showRating, ratings: course.ratings, instructor: course.lecturers.length > 0 && showIntsructor ? course.lecturers[0] : undefined })}

`; }).join(""); return await returnString; }; const cardContainer = this.querySelector(".swiper-wrapper"); (async ()=>{ if (cardContainer.getAttribute("data-set-inner") === null) { cardContainer?.setAttribute("data-set-inner", "true"); await insertedSections().then((value)=>{ cardContainer.innerHTML = value; modifyHeight(".course-card-2-description", this); if (cardContainer.children.length > 0) { const swiper = new Swiper(swiperEl, { loop: true, autoplay: true, slidePerView: 1, spaceBetween: 16, pagination: { el: ".swiper-pagination", clickable: true }, breakpoints: { 1280: { slidesPerView: 3 }, 900: { slidesPerView: 2, spaceBetween: 16 } } }); } }); } })(); const updateEnrollStatus = async ()=>{ const selectedTopics = JSON.parse(this.getAttribute("selectedTopics")); const showRating = this.getAttribute("data-show-rating"); const showInstructor = this.getAttribute("data-show-instructor"); const order = this.getAttribute("data-select-order"); const courseBtns = this.querySelectorAll(".course-card-button"); if (selectedTopics && courseBtns && cardContainer) { const availableCourses = await Promise.all(selectedTopics.map(async (id)=>{ const resp = await rootFetch(`courses/?topic=${id}`, "GET"); const data = await resp.json(); return data; })); if (availableCourses && !availableCourses.status) { const coursesArr = availableCourses.map((availableCourse)=>{ return availableCourse.data; }); const courses = coursesArr.flat(); courseBtns.forEach((btn)=>{ const courseId = btn.getAttribute("data-course-id"); const courseInfo = courses.find((currCourse)=>currCourse.id.toString() === courseId); if (courseInfo && courseInfo.courseEnrolleded) { btn.innerHTML = `

${courseInfo.enterCourseBtnText}

`; } }); } } const courseCardButtons = this.querySelectorAll(".add-to-cart"); if (courseCardButtons) { courseCardButtons.forEach((courseCardButton)=>{ courseCardButton.addEventListener("click", ()=>{ const cartItemsString = localStorage.getItem("cart-items"); if (!cartItemsString) { // @ts-expect-error from public script customLocalStorage.setItemWithEvent("cart-items", JSON.stringify([ courseCardButton.getAttribute("data-course-id") ])); courseCardButton.outerHTML = ``; } else { const cartItems = JSON.parse(cartItemsString); cartItems.push(courseCardButton.getAttribute("data-course-id")); // @ts-expect-error from public script customLocalStorage.setItemWithEvent("cart-items", JSON.stringify(cartItems)); courseCardButton.outerHTML = ``; } }); }); } }; updateEnrollStatus(); }.bind(items[i]))(); } var items = document.querySelectorAll('#icnbgh'); for (var i = 0, len = items.length; i < len; i++) { (function(){ const swiperEl = this.querySelector(".swiper"); const swiper = new Swiper(swiperEl, { loop: true, autoplay: false, slidePerView: 1, spaceBetween: 16, pagination: { el: ".swiper-pagination", clickable: true }, breakpoints: { 1280: { slidesPerView: 3 }, 900: { slidesPerView: 2, spaceBetween: 16 } } }); }.bind(items[i]))(); } var items = document.querySelectorAll('#iks69a'); for (var i = 0, len = items.length; i < len; i++) { (function(){ const courseSections = this.querySelectorAll(".swiper-wrapper"); const swiperEl = this.querySelector(".swiper"); const swiper = new Swiper(swiperEl, { loop: true, autoplay: false, slidePerView: 1, spaceBetween: 16, pagination: { el: ".swiper-pagination", clickable: true }, breakpoints: { 900: { slidesPerView: 2, spaceBetween: 16 } } }); }.bind(items[i]))(); } var items = document.querySelectorAll('#imyj5u'); for (var i = 0, len = items.length; i < len; i++) { (function(){ const tabTriggers = this.querySelectorAll(".trainer-tab-trigger"); let trainerTabs; if (this) { trainerTabs = this.querySelectorAll(".trainer-tab"); tabTriggers.forEach((tabTrigger, tabIndex)=>{ tabTrigger.addEventListener("click", ()=>{ trainerTabs.forEach((tab, index)=>{ tab.classList.remove("active-trainer-tab"); if (index === tabIndex) { tab.classList.add("active-trainer-tab"); } }); }); }); } const swiperEl = this.querySelector(".swiper"); const swiper = new Swiper(swiperEl, { loop: true, autoplay: false, slidePerView: 1, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev" }, breakpoints: { 1350: { slidesPerView: 5 }, 1150: { slidesPerView: 4 }, 950: { slidesPerView: 3 }, 550: { slidesPerView: 2 } } }); }.bind(items[i]))(); } var items = document.querySelectorAll('#iye2iy'); for (var i = 0, len = items.length; i < len; i++) { (function(){ const mainArticle = this.querySelector(".vico-main-article"); const subArticles = this.querySelector(".vico-sub-articles"); const getArticles = async ()=>{ const resp = await rootFetch("blog/public?limit=4", "GET"); const articles = await resp.json(0); if (articles.data.length > 0) { mainArticle.innerHTML = `

${articles.data[0].title}

${convertUTCToDateFormat(articles.data[0].publishedAt)}

${articles.data[0].summary}

`; } if (articles.data.length > 1) { const subArticlesHtmlString = articles.data.map((article, index)=>{ if (index > 0) { return `

${article.title}

${convertUTCToDateFormat(article.publishedAt)}

${article.summary}

`; } }).join(" "); subArticles.innerHTML = subArticlesHtmlString; } }; getArticles(); }.bind(items[i]))(); }

Tìm kiếm khóa học

Đăng Nhập

🚀 Đăng ký thông báo lần đầu tiên