From 4ccf88d60d51976fac3dc0c6da4466c29b698831 Mon Sep 17 00:00:00 2001 From: mertmit Date: Mon, 22 Aug 2022 17:00:03 +0300 Subject: [PATCH] fix(gui-v2): populate name when db type change Signed-off-by: mertmit --- packages/nc-gui-v2/pages/index/index/create-external.vue | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/packages/nc-gui-v2/pages/index/index/create-external.vue b/packages/nc-gui-v2/pages/index/index/create-external.vue index 5e96312cd5..a5c086b5e1 100644 --- a/packages/nc-gui-v2/pages/index/index/create-external.vue +++ b/packages/nc-gui-v2/pages/index/index/create-external.vue @@ -77,8 +77,13 @@ const validators = computed(() => { const { validate, validateInfos } = useForm(formState, validators) +const populateName = (v: string) => { + formState.dataSource.connection.database = `${v?.trim()}_noco` +} + const onClientChange = () => { formState.dataSource = { ...getDefaultConnectionConfig(formState.dataSource.client) } + populateName(formState.title) } const inflectionTypes = ['camelize', 'none'] @@ -87,7 +92,7 @@ const configEditDlg = ref(false) // populate database name based on title watch( () => formState.title, - (v) => (formState.dataSource.connection.database = `${v?.trim()}_noco`), + (v) => populateName(v), ) // generate a random project title