Alerts
2 years ago
BoxActions
2 years ago
PaymentsPage
2 years ago
TableColumns
2 years ago
VuiBoxes
2 years ago
ActionsWithFilters.vue
2 years ago
ChooseAction.vue
2 years ago
ClearFiltersButton.vue
2 years ago
DetailsTableWithStore.vue
2 years ago
EntriesList.vue
2 years ago
EntriesTable.vue
2 years ago
EntriesTableSkeleton.vue
2 years ago
EntryColumnList.vue
2 years ago
EntryColumnsTable.vue
2 years ago
FormBuilderPage.vue
2 years ago
PageActions.vue
2 years ago
PostBoxContainer.vue
2 years ago
PostBoxGrid.vue
2 years ago
PostBoxSimple.vue
2 years ago
PostBoxSkeleton.vue
2 years ago
PostBoxTable.vue
2 years ago
SideBarBoxes.vue
2 years ago
TablePagination.vue
2 years ago
EntriesTable.vue
58 lines
| 1 | <template> |
| 2 | <EntriesTableSkeleton |
| 3 | :list="list" |
| 4 | :columns="columns" |
| 5 | :loading="isLoading" |
| 6 | :empty-message="emptyMessage" |
| 7 | :columns-components="components" |
| 8 | :footer-heading="footerHeading" |
| 9 | :scope="scope" |
| 10 | ></EntriesTableSkeleton> |
| 11 | </template> |
| 12 | |
| 13 | <script> |
| 14 | import EntriesTableSkeleton from './EntriesTableSkeleton'; |
| 15 | import ScopeStoreMixin from '../mixins/ScopeStoreMixin'; |
| 16 | |
| 17 | const { |
| 18 | mapState, |
| 19 | mapGetters, |
| 20 | mapActions, |
| 21 | mapMutations, |
| 22 | } = window.Vuex; |
| 23 | |
| 24 | const { applyFilters } = wp.hooks; |
| 25 | |
| 26 | export default { |
| 27 | name: 'entries-table', |
| 28 | data: () => ( |
| 29 | { |
| 30 | components: [], |
| 31 | } |
| 32 | ), |
| 33 | components: { EntriesTableSkeleton }, |
| 34 | mixins: [ ScopeStoreMixin ], |
| 35 | created() { |
| 36 | this.components = applyFilters( `jet.fb.admin.table.${ this.scope }`, [] ); |
| 37 | }, |
| 38 | computed: { |
| 39 | list() { |
| 40 | return this.getter( 'list' ); |
| 41 | }, |
| 42 | columns() { |
| 43 | return this.getter( 'columns' ); |
| 44 | }, |
| 45 | emptyMessage() { |
| 46 | return this.getter( 'emptyMessage' ); |
| 47 | }, |
| 48 | isLoading() { |
| 49 | return this.getter( 'isLoading', 'page' ); |
| 50 | }, |
| 51 | footerHeading() { |
| 52 | return this.getter( 'options/footerHeading' ); |
| 53 | }, |
| 54 | }, |
| 55 | }; |
| 56 | </script> |
| 57 | |
| 58 |