brotherton-erpnext/erpnext/public/js/hub/pages/Category.vue

61 lines
1.0 KiB
Vue
Raw Normal View History

<template>
<div
class="marketplace-page"
:data-page-name="page_name"
>
<h5>{{ page_title }}</h5>
<item-cards-container
:container_name="page_title"
:items="items"
:item_id_fieldname="item_id_fieldname"
:on_click="go_to_item_details_page"
:empty_state_message="empty_state_message"
>
</item-cards-container>
</div>
</template>
<script>
export default {
name: 'saved-products-page',
data() {
return {
page_name: frappe.get_route()[1],
category: frappe.get_route()[2],
items: [],
2018-08-27 08:41:48 +00:00
item_id_fieldname: 'name',
// Constants
empty_state_message: __(`No products in this category yet.`)
};
},
computed: {
page_title() {
return __(this.category);
}
},
created() {
this.get_items();
},
methods: {
get_items() {
hub.call('get_items', {
filters: {
hub_category: this.category
}
})
.then((items) => {
this.items = items;
})
},
2018-08-27 08:41:48 +00:00
go_to_item_details_page(hub_item_name) {
frappe.set_route(`marketplace/item/${hub_item_name}`);
}
}
}
</script>
<style scoped></style>