mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
2.0 KiB
66 lines
2.0 KiB
<script setup lang="ts"> |
|
const props = defineProps<{ |
|
allowMetaWrite: boolean |
|
allowDataWrite: boolean |
|
}>() |
|
|
|
const emits = defineEmits(['update:allowMetaWrite', 'update:allowDataWrite']) |
|
|
|
const dataWrite = useVModel(props, 'allowDataWrite', emits) |
|
const metaWrite = useVModel(props, 'allowMetaWrite', emits) |
|
</script> |
|
|
|
<template> |
|
<a-form-item class="nc-source-restictions-card"> |
|
<div class="flex flex-col gap-2"> |
|
<div class="flex items-center gap-3"> |
|
<NcTooltip :disabled="!metaWrite" placement="topLeft" class="flex"> |
|
<template #title> |
|
{{ $t('tooltip.dataWriteOptionDisabled') }} |
|
</template> |
|
<a-switch v-model:checked="dataWrite" :disabled="metaWrite" data-testid="nc-allow-data-write" size="small"></a-switch> |
|
</NcTooltip> |
|
<span class="cursor-pointer" @click="!metaWrite ? (dataWrite = !dataWrite) : undefined"> |
|
{{ $t('labels.allowDataWrite') }} |
|
</span> |
|
</div> |
|
<div class="ml-10 text-small leading-[18px] text-gray-500"> |
|
{{ $t('tooltip.allowDataWrite') }} |
|
</div> |
|
</div> |
|
</a-form-item> |
|
<a-form-item class="nc-source-restictions-card"> |
|
<div class="flex flex-col gap-2"> |
|
<div class="flex items-center gap-3"> |
|
<a-switch |
|
v-model:checked="metaWrite" |
|
data-testid="nc-allow-meta-write" |
|
class="nc-allow-meta-write" |
|
size="small" |
|
></a-switch> |
|
|
|
<span class="cursor-pointer" @click="metaWrite = !metaWrite"> |
|
{{ $t('labels.allowMetaWrite') }} |
|
</span> |
|
</div> |
|
<div class="ml-10 text-small leading-[18px] text-gray-500" :class="{ 'nc-allow-meta-write-help': metaWrite }"> |
|
{{ $t('labels.notRecommended') }}: |
|
{{ $t('tooltip.allowMetaWrite') }} |
|
</div> |
|
</div> |
|
</a-form-item> |
|
</template> |
|
|
|
<style lang="scss" scoped> |
|
.nc-allow-meta-write.ant-switch-checked { |
|
background: #b33771; |
|
} |
|
|
|
.nc-allow-meta-write-help { |
|
color: #b33771; |
|
} |
|
|
|
.nc-source-restictions-card { |
|
@apply border-1 border-gray-200 rounded-lg px-3 py-2; |
|
} |
|
</style>
|
|
|