1
0
mirror of https://gitlab.com/bramw/baserow.git synced 2024-11-21 23:37:55 +00:00
bramw_baserow/web-frontend/modules/dashboard/components/DashboardHeader.vue
2024-10-14 16:13:26 +00:00

39 lines
905 B
Vue

<template>
<header class="layout__col-2-1 header header--space-between">
<DashboardHeaderMenuItems v-if="!isEditMode" :dashboard="dashboard" />
<div v-else class="dashboard-app-header__done-editing">
<Button type="primary" @click="doneEditing">{{
$t('dashboardHeader.doneEditing')
}}</Button>
</div>
</header>
</template>
<script>
import DashboardHeaderMenuItems from '@baserow/modules/dashboard/components/DashboardHeaderMenuItems'
import { mapGetters } from 'vuex'
export default {
name: 'DashboardHeader',
components: {
DashboardHeaderMenuItems,
},
props: {
dashboard: {
type: Object,
required: true,
},
},
computed: {
...mapGetters({
isEditMode: 'dashboardApplication/isEditMode',
}),
},
methods: {
doneEditing() {
this.$store.dispatch('dashboardApplication/toggleEditMode')
},
},
}
</script>