nsinnovations/erpnext
2
0
Fork 0
mirror of https://github.com/frappe/erpnext.git synced 2026-06-01 11:19:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Wishlist from card actions

Browse Source 
- Add remove items from wishlist
- Wishlist icon at nav bar
- Animate wishlist icon in card and navbar
- Remember wished state after refresh as well
This commit is contained in:
marination
2021-03-14 17:28:49 +05:30
parent 4f64d1c7f2
commit 96cc5068b2
10 changed files with 224 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
erpnext/www/all-products/index.js
View File

@@ -73,6 +73,11 @@ $(() => {
}
bind_card_actions() {
this.bind_add_to_cart_action();
this.bind_wishlist_action();
}
bind_add_to_cart_action() {
$('.page_content').on('click', '.btn-add-to-cart-list', (e) => {
const $btn = $(e.currentTarget);
$btn.prop('disabled', true);
@@ -91,18 +96,77 @@ $(() => {
animate_add_to_cart(button) {
// Create 'added to cart' animation
let btn_id = "#" + button[0].id;
button.removeClass('not-added');
button.addClass('added-to-cart');
this.toggle_button_class(button, 'not-added', 'added-to-cart');
$(btn_id).text('Added to Cart');
// undo
setTimeout(() => {
button.removeClass('added-to-cart');
button.addClass('not-added');
this.toggle_button_class(button, 'added-to-cart', 'not-added');
$(btn_id).text('Add to Cart');
}, 2000);
}
bind_wishlist_action() {
$('.page_content').on('click', '.like-action', (e) => {
const $btn = $(e.currentTarget);
const $wish_icon = $btn.find('.wish-icon');
let me = this;
if ($wish_icon.hasClass('wished')) {
// un-wish item
$btn.removeClass("like-animate");
this.toggle_button_class($wish_icon, 'wished', 'not-wished');
frappe.call({
type: "POST",
method: "erpnext.e_commerce.doctype.wishlist.wishlist.remove_from_wishlist",
args: {
item_code: $btn.data('item-code')
},
callback: function (r) {
if (r.exc) {
me.toggle_button_class($wish_icon, 'wished', 'not-wished');
frappe.msgprint({
message: __("Sorry, something went wrong. Please refresh."),
indicator: "red",
title: __("Note")}
);
} else {
erpnext.e_commerce.set_wishlist_count();
}
}
});
} else {
$btn.addClass("like-animate");
this.toggle_button_class($wish_icon, 'not-wished', 'wished');
frappe.call({
type: "POST",
method: "erpnext.e_commerce.doctype.wishlist.wishlist.add_to_wishlist",
args: {
item_code: $btn.data('item-code'),
price: $btn.data('price')
},
callback: function (r) {
if (r.exc) {
me.toggle_button_class($wish_icon, 'wished', 'not-wished');
frappe.msgprint({
message: __("Sorry, something went wrong. Please refresh."),
indicator: "red",
title: __("Note")}
);
} else {
erpnext.e_commerce.set_wishlist_count();
}
}
});
}
});
}
toggle_button_class(button, remove, add) {
button.removeClass(remove);
button.addClass(add);
}
bind_search() {
$('input[type=search]').on('keydown', (e) => {
if (e.keyCode === 13) {