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
PostBoxSkeleton.vue
67 lines
| 1 | <template> |
| 2 | <div class="postbox" :id="slug"> |
| 3 | <div class="postbox-header"> |
| 4 | <h2 class="ui-sortable-handle">{{ title }}</h2> |
| 5 | <div class="handle-actions" v-if="$slots['header-actions']"> |
| 6 | <slot name="header-actions"></slot> |
| 7 | </div> |
| 8 | <div class="handle-actions" v-else> |
| 9 | <UndoChangesTable |
| 10 | :scope="slug" |
| 11 | /> |
| 12 | <EditTableSwitcher |
| 13 | :scope="slug" |
| 14 | /> |
| 15 | <ShowOverflowTable |
| 16 | :scope="slug" |
| 17 | /> |
| 18 | <RedirectToSingle |
| 19 | :scope="slug" |
| 20 | /> |
| 21 | </div> |
| 22 | </div> |
| 23 | <div class="postbox-inner submitbox"> |
| 24 | <slot></slot> |
| 25 | <div class="major-publishing-actions" v-if="$slots.actions"> |
| 26 | <slot name="actions"></slot> |
| 27 | <div class="clear"></div> |
| 28 | </div> |
| 29 | <PrimaryActions |
| 30 | v-else |
| 31 | :scope="slug" |
| 32 | /> |
| 33 | </div> |
| 34 | </div> |
| 35 | </template> |
| 36 | |
| 37 | <script> |
| 38 | import EditTableSwitcher from './BoxActions/EditTableSwitcher'; |
| 39 | import UndoChangesTable from './BoxActions/UndoChangesTable'; |
| 40 | import ShowOverflowTable from './BoxActions/ShowOverflowTable'; |
| 41 | import RedirectToSingle from './BoxActions/RedirectToSingle'; |
| 42 | import PrimaryActions from './BoxActions/BoxActions'; |
| 43 | |
| 44 | export default { |
| 45 | name: 'PostBoxSkeleton', |
| 46 | props: { |
| 47 | title: String, |
| 48 | slug: String, |
| 49 | }, |
| 50 | components: { |
| 51 | PrimaryActions, |
| 52 | RedirectToSingle, |
| 53 | ShowOverflowTable, |
| 54 | UndoChangesTable, |
| 55 | EditTableSwitcher, |
| 56 | }, |
| 57 | computed: {}, |
| 58 | }; |
| 59 | </script> |
| 60 | |
| 61 | <style scoped> |
| 62 | |
| 63 | .handle-actions { |
| 64 | display: flex; |
| 65 | } |
| 66 | |
| 67 | </style> |