clone/nocodb
1
0
Fork 0
mirror of https://github.com/nocodb/nocodb.git synced 2026-05-04 19:48:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: prettier nc-gui v1

Browse Source
This commit is contained in:
Wing-Kam Wong
2022-07-06 18:19:04 +08:00
parent 9555b455e0
commit 8b863ca3d8
289 changed files with 19265 additions and 23785 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
packages/nc-gui/components/project/GrpcHandlerCodeEditor.vue
View File

@@ -1,13 +1,9 @@
<template>
<v-dialog v-model="dialogShow" persistent max-width="800">
<v-card>
<v-progress-linear
v-if="progressbar"
indeterminate
color="green"
/>
<v-progress-linear v-if="progressbar" indeterminate color="green" />
<div class="px-2">
<v-card-title class=" headline">
<v-card-title class="headline">
Instant API Editor
<v-spacer />
<v-btn small :disabled="progressbar" @click="dialogShow = false">
@@ -15,9 +11,7 @@
{{ $t('general.cancel') }}
</v-btn>
<v-btn color="primary" small :disabled="progressbar" @click="saveCode">
<v-icon small class="mr-1">
mdi-content-save
</v-icon>
<v-icon small class="mr-1"> mdi-content-save </v-icon>
<!-- Save -->
{{ $t('general.save') }}
</v-btn>
@@ -28,10 +22,7 @@
<!-- v-model="code"-->
<!-- ></v-textarea>-->
<monaco-ts-editor
v-model="code"
style="min-height: 450px"
/>
<monaco-ts-editor v-model="code" style="min-height: 450px" />
</v-card-text>
</div>
</v-card>
@@ -39,7 +30,7 @@
</template>
<script>
import MonacoTsEditor from '../monaco/MonacoTsEditor'
import MonacoTsEditor from '../monaco/MonacoTsEditor';
export default {
name: 'GrpcHandlerCodeEditor',
@@ -48,69 +39,75 @@ export default {
value: Boolean,
service: String,
serviceData: Object,
nodes: Object
nodes: Object,
},
data: () => ({
progressbar: false,
code: ''
code: '',
}),
computed: {
dialogShow: {
get() {
return this.value
return this.value;
},
set(val) {
this.$emit('input', val)
}
}
this.$emit('input', val);
},
},
},
watch: {
async service(val) {
try {
this.code = JSON.parse(this.serviceData.functions)[0]
this.code = JSON.parse(this.serviceData.functions)[0];
} catch (e) {
const functionCode = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
env: this.nodes.env,
dbAlias: this.nodes.dbAlias
}, 'defaultRpcServiceCodeGet', {
tn: this.nodes.table_name || this.nodes.view_name,
service: this.service,
relation_type: this.serviceData.relation_type,
tnc: this.serviceData.tnc
}])
const functionCode = await this.$store.dispatch('sqlMgr/ActSqlOp', [
{
env: this.nodes.env,
dbAlias: this.nodes.dbAlias,
},
'defaultRpcServiceCodeGet',
{
tn: this.nodes.table_name || this.nodes.view_name,
service: this.service,
relation_type: this.serviceData.relation_type,
tnc: this.serviceData.tnc,
},
]);
if (functionCode) {
this.code = functionCode
this.code = functionCode;
}
}
}
},
},
methods: {
async saveCode() {
try {
this.progressbar = true
await this.$store.dispatch('sqlMgr/ActSqlOp', [{
env: this.nodes.env,
dbAlias: this.nodes.dbAlias
}, 'xcRpcHandlerUpdate', {
tn: this.nodes.table_name || this.nodes.view_name,
service: this.service,
functions: [this.code]
}])
this.$toast.success('API Handler updated successfully').goAway(3000)
this.dialogShow = false
this.progressbar = true;
await this.$store.dispatch('sqlMgr/ActSqlOp', [
{
env: this.nodes.env,
dbAlias: this.nodes.dbAlias,
},
'xcRpcHandlerUpdate',
{
tn: this.nodes.table_name || this.nodes.view_name,
service: this.service,
functions: [this.code],
},
]);
this.$toast.success('API Handler updated successfully').goAway(3000);
this.dialogShow = false;
} catch (e) {
console.log('Error', e)
this.$toast.error('Some internal error occurred').goAway(3000)
console.log('Error', e);
this.$toast.error('Some internal error occurred').goAway(3000);
}
this.progressbar = false
}
}
}
this.progressbar = false;
},
},
};
</script>
<style scoped>
</style>
<style scoped></style>
<!--
/**
* @copyright Copyright (c) 2021, Xgene Cloud Ltd