+
+ Phí vận chuyển:
+
+
${formatCurrency(priceShip) + ' đ'}
+
+
+ Mua thêm ${formatCurrency(minusPriceShip)} đ để được Freeship
+
+
+
`;
+ } else{
+ html+='
';
+ }
+ html+= '
Nhập '+code+'
';
+ html+= '
';
+ })
+ })
+ } else{
+ html+= `
+
+
+
+
Chưa có mã voucher nào !
+
+ `;
+ }
+
+ $(holder).html(html);
+ }
+
+
+
+
+
+ function convertToSlug(Text) {
+ // var newText = Text.split('.').join(" ");
+ if (Text.lastIndexOf(".") > 0) {
+ var newText = Text.substr(Text.lastIndexOf(".") + 2);
+ // console.log(newText);
+ } else 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, '-');
+ }
+
+ function getDistrict(province_id) {
+ var params = {
+ action_type: "district-list",
+ province: province_id,
+ };
+
+ Hura.Ajax.get("province", params).then(function (data) {
+ var html = '';
+ $.each(data, function (key, item) {
+ html += `
` + item.name + ``;
+ });
+
+ $('#js-list-district-list').html(html);
+ })
+ }
+
+ function getWardListNew(district_id) {
+ var params = {
+ action_type: 'ward-list',
+ district: district_id
+ };
+
+ Hura.Ajax.get("province", params).then(function (data) {
+ var html = '';
+ $.each(data, function (key, item) {
+ html += `
` + item.name + ``;
+ });
+
+ $('#js-list-ward-list').html(html);
+ })
+ }
+
+ function searchProvinceTg(elm, holder) {
+ let value = convertToSlug($(elm).val());
+ var value_comvert = value.toUpperCase();
+ $(holder + " li").filter(function () {
+ var text = $(this).text();
+ var text_rpl = text.replace(/\./g, ' ');
+ var text_cv = convertToSlug(text_rpl)
+ var text_comvert = text_cv.toUpperCase();
+ $(this).toggle(text_comvert.indexOf(value_comvert) > -1)
+ })
+ }
+
+ function provinceFocus() {
+ $("#js-province-tragop").focus(function () {
+ $("#js-list-province").show();
+ });
+
+ $("#js-province-tragop-ale").focus(function () {
+ $("#js-list-province-ale").show();
+ });
+ }
+ provinceFocus();
+
+ // CLICK OUTSIDE CLOSE SEARCH
+ function closeProvince() {
+ $(document).on("click", function (e) {
+ if(e.target != document.querySelector("#js-province-tragop") && e.target != document.querySelector("#js-search-province")) {
+ $("#js-list-province").css("display","none");
+ $(".customer-province").removeClass('active');
+ }
+ if(e.target != document.querySelector("#js-distric-tragop") && e.target != document.querySelector("#js-search-distric")) {
+ $("#js-list-district").css("display","none");
+ $(".customer-distric").removeClass('active1');
+ }
+
+ if(e.target != document.querySelector("#js-ward-tragop") && e.target != document.querySelector("#js-search-ward")) {
+ $("#js-list-ward").css("display","none");
+ $(".customer-ward").removeClass('active2');
+ }
+
+ });
+ }
+ closeProvince();
+
+ function selectebProvinCeTg(elm) {
+ let province_name = $(elm).text();
+ let key = $(elm).attr("data-key");
+ $("#id-province").attr("value", key);
+ $("#js-province-tragop").val(province_name);
+ $("#id-province").attr("value", key);
+ getDistrict(key);
+ $("#js-list-province").hide();
+ }
+
+
+
+ function districFocus() {
+ $("#js-distric-tragop").focus(function () {
+ $("#js-list-district").show();
+ });
+ }
+ districFocus();
+
+ function selectebDistricTg(elm) {
+ let distric_name = $(elm).text();
+ let key = $(elm).attr("data-key");
+ $("#js-distric-tragop").val(distric_name);
+ $("#id-distric").attr("value", key);
+ getWardListNew(key);
+ $("#js-list-district").hide();
+ checkTotalShippingFee();
+ }
+
+
+
+ function wardFocus() {
+ $("#js-ward-tragop").focus(function () {
+ $("#js-list-ward").show();
+ });
+ }
+ wardFocus();
+
+ function selectebWardTg(elm) {
+ let ward_name = $(elm).text();
+ let key = $(elm).attr("data-key");
+ $("#js-ward-tragop").val(ward_name);
+ $("#js-list-ward").hide();
+ }
+
diff --git a/demo-audio-1/Demoaudio Mẫu 1/js/global.js b/demo-audio-1/Demoaudio Mẫu 1/js/global.js
new file mode 100644
index 0000000..47ed768
--- /dev/null
+++ b/demo-audio-1/Demoaudio Mẫu 1/js/global.js
@@ -0,0 +1,367 @@
+
+ // LAZY LOADING BLOCK ELEMENT
+ var lazy_load_group = [];
+
+ var lazyLoadInstance = new LazyLoad({
+ elements_selector: ".lazy"
+ });
+
+
+ lazy_load_group.push(
+ {
+ id: 'js-deal-box',
+ target: '#js-deal-box',
+ loadFn: function () {
+ getDealProduct();
+ },
+ },
+
+
+ )
+
+
+
+
+
+ //Kiểm tra cú pháp Email
+function validateEmail(Email) {
+ var regaxEmail =
+ /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+ if (regaxEmail.test(Email)) {
+ return true;
+ } else {
+ return false;
+ }
+}
+
+//Kiếm tra cú pháp Số điện thoại
+var number_regex1 = /^[0]\d{9}$/i;
+var number_regex2 = /^[0]\d{10}$/i;
+var error = "";
+
+
+//Kiểm tra tên chứa ký tự đặc biệt
+var nameRegex = /[^a-z0-9A-Z_ÀÁÂÃÈÉÊÌÍÒÓÔÕÙÚĂĐĨŨƠàáâãèéêìíòóôõùúăđĩũơƯĂẠẢẤẦẨẪẬẮẰẲẴẶẸẺẼỀỀỂưăạảấầẩẫậắằẳẵặẹẻẽềềểỄỆỈỊỌỎỐỒỔỖỘỚỜỞỠỢỤỦỨỪễếệỉịọỏốồổỗộớờởỡợụủứừỬỮỰỲỴÝỶỸửữựỳỵỷỹ]/u;
+
+
+
+
+
+
+ // ADD ITEM TO CART SUCCESS FORM
+ var successForm = document.querySelector(".success-form");
+ function cartButton(idCart) {
+ Hura.Cart.Product.add(idCart, 0, { quantity: 1 }).then(function (
+ add_status
+ ) {
+ if (add_status.status === "error") {
+ alert("Đã tồn tại sản phẩm trong giỏ hàng");
+ } else {
+ modalSuccess();
+ change_cart_amount();
+ }
+ });
+ }
+
+ // CALL MODAL SUCCESS
+ function modalSuccess() {
+ successForm.classList.toggle("hide");
+ setTimeout(function () {
+ successForm.classList.toggle("hide");
+ }, 1200);
+ }
+
+ // CHANGE AMOUNT CART HEADER
+ function change_cart_amount() {
+ Hura.Cart.getSummary().then(function (data) {
+ if (data.total_item != 0) {
+ $(".header-features-cart-amount").show().html(data.total_item);
+ $(".name-amount-sp").show();
+ $(".amount-sp-in-cart").show().html(""+ data.total_item +"");
+ } else {
+ $(".header-features-cart-amount").hide();
+ $(".name-amount-sp").hide();
+ }
+ });
+ }
+
+
+
+
+
+
+ function debounce(func, wait, immediate) {
+ var timeout;
+ return function() {
+ var context = this, args = arguments;
+ var later = function() {
+ timeout = null;
+ if (!immediate) func.apply(context, args);
+ };
+ var callNow = immediate && !timeout;
+ clearTimeout(timeout);
+ timeout = setTimeout(later, wait);
+ if (callNow) func.apply(context, args);
+ };
+};
+
+
+
+ // GET SEARCH PRODUCT
+ function searchProduct(value) {
+ var params = {
+ action: "search",
+ action_type: "search",
+ content: "product",
+ q: value,
+ };
+
+ Hura.Ajax.get("search", params).then(function (data) {
+ //console.log(data.list);
+
+ if (data.list.length > 0) {
+ $(".search-results").css("display", "block");
+ var html = Hura.Template.parse(searchResultsTpl, data.list);
+ Hura.Template.render(".search-results-list", html);
+ } else {
+ $(".search-results").css("display", "none");
+ }
+ });
+ }
+
+
+
+ function getSearchValue() {
+ $('#js-search-box').keyup(debounce(function(e){
+ let value = e.target.value;
+ if (value) {
+ searchProduct(value);
+ } else {
+ $(".search-results").css("display", "none");
+ }
+ },200));
+ }
+
+
+ // CART HEADER POPUP
+ function cartHeaderPopup() {
+ $(".cart-header").on("mouseenter", function () {
+ var target = ".cart-ttip-item-container";
+ Hura.Cart.getCart().then(function (data) {
+ if (data == 0) {
+ $(target).html("
Có 0 sản phẩm trong giỏ hàng
");
+ $(target).find("h5").attr("class", "header-null-cart");
+ } else {
+ var html = Hura.Template.parse(headerCartTpl, data);
+ $(target).html(html);
+ }
+ });
+ });
+ }
+
+ function totalCartPopup(){
+ Hura.Cart.getSummary().then(function (summary_data) {
+ $("#js-header-cart-quantity").html(
+ "
(Số lượng: " + summary_data.total_quantity + " sản phẩm)"
+ );
+ $("#js-header-cart-total-price").html(
+ summary_data.total_value.toLocaleString() + "₫"
+ );
+ if (summary_data.total_quantity == 0) {
+ $("#btn-cart-ttip").addClass( "hide" );
+ }
+
+
+ });
+ }
+
+
+
+ // FIXED HEADER
+ function fixed_header() {
+ $(window).scroll(function () {
+ var distanceFromTop = $(document).scrollTop();
+
+ if (distanceFromTop > 350) {
+ $(".header-mid").addClass("fixed-nav");
+
+ } else {
+ $(".header-mid").removeClass("fixed-nav");
+
+ }
+ });
+ }
+
+
+
+
+
+
+// FORMAT PRICE
+function formatCurrency(a) {
+ var b = parseFloat(a)
+ .toFixed(2)
+ .replace(/(\d)(?=(\d{3})+\.)/g, "$1.")
+ .toString();
+ var len = b.length;
+ b = b.substring(0, len - 3);
+ return b;
+}
+
+// CONVERT STRING TO NUMBER
+function strToNumber(str) {
+ str += "";
+ while (str.indexOf(".") > 0) {
+ str = str.replace(".", "");
+ }
+ var result = parseFloat(str);
+ return isNaN(result) ? 0 : result;
+}
+
+ function checkSummary(productSummary) {
+ var summary = [];
+ if (productSummary) {
+ var splitSummary = productSummary.split("\r\n");
+ splitSummary.forEach(function (value, item) {
+ if (item < 10 && 1 < 2) {
+ summary.push(splitSummary[item]);
+ }
+ })
+ }
+ return summary.join("\r\n");
+ }
+
+ // REWORK SPECIAL OFFER PRODUCT
+ function checkKhuyenMai(specialOffer) {
+ var offer = [];
+ if (specialOffer) {
+ var splitOffer = specialOffer.split("\n");
+ splitOffer.forEach(function (value, item) {
+ if (item < 10 && 1 < 2) {
+ offer.push(`
` + splitOffer[item] + `
`);
+ }
+ })
+ }
+ return offer.join('');
+ }
+
+
+
+
+
+ // DEAL TIME DOWN
+ function saleTimeDown() {
+ // SET TIMER
+ let timeDealLeft = parseInt($(".box-deal-home .p-item").first().attr("data-time"));
+ const timer = setInterval(timeDown, 1000);
+
+ function timeDown() {
+ // GET TIME LEFT PER SECOND
+ let timeLeft = timeDealLeft;
+ timeDealLeft = timeLeft - 1;
+
+ if ($(".global-time-deal").length) $(".global-time-deal").html(renderTimeLeft(timeLeft));
+
+ if (timeLeft === 0) {
+ clearInterval(timer);
+ }
+ }
+ }
+
+ // RENDER HOMEPAGE TIME LEFT
+ function renderTimeLeft(timeLeft) {
+ const sec = String(timeLeft % 60).padStart(2, 0);
+ const min = String(Math.trunc((timeLeft / 60) % 60)).padStart(2, 0);
+ const hour = String(Math.trunc(timeLeft / 3600) % 24).padStart(2, 0);
+ const day = String(Math.trunc(timeLeft / 86400) % 3600).padStart(2, 0);
+
+ const firstLetterSec = Math.floor(sec / 10);
+ const secondLetterSec = sec % 10;
+ const firstLetterMin = Math.floor(min / 10);
+ const secondLetterMin = min % 10;
+ const firstLetterHour = Math.floor(hour / 10);
+ const secondLetterHour = hour % 10;
+ const firstLetterDay = Math.floor(day / 10);
+ const secondLetterDay = day % 10;
+
+ return `
+
${day}
+
:
+
${hour}
+
:
+
${min}
+
:
+
${sec}
+ `;
+ }
+
+
+
+ // GET HOT-DEAL PRODUCT
+ function getDealProduct() {
+ let params = {
+ action_type: "list",
+ type: "active",
+ show: 20,
+ }
+
+ let target = "#js-deal-box";
+
+ Hura.Ajax.get("deal", params).then(function (data) {
+ //console.log(data.list);
+ let html = Hura.Template.parse(productDealTpl, data.list);
+ Hura.Template.render(target, html);
+
+ saleTimeDown();
+ dealLineWidth();
+
+ resetImagePageDeal();
+ });
+ }
+
+
+ // RESET IMAGE IN PAGE DEAL
+ function resetImagePageDeal() {
+ if ($(".page-deal").length > 0) {
+ $(".p-item .p-img").each(function(){
+ let firstChild = $(this).children(":first");
+ let lastChild = $(this).find(".swiper-lazy-preloader");
+ let imageDataSrc = firstChild.attr("data-src");
+ firstChild.attr("src", imageDataSrc);
+ lastChild.css("display","none");
+ })
+ }
+ }
+
+ // CUSTOM BOTTOM LINE PRODUCT DEAL
+ function dealLineWidth() {
+ $(".js-line-deal-left").each(function () {
+ let quantitySaleLeft = parseInt($(this).parent().attr("data-quantity-left"));
+ let quantitySaleTotal = parseInt($(this).parent().attr("data-quantity-sale-total"));
+
+ if (quantitySaleLeft >= 0) {
+ let lineDealWidth = quantitySaleLeft / quantitySaleTotal * 100 + "%";
+ $(this).css("width", lineDealWidth);
+ } else {
+ $(this).css("width", 0);
+ }
+ })
+ }
+
+
+
+
+
+
+
+ // SORT SELECT BOX
+ function sortSelect() {
+ var href = window.location.href;
+
+ $(".js-select-sort-item").each(function () {
+ if ($(this).val() === href) {
+ $(this).attr("selected", "selected");
+ }
+ });
+ }
+ sortSelect();
diff --git a/demo-audio-1/Demoaudio Mẫu 1/js/homepage.js b/demo-audio-1/Demoaudio Mẫu 1/js/homepage.js
new file mode 100644
index 0000000..afcdce5
--- /dev/null
+++ b/demo-audio-1/Demoaudio Mẫu 1/js/homepage.js
@@ -0,0 +1,238 @@
+
+ lazy_load_group.push(
+ {
+ id: 'js-hottpye-bestsale',
+ target: '#js-hottpye-bestsale',
+ loadFn: function () {
+ getProductBestsale();
+ },
+ },
+
+
+ )
+
+ function lazyCategoryBox(){
+ for (let i = 0; i <= category_to_fetch.length - 1 && 1<2; i++) {
+ let idCat = category_to_fetch[i]
+ lazy_load_group.push(
+ {
+ id: "js-product-" + idCat,
+ target: "#js-product-" + idCat,
+ loadFn: function () {
+ getCategoryProduct(idCat)
+ },
+ },
+ );
+ }
+ }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+ .png){kind=icon}
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+ 
+ 
+