119 lines
3.5 KiB
Vue
119 lines
3.5 KiB
Vue
<!--**
|
|
* 2007-2018 PrestaShop
|
|
*
|
|
* NOTICE OF LICENSE
|
|
*
|
|
* This source file is subject to the Open Software License (OSL 3.0)
|
|
* that is bundled with this package in the file LICENSE.txt.
|
|
* It is also available through the world-wide-web at this URL:
|
|
* https://opensource.org/licenses/OSL-3.0
|
|
* If you did not receive a copy of the license and are unable to
|
|
* obtain it through the world-wide-web, please send an email
|
|
* to license@prestashop.com so we can send you a copy immediately.
|
|
*
|
|
* DISCLAIMER
|
|
*
|
|
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
|
* versions in the future. If you wish to customize PrestaShop for your
|
|
* needs please refer to http://www.prestashop.com for more information.
|
|
*
|
|
* @author PrestaShop SA <contact@prestashop.com>
|
|
* @copyright 2007-2018 PrestaShop SA
|
|
* @license https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
|
|
* International Registered Trademark & Property of PrestaShop SA
|
|
*-->
|
|
<template>
|
|
<div v-if="isReady" id="app" class="stock-app container-fluid">
|
|
<StockHeader />
|
|
<Search @search="onSearch" @applyFilter="applyFilter" />
|
|
<LowFilter v-if="isOverview" :filters="filters" @lowStockChecked="onLowStockChecked" />
|
|
<div class="card container-fluid pa-2 clearfix">
|
|
<router-view class="view" @resetFilters="resetFilters" @fetch="fetch"></router-view>
|
|
<PSPagination
|
|
:currentIndex="currentPagination"
|
|
:pagesCount="pagesCount"
|
|
@pageChanged="onPageChanged"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import StockHeader from './header/stock-header';
|
|
import Search from './header/search';
|
|
import LowFilter from './header/filters/low-filter';
|
|
import PSPagination from 'app/widgets/ps-pagination';
|
|
|
|
export default {
|
|
name: 'app',
|
|
computed: {
|
|
isReady() {
|
|
return this.$store.state.isReady;
|
|
},
|
|
pagesCount() {
|
|
return this.$store.state.totalPages;
|
|
},
|
|
currentPagination() {
|
|
return this.$store.state.pageIndex;
|
|
},
|
|
isOverview() {
|
|
return this.$route.name === 'overview';
|
|
},
|
|
},
|
|
methods: {
|
|
onPageChanged(pageIndex) {
|
|
this.$store.dispatch('updatePageIndex', pageIndex);
|
|
this.fetch('asc');
|
|
},
|
|
fetch(sortDirection) {
|
|
const action = this.$route.name === 'overview' ? 'getStock' : 'getMovements';
|
|
const sorting = (sortDirection === 'desc') ? ' desc' : '';
|
|
this.$store.dispatch('isLoading');
|
|
|
|
this.filters = Object.assign({}, this.filters, {
|
|
order: `${this.$store.state.order}${sorting}`,
|
|
page_size: this.$store.state.productsPerPage,
|
|
page_index: this.$store.state.pageIndex,
|
|
keywords: this.$store.state.keywords,
|
|
});
|
|
|
|
this.$store.dispatch(action, this.filters);
|
|
},
|
|
onSearch(keywords) {
|
|
this.$store.dispatch('updateKeywords', keywords);
|
|
this.fetch();
|
|
},
|
|
applyFilter(filters) {
|
|
this.filters = filters;
|
|
this.fetch();
|
|
},
|
|
resetFilters() {
|
|
this.filters = {};
|
|
},
|
|
onLowStockChecked(isChecked) {
|
|
this.filters = Object.assign({}, this.filters, {
|
|
low_stock: isChecked,
|
|
});
|
|
this.fetch();
|
|
},
|
|
},
|
|
components: {
|
|
StockHeader,
|
|
Search,
|
|
PSPagination,
|
|
LowFilter,
|
|
},
|
|
data: () => ({
|
|
filters: {},
|
|
}),
|
|
};
|
|
</script>
|
|
|
|
<style lang="sass" type="text/scss">
|
|
// hide the layout header
|
|
#main-div > .header-toolbar {
|
|
height: 0;
|
|
display: none;
|
|
}
|
|
</style>
|