1
0
mirror of https://gitlab.com/bramw/baserow.git synced 2024-11-25 00:46:46 +00:00
bramw_baserow/web-frontend/modules/database/components/view/grid/fields/GridViewRowsAddContext.vue
Jonathan Adeline 9ac6cb17de Context rework
2024-08-29 10:03:55 +00:00

36 lines
817 B
Vue

<template>
<Context overflow-scroll max-height-if-outside-viewport>
<div class="context__menu-title">
{{ $t('gridViewRowsAddContext.title') }}
</div>
<ul class="context__menu">
<li
v-for="rowAmountChoice in rowAmountChoices"
:key="rowAmountChoice"
class="context__menu-item"
>
<a
class="context__menu-item-link"
@click="$emit('add-rows', rowAmountChoice)"
>
{{ $t('gridViewRowsAddContext.choice', { rowAmountChoice }) }}
</a>
</li>
</ul>
</Context>
</template>
<script>
import context from '@baserow/modules/core/mixins/context'
export default {
name: 'GridViewRowsAddContext',
mixins: [context],
computed: {
rowAmountChoices() {
return [5, 10, 20, 50]
},
},
}
</script>