mirror of
https://gitlab.com/bramw/baserow.git
synced 2024-11-22 15:52:34 +00:00
52 lines
1.3 KiB
Vue
52 lines
1.3 KiB
Vue
<template>
|
|
<header class="layout__col-2-1 header header--space-between">
|
|
<PageHeaderMenuItems />
|
|
<DeviceSelector
|
|
:device-type-selected="deviceTypeSelected"
|
|
@selected="actionSetDeviceTypeSelected"
|
|
/>
|
|
<PageActions />
|
|
</header>
|
|
</template>
|
|
|
|
<script>
|
|
import DeviceSelector from '@baserow/modules/builder/components/page/header/DeviceSelector'
|
|
import PageHeaderMenuItems from '@baserow/modules/builder/components/page/header/PageHeaderMenuItems'
|
|
import PageActions from '@baserow/modules/builder/components/page/header/PageActions'
|
|
import { mapActions, mapGetters } from 'vuex'
|
|
|
|
export default {
|
|
name: 'PageHeader',
|
|
components: {
|
|
PageHeaderMenuItems,
|
|
DeviceSelector,
|
|
PageActions,
|
|
},
|
|
props: {
|
|
page: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
},
|
|
computed: {
|
|
...mapGetters({ deviceTypeSelected: 'page/getDeviceTypeSelected' }),
|
|
deviceTypes() {
|
|
return Object.values(this.$registry.getOrderedList('device'))
|
|
},
|
|
},
|
|
created() {
|
|
if (this.deviceTypeSelected === null) {
|
|
this.$store.dispatch(
|
|
'page/setDeviceTypeSelected',
|
|
this.deviceTypes[0].getType()
|
|
)
|
|
}
|
|
},
|
|
methods: {
|
|
...mapActions({
|
|
actionSetDeviceTypeSelected: 'page/setDeviceTypeSelected',
|
|
}),
|
|
},
|
|
}
|
|
</script>
|