mirror of
https://gitlab.com/bramw/baserow.git
synced 2024-11-22 15:52:34 +00:00
49 lines
1.1 KiB
Vue
49 lines
1.1 KiB
Vue
<template>
|
|
<Context :overflow-scroll="true" :max-height-if-outside-viewport="true">
|
|
<ul class="context__menu">
|
|
<li class="context__menu-item">
|
|
<a
|
|
class="context__menu-item-link"
|
|
@click.prevent="
|
|
handleEditClick({ enabled: !fieldMapping.enabled, value: '' })
|
|
"
|
|
>
|
|
<i class="context__menu-item-icon" :class="enabledClass"></i>
|
|
{{ toggleEnabledText }}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</Context>
|
|
</template>
|
|
|
|
<script>
|
|
import context from '@baserow/modules/core/mixins/context'
|
|
|
|
export default {
|
|
name: 'FieldMappingContext',
|
|
mixins: [context],
|
|
props: {
|
|
fieldMapping: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
},
|
|
computed: {
|
|
enabledClass() {
|
|
return this.fieldMapping.enabled ? 'iconoir-eye-off' : 'iconoir-eye-empty'
|
|
},
|
|
toggleEnabledText() {
|
|
return this.fieldMapping.enabled
|
|
? this.$t('fieldMappingContext.disableField')
|
|
: this.$t('fieldMappingContext.enableField')
|
|
},
|
|
},
|
|
methods: {
|
|
handleEditClick(change) {
|
|
this.$emit('edit', change)
|
|
this.hide()
|
|
},
|
|
},
|
|
}
|
|
</script>
|