Last active
April 3, 2020 17:40
-
-
Save iErik/1d88b3929bdf04bfcbd567be5ddbe982 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { mapActions } from 'vuex' | |
| export default ({ | |
| createFn = '', | |
| deleteFn = '', | |
| updateFn = '', | |
| paginationFn = '', | |
| clearFn = '' | |
| }) => ({ | |
| data: () => ({ | |
| isLoading: true, | |
| loadingDelete: false, | |
| setModalState: { | |
| loading: false, | |
| show: false, | |
| doc: {} | |
| } | |
| }), | |
| async created() { | |
| if (!this.load) return | |
| this.isLoading = true | |
| await this.load() | |
| this.isLoading = false | |
| }, | |
| beforeDestroy() { | |
| this.clearFn() | |
| }, | |
| methods: { | |
| ...mapActions({ | |
| clearFn, | |
| createFn, | |
| deleteFn, | |
| updateFn, | |
| paginationFn | |
| }), | |
| triggerModal(modalName, doc) { | |
| const modalState = this[`${modalName}ModalState`] | |
| modalState.show = !modalState.show | |
| modalState.doc = doc || {} | |
| }, | |
| async confirmDelete(doc) { | |
| this.loadingDelete = true | |
| await this.deleteFn(doc) | |
| this.loadingDelete = false | |
| }, | |
| async save(formData) { | |
| this.setModalState.loading = true | |
| const methodName = formData.id ? 'update' : 'create' | |
| await this[`${methodName}Fn`](formData) | |
| this.setModalState.loading = false | |
| this.setModalState.show = false | |
| this.setModalState.doc = {} | |
| }, | |
| async search(search) { | |
| if (search === this.searchQuery) return | |
| await this.paginate({ perPage: 10, page: 1, search }) | |
| }, | |
| async paginate(options) { | |
| this.isLoading = true | |
| await this.paginationFn(options) | |
| this.isLoading = false | |
| } | |
| } | |
| }) |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment