多维表格
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.

135 lines
3.7 KiB

<template>
<v-dialog v-model="dialogShow" persistent max-width="800">
<v-card>
<v-progress-linear
indeterminate
color="green"
v-if="progressbar"
></v-progress-linear>
<div class="px-2">
<v-card-title class=" headline">Instant API Editor
<v-spacer></v-spacer>
<v-btn small :disabled="progressbar" @click="dialogShow = false">Cancel</v-btn>
<v-btn color="primary" small :disabled="progressbar" @click="saveCode">
<v-icon small class="mr-1">mdi-content-save</v-icon>
Save
</v-btn>
</v-card-title>
<v-card-text>
<!-- <v-textarea-->
<!-- v-model="code"-->
<!-- ></v-textarea>-->
<monaco-ts-editor
style="min-height: 450px"
v-model="code"
></monaco-ts-editor>
</v-card-text>
</div>
</v-card>
</v-dialog>
</template>
<script>
import MonacoTsEditor from "../monaco/MonacoTsEditor";
export default {
name: "gql-handler-code-editor",
components: {MonacoTsEditor},
data: () => ({
progressbar: false,
code: ''
}),
computed: {
dialogShow: {
get() {
return this.value;
}, set(val) {
this.$emit('input', val);
}
}
},
props: {
value: Boolean,
resolver: Object,
nodes: Object,
isMiddleware: {
type: Boolean,
default: false
},
functions: String
},
methods: {
async saveCode() {
try {
this.progressbar = true;
await this.$store.dispatch('sqlMgr/ActSqlOp', [{
env: this.nodes.env,
dbAlias: this.nodes.dbAlias,
}, this.isMiddleware ? 'xcResolverMiddlewareUpdate' : 'xcResolverHandlerUpdate', {
tn: this.nodes.tn || this.nodes.view_name,
resolver: this.resolver,
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);
}
this.progressbar = false;
}
},
watch: {
async resolver(val) {
try {
console.log('=============', this.functions)
this.code = JSON.parse(this.functions)[0]
} catch (e) {
const functionCode = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
env: this.nodes.env,
dbAlias: this.nodes.dbAlias,
}, this.isMiddleware ? 'defaultResolverMiddlewareCode' : 'defaultResolverHandlerCodeGet', {
tn: this.nodes.tn || this.nodes.view_name,
resolver: this.resolver
}])
if (functionCode) {
this.code = functionCode;
}
}
}
}
}
</script>
<style scoped>
</style>
<!--
/**
* @copyright Copyright (c) 2021, Xgene Cloud Ltd
*
* @author Naveen MR <oof1lab@gmail.com>
* @author Pranav C Balan <pranavxc@gmail.com>
*
* @license GNU AGPL version 3 or any later version
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
*/
-->