mirror of
https://gitlab.com/bramw/baserow.git
synced 2025-02-27 14:45:49 +00:00
49 lines
1.3 KiB
Vue
49 lines
1.3 KiB
Vue
<template>
|
|
<ul class="header__filter">
|
|
<li
|
|
v-for="itemType in pageHeaderItemTypes"
|
|
:key="itemType.getType()"
|
|
class="header__filter-item"
|
|
>
|
|
<a
|
|
:ref="`button_${itemType.type}`"
|
|
:data-item-type="itemType.type"
|
|
class="header__filter-link"
|
|
:class="{
|
|
'active--error': itemType.isInError({ builder, page: currentPage }),
|
|
}"
|
|
@click="
|
|
itemType.onClick(
|
|
$refs[`component_${itemType.type}`][0],
|
|
$refs[`button_${itemType.type}`][0]
|
|
)
|
|
"
|
|
>
|
|
<i class="header__filter-icon" :class="itemType.icon"></i>
|
|
<span class="header__filter-name">{{ itemType.label }}</span>
|
|
<i
|
|
v-if="itemType.isInError({ builder, page: currentPage })"
|
|
class="header__filter-error-icon iconoir-warning-circle"
|
|
></i>
|
|
</a>
|
|
<component
|
|
:is="itemType.component"
|
|
:ref="`component_${itemType.type}`"
|
|
:data-item-type="itemType.type"
|
|
:page="currentPage"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'PageHeaderMenuItems',
|
|
inject: ['currentPage', 'builder'],
|
|
computed: {
|
|
pageHeaderItemTypes() {
|
|
return this.$registry.getOrderedList('pageHeaderItem')
|
|
},
|
|
},
|
|
}
|
|
</script>
|