diff --git a/Chico/artilce.js b/Chico/artilce.js new file mode 100644 index 0000000..a8ff79e --- /dev/null +++ b/Chico/artilce.js @@ -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); + + $("
Nội dung chính
" + result.outerHTML + "
").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 = ''+ node.innerText +''; + // 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"); + } + }); + diff --git a/Chico/cart.js b/Chico/cart.js new file mode 100644 index 0000000..03c12ae --- /dev/null +++ b/Chico/cart.js @@ -0,0 +1,649 @@ + +//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; + } +} + + function check_field(){ + var number_regex1 = /^[0]\d{9}$/i; + var number_regex2 = /^[0]\d{10}$/i; + var error = ""; + + var check_name = document.getElementById('buyer_name').value; + if(check_name.length < 4) error += "- Tên quá ngắn\n"; + else if(check_name.indexOf(' -1) { + error += "- Họ tên chứa các ký tự không hợp lệ, bạn vui lòng kiểm tra lại\n"; + } + + var check_email = document.getElementById('buyer_email').value; + if(check_email.length < 4) { + error += "- Bạn chưa nhập email\n"; + } + if(check_email.length > 4){ + if(validateEmail(check_email)==false) error += "- Email không hợp lệ\n"; + } + + var check_add = document.getElementById('buyer_address').value; + if(check_add.length < 5) error += "- Địa chỉ quá ngắn\n"; + else if(check_add.indexOf(' -1) { + error += "- Địa chỉ chứa các ký tự không hợp lệ, bạn vui lòng kiểm tra lại\n"; + } + + var check_tel = document.getElementById('buyer_tel').value; + if(check_tel.length < 4) error += "- Bạn chưa nhập SĐT\n"; + else{ + if(number_regex1.test(check_tel) == false && number_regex2.test(check_tel) == false) error += "- Số điện thoại chưa chính xác\n"; + } + + var check_note = document.getElementById('buyer_note').value; + if(check_note.indexOf(' -1) { + error += "- Ghi chú chứa các ký tự không hợp lệ, bạn vui lòng kiểm tra lại\n"; + } + + var check_province = document.getElementById('buyer_province').value; + if(check_province==0) error += "- Bạn chưa chọn Tỉnh/Thành phố\n"; + else if(check_province.indexOf(' -1) { + error += "- Tỉnh/Thành phố chứa các ký tự không hợp lệ, bạn vui lòng kiểm tra lại\n"; + } + + var check_district = document.getElementById('js-district-holder').value; + if(check_district==0) error += "- Bạn chưa chọn Quận/Huyện\n"; + else if(check_district.indexOf(' -1) { + error += "- Quận/Huyện phố chứa các ký tự không hợp lệ, bạn vui lòng kiểm tra lại\n"; + } + + if(error != "") { + alert(error); return false; + } + if (check_district > 0 && check_add.length > 5) { + var district = $('#js-district-holder option:selected').text(); + $('#buyer_address').val(check_add +', '+ district) + } + + $(".js-send-cart").css("pointer-events","none"); + $(".js-send-cart").html("ĐANG XỬ LÝ..."); + return true; + } + + +// check input validation section +function check_valid_input(pattern, target) { + // check valid value for input in cart page + $(target).on("input", function () { + var stringValue = $(target).val(); + var status = pattern.test(stringValue); + if (status == false) { + $(this).css("outline-color", "rgb(194 29 29)"); //red + var targetName = $(this).prev().html().replace("*", ""); + this.setCustomValidity(targetName + " quá ngắn/chưa đúng"); + this.reportValidity(); + } else { + this.setCustomValidity(""); + this.reportValidity(); + $(this).css("outline-color", "rgb(45 182 99)"); //green + } + }); + return; +} +//for mail +function check_valid_input_executer() { + // add check func for each input here and call this func to check all input + //for mail + check_valid_input( + /^(([^<>()[\]\\.,;:\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,}))$/, + "#buyer_email" + ); + //for name + check_valid_input(/^[a-zA-Z ]{4,20}$/, "#buyer_name"); + //for phone number + check_valid_input(/(84|0[3|5|7|8|9])+([0-9]{8})\b/, "#buyer_tel"); + //for address + check_valid_input(/.{10}/, "#buyer_address"); +} + +// end check input validation section + +//Get province selection ( lay quan huyen ) + function getProvince(province_id) { + var params = { + action_type: 'district-list', + province: province_id + }; + var target = '#js-district-holder'; + + Hura.Ajax.get("province", params).then(function (data) { + //console.log(data); + // productTpl is in template: javascript/tpl + var html = Hura.Template.parse(provinceTpl, data); + Hura.Template.render(target, ''); + }) + } + + $(document).ready(function () { + $(".js-bank-money").click(function(){ + $("#show-info-bank").addClass("hide"); + }); + + $(".js-bank-online").click(function(){ + $("#show-info-bank").removeClass("hide"); + }); +}) + +var TOTAL_CART_VALUE_NODE = ".js-total-cart-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; +} + +function strToNumber(str) { + str += ""; + while (str.indexOf(".") > 0) { + str = str.replace(".", ""); + } + var result = parseFloat(str); + return isNaN(result) ? 0 : result; +} + +function tinhSoLuongSanPham() { + var total_item = 0; + + $(".js-buy-quantity").each(function () { + total_item += parseInt($(this).val()); + }); + $("#js-total-quantity").html(total_item + " sản phẩm"); +} + +function checkTotalShippingFee(){ + var province = $("#id-province").val(); + var district = $("#id-distric").val(); + + var cart_total_before_fee_discount = $("#js-total-before-fee-discount").val(); + + + if(province==0 || district == 0){ + return; + } + + var params = { + action : "shipping", + action_type: "get-shipping-and-cod", + order_value : cart_total_before_fee_discount, + province : province, + district : district + } + + Hura.Ajax.post('shipping',params).then(function(data){ + //console.log(data) + $('#js_price_ship').val(data.ship) + calculateCartTotalPrice() + }) + +} + + +//tinh tong gia don hang +function calculateCartTotalPrice() { + var dom_target = ".js-total-before-fee-cart-price"; + var total_cart_price = 0; + + $(".item-cart-price").each(function () { + total_cart_price += Hura.Util.strToNumber($(this).html()); + }); + + //log for other reference + $("#js-total-before-fee-discount").val(total_cart_price); + + //giam gia khac: voucher, membership, loyalty point conversion + var total_discount = 0; + total_discount += Number($("#js-discount-voucher").val()); + total_discount += parseInt($("#js-discount-membership").val()); + + var voucher_value = parseInt($("#js-discount-voucher").val()); + + //phi khac: shipping, COD... + var total_other_fee = 0; + total_other_fee += parseInt($("#js-fee-shipping").val()); + total_other_fee += parseInt($("#js-fee-cod").val()); + //console.log(total_discount); + + var priceFreeship = parseInt($('#js_price_freeship').val()); + + if($('#js_price_ship').val() == "nomal"){ + $("#js-inner-ship").html(` +
+
+ Phí vận chuyển: +
+

Chưa tính

+
+ `); + + $(dom_target).html(formatCurrency(total_cart_price)+' đ'); + $(TOTAL_CART_VALUE_NODE).html(formatCurrency(total_cart_price - total_discount )+' đ'); + + }else{ + var priceShip = parseInt($('#js_price_ship').val()); + if(total_cart_price >= priceFreeship || priceShip == 0){ + //console.log(total_cart_price); + //console.log(priceFreeship) + $("#js-inner-ship").html(` +
+
+ Phí vận chuyển: +
+

Freeship

+
+ `); + + $(dom_target).html(formatCurrency(total_cart_price)+' đ'); + $(TOTAL_CART_VALUE_NODE).html(formatCurrency(total_cart_price - total_discount )+' đ'); + + }else{ + var minusPriceShip = priceFreeship - total_cart_price; + //console.log(total_cart_price); + //console.log(priceFreeship) + $("#js-inner-ship").html(` +
+
+ Phí vận chuyển: +
+

${formatCurrency(priceShip) + ' đ'}

+
+
+
+ Mua thêm ${formatCurrency(minusPriceShip)} đ để được Freeship +
+
+ Mua thêm +
+
+ `); + //console.log(total_discount) + + + $(dom_target).html(formatCurrency(total_cart_price)+' đ'); + $(TOTAL_CART_VALUE_NODE).html(formatCurrency(total_cart_price - total_discount + priceShip )+' đ'); + + } + } + + +} +calculateCartTotalPrice(); +//thay doi tong gia cua 1 san pham +function changeItemTotalPrice() { + var $row = $(this).closest(".js-item-row"); + var item_type = $row.data("item_type"); + var price = parseInt($row.find(".js-buy-price").val()); + var quantity = parseInt($row.find(".js-buy-quantity").val()); + var total_price = price * quantity; + + //loai bo so luong vo ly + if (quantity < 1) { + $row.find(".js-buy-quantity").val(1); + total_price = 0; + } + + $row.find(".item-cart-price").html(formatCurrency(total_price)+' đ'); + + calculateCartTotalPrice(); + + //console.log("updating cart = " + item_type); + + //save to cart + switch (item_type) { + case "product": + Hura.Cart.Product.update($row.data("item_id"), $row.data("variant_id"), {quantity: quantity,}); + break; + + case "deal": + Hura.Cart.Deal.update($row.data("item_id"), { quantity: quantity }); + break; + + case "combo": + Hura.Cart.Combo.update($row.data("item_id"), { quantity: quantity }); + break; + } + + // +} + +//nghe thay doi so luong sp +function listenQuantityChange() { + var $track_change = $(".js-quantity-change"); + + //thay doi so luong sp mua, neu nhap so luong + $track_change.on("change", function (e) { + var quantity_stock = $(this).attr("data-stock"); + var $row = $(this).closest(".js-item-row"); + var current_quantity = $(this).val(); + + if($(this).val() < 1) $(this).val(1); + + if(current_quantity > quantity_stock) { + alert("Bạn được mua tối đa "+ quantity_stock + " sản phẩm này"); + $row.find(".js-buy-quantity").val(quantity_stock); + changeItemTotalPrice.call(this); + tinhSoLuongSanPham.call(this); + + return ; + } + + + changeItemTotalPrice.call(this); + tinhSoLuongSanPham.call(this); + }); + + //thay doi so luong sp theo - hoac + + $track_change.on("click", function (e) { + if (e.target.nodeName === "INPUT") return; + + var quantity_change = parseInt(this.getAttribute("data-value")); + var $row = $(this).closest(".cart-item-info"); + var current_quantity = parseInt($row.find(".js-buy-quantity").val()); + var quantity_stock = parseInt($row.find(".js-buy-quantity").attr("data-stock")); + + //loai bo so luong vo ly + if (current_quantity + quantity_change < 1) { + $row.find(".js-buy-quantity").val(1); + return; + } + + if(current_quantity + quantity_change > quantity_stock) { + alert("Bạn được mua tối đa "+ quantity_stock + " sản phẩm này"); + $row.find(".js-buy-quantity").val(quantity_stock); + changeItemTotalPrice.call(this); + tinhSoLuongSanPham.call(this); + return ; + } + + $row.find(".js-buy-quantity").val(current_quantity + quantity_change); + + //then update + changeItemTotalPrice.call(this); + tinhSoLuongSanPham.call(this); + }); +} +listenQuantityChange(); + + + function deleteCart(){ + let product_ids = []; + $(".js-delete-item").each(function(){ + var $row = $(this).closest(".js-item-row"); + var item_id = $row.data("item_id"); + var variant_id = $row.data("variant_id"); + product_ids.push({item_id: item_id, variant_id: variant_id}) + $row.remove(); + }); + deleteAllCart(product_ids); + } + + async function deleteAllCart(product_ids){ + for(let i = 0; i < product_ids.length; i++) { + let item_id = product_ids[i].item_id; + let variant_id = product_ids[i].variant_id; + await Hura.Cart.Product.remove(item_id, variant_id); + } + + setTimeout(function(){ + if($(".js-item-row").length==0){ location.reload();} + },500); + + } + +function downloadCartImage() { + var seconds = new Date().getTime() / 1000; + var print_url = "{{ global.domain }}/print/user.php?view=cart&f="+parseInt(seconds)+"&uid="+Hura.User.getUserId(); + + window.location = "https://screenshot.hurasoft.com/screenshot.php?url=" + encodeURIComponent(print_url); +} + + +//nghe xoa san pham +function listenDeleteCartItem() { + $(".item-cart-icon").on("click", function () { + var $row = $(this).closest(".cart-item-info"); + var item_type = $row.data("item_type"); + var item_id = $row.data("item_id"); + calculateCartTotalPrice(); + + //console.log("deleting item from cart = " + item_type); + + var deleteStatus; + //save to cart + switch (item_type) { + case "product": + deleteStatus = Hura.Cart.Product.remove( + item_id, + $row.data("variant_id") + ); + location.reload(); + break; + case "deal": + deleteStatus = Hura.Cart.Deal.remove(item_id); + location.reload(); + break; + case "combo": + deleteStatus = Hura.Cart.Combo.remove(item_id); + location.reload(); + break; + } + + if (deleteStatus) { + deleteStatus.then(function () { + $row.remove(); + tinhSoLuongSanPham(); + }); + } + }); +} +listenDeleteCartItem(); + + + // Voucher + 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); + }; + }; + + function voucher_input_change() { + $('#js_voucher_input').change(); + } + + function listenVoucherCode(dom_node) { + var cart_total_before_fee_discount = $("#js-total-before-fee-discount").val(); + var $message_holder = $("#js-voucher-message"); + + var check_deal = 0 + $(".js-item-row").each(function(){ + var check = $(this).attr("data-check-deal") + if (check == 1) { + check_deal = 1; + } + }) + + $(dom_node).change(debounce(function(){ + if (check_deal == 1) { + $message_holder.html('Mã voucher không được áp dụng. Vui lòng xóa sản phẩm DEAL trong giỏ hàng'); + } else{ + var voucher_code = this.value.trim(); + + //update field to send when submit + $("#js_coupon_code").val(voucher_code); + $("#js-discount-voucher").val(0); + $("#price-discount").html(''); + $message_holder.html(''); + + //xu ly hien thi + if(voucher_code.length > 2) { + var params = { + action_type: 'check', + code : voucher_code , + order_value : cart_total_before_fee_discount, + product_ids : '' + } + + Hura.Ajax.post('coupon', params).then(function (data) { + //console.log(data); + var voucher_info = data; + + if(voucher_info.status == 'error') { + //bao loi + $message_holder.html(voucher_info.message); + return ; + } + + $message_holder.html("Bạn đang sử dụng mã coupon/voucher: " + voucher_info.coupon_info.code + ""); + $message_holder.show(); + + //xu ly khac + switch (voucher_info.coupon_info.type) { + case "cash": //giam tru tien + $("#js-discount-voucher").val(Hura.Util.strToNumber(voucher_info.coupon_info.cash_discount)); + $("#price-discount").html(formatCurrency(voucher_info.coupon_info.cash_discount)); + break; + + case "priceoff"://giam gia % + //var total_price_in_cart = $('#js-total-before-fee-discount').val(); + var total_price_in_cart = {% if global.module.name == 'combo_set' %}0{% else %}{{ page.cart_summary.total_value }}{% endif%}; + var after_discount = Math.ceil( total_price_in_cart * voucher_info.coupon_info.content / 100); + $("#js-discount-voucher").val(Hura.Util.strToNumber(after_discount)); + $("#price-discount").html(formatCurrency(voucher_info.total_cash_discount)); + break; + + case "pro": + //todo: + + break; + + case "other": + //todo: + + break; + } + + calculateCartTotalPrice(); + }) + }else{ + $("#js-discount-voucher").val(0); + $message_holder.html(''); + //recalculate total + calculateCartTotalPrice(); + } + } + },100)); + + } + + function getVoucherList(holder) { + var params = { + action_type: 'get-active-list', + limit: 50 + } + + Hura.Ajax.post('coupon', params).then(function (response) { + //console.log(response); + + buildListVoucher(response, holder); + + $(".js-voucher-active").click(function(){ + $(".js-voucher-active").removeClass('current-voucher'); + $(this).addClass('current-voucher'); + }); + }) + } + + function buildListVoucher(response, holder) { + var html = ''; + var current_time = (new Date()).getTime()/1000; + + if (response.total > 0) { + Object.keys(response).forEach(function(key, keyIndex) { + var data = response[key]; + Object.keys(data).forEach(function(item, itemIndex) { + var status = data[item].can_use_with_cart.status; + var code = data[item].code + var title = data[item].title; + var id_coupon = data[item].id; + var to_time = data[item].to_time; + var time_left = to_time - current_time; + var check_product = data[item].can_use_with_cart.status; + + if (time_left > 0 && check_product == 'yes') { + html+=`
`; + } else{ + html+='
'; + } + html+= '
Nhập '+code+'
'; + html+= '

'+ title +'

'; + }) + }) + } else{ + html+= ` +
+ + +

Chưa có mã voucher nào !

+
+ `; + } + + $(holder).html(html); + } + + + function voucherSelected(voucher_coder) { + $("#js_voucher_input_pop").val(voucher_coder); + $('#js-voucher-popupmessage').html(""); + + } + + function voucherActive() { + $("#js_voucher_input").val(""); + $("#js_voucher_input").change(); + + var newCode = $("#js_voucher_input_pop").val(); + $("#js_voucher_input").val(newCode); + $("#js_voucher_input").change(); + close_voucher(); + + } + + function open_voucher() { + $("#js-popup-voucher").show(); + $("body").addClass("overflow-hidden"); + $(".cart-voucher-popup").addClass("active") + } + + function close_voucher() { + $("#js-popup-voucher").hide(); + $("body").removeClass("overflow-hidden"); + $(".js-voucher-active").removeClass('current-voucher'); + $("#js_voucher_input_pop").val(""); + $(".cart-voucher-popup").removeClass("active") + } + + \ No newline at end of file diff --git a/Chico/img/card.png b/Chico/img/card.png new file mode 100644 index 0000000..1abbb64 Binary files /dev/null and b/Chico/img/card.png differ diff --git a/Chico/img/item-cart.png b/Chico/img/item-cart.png new file mode 100644 index 0000000..bcc2f8e Binary files /dev/null and b/Chico/img/item-cart.png differ diff --git a/Chico/img/location-minus.png b/Chico/img/location-minus.png new file mode 100644 index 0000000..661cec6 Binary files /dev/null and b/Chico/img/location-minus.png differ diff --git a/Chico/img/title-artilce1.png b/Chico/img/title-artilce1.png new file mode 100644 index 0000000..b471934 Binary files /dev/null and b/Chico/img/title-artilce1.png differ diff --git a/Chico/index.html b/Chico/index.html index a8f2dd5..65a775a 100644 --- a/Chico/index.html +++ b/Chico/index.html @@ -5,21 +5,18 @@ Chico PC - - + + - - - - - - - + + + + + + + -

Sản phẩm TEST

@@ -5236,6 +5233,1450 @@
+
+ +
+
+
+

Thông tin giỏ hàng

+
+ + Chọn tiếp sản phẩm khác + + XOÁ GIỎ HÀNG +
+
+
+
Sản phẩm
+
Đơn giá
+
Số lượng
+
Số tiền
+
Thao tác
+
+
+ +
+ +
+ + + +
+ + model + +
+ + TEST sản phẩm 02 + + + + + Mã sản phẩm: TL-WN832N + + + + + +
+
+
+
+ +

3.444.000 đ

+ + + +

5.556.000 đ

+ +
+
+
+ - + + + +
+
+ +

3.444.000 đ

+ +
+ + + Xóa + + + +
+ +
+
+
+
+
+ +

ĐỊA CHỈ NHẬN HÀNG

+
+
+ +
+
+
+
+ + + + + + + + + +
+
+ +
+ + Tải file Excel + + + In báo giá + +
+
+
+
+
+
+ + Hình thức thanh toán +
+ + + + + +
+

THÔNG TIN TÀI KHOẢN

+

Số tài khoản:

+

Ngân hàng:

+

Chủ tài khoản: No Name

+
+ + +
+
+ + Nhập mã voucher +
+ +

+
+ + + +
+ Tổng tiền hàng (1 sản phẩm): +

3.444.000 đ

+
+
+ + + +
+ + +
+ + + + + + + + + + + + +
+
+ +
+ + +
+ + + +
+
+
+
+ ĐĂNG KÝ +
+ +
+
+
+

Họ và Tên*

+ +
+ +
+

Số điện thoại*

+ +
+ +
+

Địa chỉ*

+ +
+ +
+

Email*

+ +
+ +
+

Mật khẩu*

+ +
+ + +
+
+ +
+

Nhập lại mật khẩu*

+ +
+ + +
+ + +
+ + +
+
+
+
+
+ +
+ + +
+
+ +
+ +
+ +
+
+
+ + + +
+
+
+ +
+
+
+ +
+
+
+
+ + Chuột chơi game Logitech G502 nâng cấp thay thế G502 liệu có đáng mua? + +
+ Tin công nghệ + +

+ Chuột chơi game Logitech G502 nâng cấp thay thế G502 liệu có đáng mua? +

+ +
+

+ + 17-03-2023, 1:14 pm + + 0 +

+
+
+
+
+ +
+
+ + Chuột chơi game Logitech G502 nâng cấp thay thế G502 liệu có đáng mua? + +
+ Tin công nghệ + +

+ Chuột chơi game Logitech G502 nâng cấp thay thế G502 liệu có đáng mua? +

+ +
+

+ + 17-03-2023, 1:14 pm + + 0 +

+
+
+
+
+ +
+
+ + Chuột chơi game Logitech G502 nâng cấp thay thế G502 liệu có đáng mua? + +
+ Tin công nghệ + +

+ Chuột chơi game Logitech G502 nâng cấp thay thế G502 liệu có đáng mua? +

+ +
+

+ + 17-03-2023, 1:14 pm + + 0 +

+
+
+
+
+ +
+ +
+ +
+
+
+
+ +
+
+ + Chuột chơi game Logitech G502 nâng cấp thay thế G502 liệu có đáng mua? + +
+ +

+ Chuột chơi game Logitech G502 nâng cấp thay thế G502 liệu có đáng mua? +

+ +
+

+ clock + 17.03.2023 + + vist0 +

+
+ +
+
+ +
+ + Chương trình khuyến mãi DEAL KHỦNG - GIÁ HỜI + +
+ +

+ Chương trình khuyến mãi DEAL KHỦNG - GIÁ HỜI +

+ +
+

+ clock + 17.03.2023 + + vist0 +

+
+ +
+
+ +
+ + TOP sản phẩm hot hit mùa hè 2023 + +
+ +

+ TOP sản phẩm hot hit mùa hè 2023 +

+ +
+

+ clock + 17.03.2023 + + vist0 +

+
+ +
+
+
+
+ + +
+ +
+ +
+ +

Tin tức công nghệ

+ + +
+ Xem tất cả +
+
+ +
+
+ +
+ +
+
+ +
+
+

+ Bài viết nổi bật +

+
+
+
+ + Chuột chơi game Logitech G502 nâng cấp thay thế G502 liệu có đáng mua? + +
+
+
Tin game
+

+ + 17.03.2023 + + 0 + +

+
+ +

+ Chuột chơi game Logitech G502 nâng cấp thay thế G502 liệu có đáng mua? +

+ +
+
+ +
+ + Chuột chơi game Logitech G502 nâng cấp thay thế G502 liệu có đáng mua? + +
+
+
Tin game
+

+ + 17.03.2023 + + 0 + +

+
+ +

+ Chuột chơi game Logitech G502 nâng cấp thay thế G502 liệu có đáng mua? +

+ +
+
+ +
+ + Chuột chơi game Logitech G502 nâng cấp thay thế G502 liệu có đáng mua? + +
+
+
Tin game
+

+ + 17.03.2023 + + 0 + +

+
+ +

+ Chuột chơi game Logitech G502 nâng cấp thay thế G502 liệu có đáng mua? +

+ +
+
+ +
+ +
+
+ +
+
+
+

+ Tuyển dụng +

+
+ + + +
+ + TOP sản phẩm hot hit mùa hè 2023 + +
+ +

+ TOP sản phẩm hot hit mùa hè 2023 +

+ +
+

+ + 17.03.2023, 1:15 pm + + 0 +

+
+ +
+
+ + + +
+ + TOP sản phẩm hot hit mùa hè 2023 + +
+ +

+ TOP sản phẩm hot hit mùa hè 2023 +

+ +
+

+ + 17.03.2023, 1:15 pm + + 0 +

+
+ +
+
+ + + +
+
+ +
+ +
+ +
+

+ Sản Phẩm Khuyến Mãi +

+ +
+ +
+
+ +
+ +
+
+
+ +
+ +
+
+ +
+ +
+ +
+
+
+ + + +
+
+ +
+ +
+
+
+
+

Tuyển dụng

+
+
+ +
+
+ +
+ +
+ +
+ +
+
+

+ Bài viết mới nhất +

+
+ + +
+ +
+
+
+

+ Tuyển dụng +

+
+ +
+
+ + TOP sản phẩm hot hit mùa hè 2023 + +
+ +

+ TOP sản phẩm hot hit mùa hè 2023 +

+ +
+

+ clock + 17-03-2023, 1:15 pm + + visit0 +

+
+
+
+ +
+ + TOP sản phẩm hot hit mùa hè 2023 + +
+ +

+ TOP sản phẩm hot hit mùa hè 2023 +

+ +
+

+ clock + 17-03-2023, 1:15 pm + + visit0 +

+
+
+
+
+ + + +
+
+ + + +
+

+ Sản Phẩm Khuyến Mãi +

+ +
+ +
+ +
+
+
+
+
+ + + +
+ + +
+ +
+
+ +
+ +
+ +
+
+
+ + +
+
+ +
+ +
+
+
+

Chuột chơi game Logitech G502 nâng cấp thay thế G502 liệu có đáng mua?

+
+
+ + 17-03-2023, 1:16 pm +

0

+

By:HuraSoft

+
+
+
+ +
+ +
Nội dung chính
+

Đối với các game thủ, chuột chính là vũ khí và cách cầm chuột cũng giống như cách các tướng lĩnh cầm binh đao ra trận vậy. Có thể nói, cách chúng ta cầm chuột sẽ ảnh hưởng rất lớn đến kết quả của cả trận đấu trong game. Chính vì vậy, với 3 kiểu cầm chuột cơ bản: Palm, Claw và Fingertip chắc chắn sẽ giúp người chơi phát huy được tối đa khả năng của mình.

+

Tổng hợp ưu, nhược điểm của 3 kiểu cầm chuột cơ bản: Palm, Claw và Fingertip

+

Cách cầm chuột cũng giống như cách cầm bút vậy, có rất nhiều kiểu cầm chuột khác nhau. Trong đó, 3 kiểu cầm chuột cơ bản: Palm, Claw và Fingertip là được sử dụng phổ biến nhất. Sau đây chúng ta sẽ cùng nhau tìm hiểu về ưu điểm và nhược điểm của 3 kiểu cầm chuột này nhé!

+

3 kiểu cầm chuột cơ bản: Palm, Claw và Fingertip

+

Kiểu cầm chuột Palm

+

Đối với kiểu cầm chuột Palm, bàn tay của người dùng sẽ ôm hết vào thân chuột. Vì vậy, những loại chuột kích thước lớn và có thiết kế công thái học sẽ là lựa chọn hoàn hảo cho cách cầm này.

+

3 kiểu cầm chuột cơ bản: Palm, Claw và Fingertip

+

Ưu điểm của Palm Grip

+

- Đặc điểm của Palm Grip là khi sử dụng các ngón tay của chúng ta luôn nằm trên thân chuột. Đồng thời nhận được sự nâng đỡ từ đó nên sẽ rất ít khi cảm thấy mỏi, không kể đến ngón giữa và ngón trỏ.

+

- Cách cầm này giúp người dùng kiểm soát rất tốt. Bởi vì gần như là toàn bộ bàn tay lúc này đều bám hết vào thân chuột. Giúp cho các thao tác di chuột diễn ra dễ dàng và chính xác hơn.

+

- Đối với những bạn mới sử dụng thì nên áp dụng Palm Grip vì nó tương đối dễ làm quen. Hoặc các bạn nữ muốn chơi game dễ dàng hơn cũng có thể sử dụng cách cầm này.

+

Nhược điểm của Palm Grip

+

- Cũng vì khi cầm hầu hết cả bàn tay ôm trọn thân chuột cho nên dễ bị bí, khiến cho bàn tay đổ mồ hôi. Chuột sẽ bị ướt, dẫn đến trơn trượt rất khó chịu.

+

- Với yêu cầu về chuột sử dụng kiểu cầm này như đã nói, đòi hỏi loại chuột phải có thiết kế to và được thiết kế công thái học cho nên thường có giá khá đắt.

+

- Làm cho ngón tay trỏ và ngón tay giữa sẽ phải tốn nhiều lực và rất nhanh mỏi. Bởi vì hai ngón tay này phải đặt lên phím chuột để thao tác nhấp chuột, đồng thời không thể co duỗi trong thời gian sử dụng.

+

Kiểu cầm chuột Claw

+

Kiểu cầm chuột Claw chủ yếu là sự tiếp xúc giữa lòng bàn tay và các đầu ngón tay với thân chuột. Sử dụng loại chuột có kích cỡ trung bình trong trường hợp này là chuẩn nhất.

+

Ưu điểm của Claw Grip

+

- Ngược lại với Palm Grip, kiểu cầm Claw có ưu điểm không gây bí bách mà sẽ tạo cảm giác thoáng khí vừa phải cho người sử dụng.

+

- Khi nhấp chuột không cần phải mất nhiều lực nhưng vẫn tạo được cảm giác nhấp chuột chắc chắn.

+

- Nếu như bạn đã cầm chuột theo kiểu palm thì khi chuyển qua kiểu này sẽ dễ dàng hơn. Bởi vì về mặt cơ bản cả hai kiểu đều tương đối giống nhau, chỉ khác ở một vài điểm tiếp xúc không cần thiết mà thôi.

+

Nhược điểm của Claw grip

+

- Khi sử dụng chuột không thể tránh khỏi việc áp sát tay vào thân chuột, cho nên đối với những bạn ra nhiều mồ hôi tay thì vẫn sẽ gặp phải tình trạng mồ hôi tay nhễ nhại.

+

- Claw grip cũng khá kén chuột sử dụng, vì vậy chúng ta nên chọn lựa thật kỹ loại chuột thật phù hợp để đạt được hiệu quả tối ưu.

+

Kiểu cầm chuột Fingertip

+

Với kiểu cầm fingertip, chúng ta chỉ cần dùng các đầu ngón tay để điều khiển chuột. Những loại chuột thường dùng cho kiểu này có kích cỡ khá nhỏ và trọng lượng nhẹ.

+

3 kiểu cầm chuột cơ bản: Palm, Claw và Fingertip

+

Ưu điểm của Fingertip grip

+

- Fingertip grip giúp người dùng tận dụng được độ linh hoạt và khả năng cử động của các ngón tay. Đồng thời, có thể giúp chúng ta phản ứng nhanh hơn, nâng cao tốc độ di chuột và giảm tải áp lực cho phần cổ tay. Cũng chính vì lý do này, fingertip grip được đánh giá là sẽ giúp cho người cầm chuột ít mỏi tay hơn hai kiểu cầm còn lại.

+

- Vì không cần tiếp xúc cả bàn tay nên việc đổ mồ hôi do bí khí rất khó xảy ra, trừ trường hợp bạn thuộc tuýp người có nhiều mồ hôi tay.

+

- Những loại chuột sử dụng ở kiểu cầm này không đòi hỏi cao, cho nên thường thì chúng cũng sẽ có mức giá khá rẻ.

+

Nhược điểm của fingertip grip

+

- Kiểu cầm chuột fingertip yêu cầu rất cao vào khả năng kiểm soát các ngón tay của người dùng. Vì vậy có thể sẽ khiến chúng ta gặp một chút khó khăn hơn, khi làm quen so với hơn hai kiểu palm và fingertip.

+

- Bàn tay không cần ôm sát thân chuột cũng là điểm yếu của fingertip grip. Bởi vì, lúc này lòng bàn tay và các khớp MCP không có sự cố định, khiến cho các thao tác giảm đi độ chính xác và sẽ khó đạt được hiệu quả cao khi sử dụng.

+

- Các ngón tay phải thường xuyên hoạt động cho nên nhanh gây mỏi tay.

+

Trên đây là chia sẻ về 3 kiểu cầm chuột cơ bản: Palm, Claw và Fingertip. Hy vọng, với nội dung của bài viết sẽ mang lại cho các bạn những thông tin thật hữu ích.

+
 
+ +
+ +
+
+ + +
+ +
+
+

+ Bài viết mới nhất +

+
+ + +
+ +
+
+
+

+ Tuyển dụng +

+
+ +
+
+ + TOP sản phẩm hot hit mùa hè 2023 + +
+ +

+ TOP sản phẩm hot hit mùa hè 2023 +

+ +
+

+ clock + 17-03-2023, 1:15 pm + + visit0 +

+
+
+
+ +
+ + TOP sản phẩm hot hit mùa hè 2023 + +
+ +

+ TOP sản phẩm hot hit mùa hè 2023 +

+ +
+

+ clock + 17-03-2023, 1:15 pm + + visit0 +

+
+
+
+
+
+
+ + +
+

+ Sản Phẩm Khuyến Mãi +

+ +
+
+
+
+
+
+ +
@@ -5489,8 +6930,7 @@