1
0
mirror of https://gitlab.com/bramw/baserow.git synced 2024-11-24 16:36:46 +00:00
bramw_baserow/web-frontend/modules/database/components/row/RowEditModalHiddenFieldsSection.vue
Jonathan Adeline 4321aaea9a Replace icons
2023-09-28 13:39:41 +00:00

43 lines
924 B
Vue

<template>
<div>
<div class="row-modal__hidden-separator">
<div class="row-modal__hidden-separator-line"></div>
<a
class="row-modal__hidden-separator-link"
@click="$emit('toggle-hidden-fields-visibility')"
>
{{
$t(
showHiddenFields
? 'rowEditModal.hideHiddenFields'
: 'rowEditModal.showHiddenFields'
)
}}
<i
:class="[
showHiddenFields
? 'iconoir-nav-arrow-up'
: 'iconoir-nav-arrow-down',
]"
></i>
</a>
<div class="row-modal__hidden-separator-line"></div>
</div>
<div v-if="showHiddenFields">
<slot></slot>
</div>
</div>
</template>
<script>
export default {
name: 'RowModalHiddenFieldsSection',
props: {
showHiddenFields: {
type: Boolean,
required: true,
},
},
}
</script>