github
/
nocodb
mirror of https://github.com/nocodb/nocodb
1
0
Fork 0
Code Issues Releases Wiki Activity
Browse Source

fix: enforce validation if table name invalid 

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
pull/1283/head
Raju Udava 3 years ago
parent
ca102c25c6
commit
9f70a3d6f8
1 changed files with 104 additions and 101 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 205
      packages/nc-gui/components/utils/dlgTableCreate.vue

205
packages/nc-gui/components/utils/dlgTableCreate.vue
Unescape View File

@ -7,112 +7,114 @@
@keydown.enter="$emit('create', table)"
>
<v-card class="elevation-1 backgroundColor nc-create-table-card">
<v-card-title class="primary subheading white--text py-2">
Create A New Table
</v-card-title>
<v-form ref="form" v-model="valid">
<v-card-title class="primary subheading white--text py-2">
Create A New Table
</v-card-title>
<v-card-text class=" py-6 px-10 ">
<v-text-field
ref="input"
v-model="table.alias"
solo
flat
persistent-hint
dense
hide-details1
:rules="[validateTableName]"
hint="Enter table name"
class="mt-4 caption nc-table-name"
/>
<v-card-text class=" py-6 px-10 ">
<v-text-field
ref="input"
v-model="table.alias"
solo
flat
persistent-hint
dense
hide-details1
:rules="[validateTableName]"
hint="Enter table name"
class="mt-4 caption nc-table-name"
/>
<v-text-field
v-if="!projectPrefix"
v-model="table.name"
solo
flat
dense
persistent-hint
hint="Table name as saved in database"
class="mt-4 caption nc-table-name-alias"
/>
<v-text-field
v-if="!projectPrefix"
v-model="table.name"
solo
flat
dense
persistent-hint
hint="Table name as saved in database"
class="mt-4 caption nc-table-name-alias"
/>
<div class=" mt-5">
<label class="add-default-title grey--text">Add Default Columns</label>
<div class=" mt-5">
<label class="add-default-title grey--text">Add Default Columns</label>
<div class=" d-flex caption justify-space-between">
<v-checkbox
v-model="table.columns"
dense
class="mt-0 "
color="info"
hide-details
value="id"
@click.capture.prevent.stop="()=>{
$toast.info('ID column is required, you can rename this later if required.').goAway(3000);
if(!table.columns.includes('id')){
table.columns.push('id');
}
}"
>
<template #label>
<span class="caption">id</span>
</template>
</v-checkbox>
<v-checkbox
v-model="table.columns"
dense
class="mt-0 "
color="info"
hide-details
value="title"
>
<template #label>
<span class="caption">title</span>
</template>
</v-checkbox>
<v-checkbox
v-model="table.columns"
dense
class="mt-0 "
color="info"
hide-details
value="created_at"
>
<template #label>
<span class="caption">created_at</span>
</template>
</v-checkbox>
<v-checkbox
v-model="table.columns"
dense
class="mt-0 "
color="info"
hide-details
value="updated_at"
>
<template #label>
<span class="caption">updated_at</span>
</template>
</v-checkbox>
<div class=" d-flex caption justify-space-between">
<v-checkbox
v-model="table.columns"
dense
class="mt-0 "
color="info"
hide-details
value="id"
@click.capture.prevent.stop="()=>{
$toast.info('ID column is required, you can rename this later if required.').goAway(3000);
if(!table.columns.includes('id')){
table.columns.push('id');
}
}"
>
<template #label>
<span class="caption">id</span>
</template>
</v-checkbox>
<v-checkbox
v-model="table.columns"
dense
class="mt-0 "
color="info"
hide-details
value="title"
>
<template #label>
<span class="caption">title</span>
</template>
</v-checkbox>
<v-checkbox
v-model="table.columns"
dense
class="mt-0 "
color="info"
hide-details
value="created_at"
>
<template #label>
<span class="caption">created_at</span>
</template>
</v-checkbox>
<v-checkbox
v-model="table.columns"
dense
class="mt-0 "
color="info"
hide-details
value="updated_at"
>
<template #label>
<span class="caption">updated_at</span>
</template>
</v-checkbox>
</div>
</div>
</div>
</v-card-text>
<v-divider />
</v-card-text>
<v-divider />
<v-card-actions class="py-4 px-10">
<v-spacer />
<v-btn class="" @click="dialogShow = false">
Cancel
</v-btn>
<v-btn
:disabled="!(table.name && table.name.length) || !(table.alias && table.alias.length)"
color="primary"
class="nc-create-table-submit"
@click="$emit('create',table)"
>
Submit
</v-btn>
</v-card-actions>
<v-card-actions class="py-4 px-10">
<v-spacer />
<v-btn class="" @click="dialogShow = false">
Cancel
</v-btn>
<v-btn
:disabled="!(table.name && table.name.length) || !(table.alias && table.alias.length) || !valid"
color="primary"
class="nc-create-table-submit"
@click="$emit('create',table)"
>
Submit
</v-btn>
</v-card-actions>
</v-form>
</v-card>
</v-dialog>
</template>
@ -134,7 +136,8 @@ export default {
'created_at',
'updated_at']
},
validateTableName
validateTableName,
valid: false
}
},
computed: {

Write Preview
Loading…
Cancel
Save