mirror of
https://github.com/nocodb/nocodb.git
synced 2026-04-29 11:46:48 +00:00
Xmysql is now NocoDB (An Open Source Airtable alternative)
This commit is contained in:
“pranavxc”
165
packages/nc-gui/components/project/functionTab/functionAcl.vue
Normal file
165
packages/nc-gui/components/project/functionTab/functionAcl.vue
Normal file
@@ -0,0 +1,165 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<v-toolbar flat height="42" class="toolbar-border-bottom">
|
||||
<v-toolbar-title>
|
||||
<v-breadcrumbs :items="[{
|
||||
text: this.nodes.env,
|
||||
disabled: true,
|
||||
href: '#'
|
||||
},{
|
||||
text: this.nodes.dbAlias,
|
||||
disabled: true,
|
||||
href: '#'
|
||||
},
|
||||
{
|
||||
text: (nodes.function_name) + ' (ACL)',
|
||||
disabled: true,
|
||||
href: '#'
|
||||
}]" divider=">" small>
|
||||
<template v-slot:divider>
|
||||
<v-icon small color="grey lighten-2">forward</v-icon>
|
||||
</template>
|
||||
</v-breadcrumbs>
|
||||
|
||||
</v-toolbar-title>
|
||||
<v-spacer></v-spacer>
|
||||
<x-btn outlined tooltip="Reload ACL"
|
||||
color="primary"
|
||||
small
|
||||
@click="loadAcl"
|
||||
v-ge="['acl','reload']"
|
||||
>
|
||||
<v-icon small left>refresh</v-icon>
|
||||
Reload
|
||||
</x-btn>
|
||||
|
||||
<x-btn outlined tooltip="Save Changes"
|
||||
color="primary"
|
||||
class="primary"
|
||||
small
|
||||
v-ge="['acl','save']"
|
||||
@click="save"
|
||||
:disabled="!edited"
|
||||
>
|
||||
<v-icon small left>save</v-icon>
|
||||
Save
|
||||
</x-btn>
|
||||
|
||||
</v-toolbar>
|
||||
|
||||
<v-simple-table v-slot:default>
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th v-for="role in roles" :key="role">{{ role }}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>{{ nodes.function_name }}</th>
|
||||
<th v-for="role in roles" :key="role" class="permission-checkbox-container">
|
||||
<v-checkbox
|
||||
@change="edited=true"
|
||||
v-model="data[role]"
|
||||
dense
|
||||
hide-details
|
||||
/>
|
||||
</th>
|
||||
</tr>
|
||||
</tbody>
|
||||
</v-simple-table>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "functionAcl",
|
||||
data: () => ({
|
||||
loading: false,
|
||||
edited: false,
|
||||
data: null
|
||||
}),
|
||||
async created() {
|
||||
await this.loadAcl()
|
||||
},
|
||||
methods: {
|
||||
async loadAcl() {
|
||||
this.loading = true;
|
||||
const result = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
|
||||
env: this.nodes.env,
|
||||
dbAlias: this.nodes.dbAlias
|
||||
}, 'xcAclGet', {
|
||||
name: this.nodes.function_name
|
||||
}]);
|
||||
this.data = JSON.parse(result.acl);
|
||||
|
||||
this.loading = false;
|
||||
},
|
||||
async save() {
|
||||
try {
|
||||
await this.$store.dispatch('sqlMgr/ActSqlOp', [{
|
||||
env: this.nodes.env,
|
||||
dbAlias: this.nodes.dbAlias
|
||||
}, 'xcAclSave', {
|
||||
name: this.nodes.function_name,
|
||||
acl: this.data
|
||||
}]);
|
||||
this.$toast.success('ACL saved successfully').goAway(3000);
|
||||
this.edited = false;
|
||||
await this.loadAcl()
|
||||
} catch (e) {
|
||||
this.$toast.error('Some error occurred').goAway(3000);
|
||||
}
|
||||
}
|
||||
},
|
||||
props: ['nodes'],
|
||||
computed: {
|
||||
roles() {
|
||||
return this.data ? Object.keys(this.data) : []
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
::v-deep {
|
||||
.permission-checkbox-container .v-input {
|
||||
transform: scale(.8);
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.v-overlay__content {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
</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/>.
|
||||
*
|
||||
*/
|
||||
-->
|
||||
288
packages/nc-gui/components/project/functionTab/functionQuery.vue
Normal file
288
packages/nc-gui/components/project/functionTab/functionQuery.vue
Normal file
@@ -0,0 +1,288 @@
|
||||
<template>
|
||||
<v-container class="pa-0 ma-0" fluid>
|
||||
<v-toolbar flat height="42" class="toolbar-border-bottom">
|
||||
<v-toolbar-title>
|
||||
<v-breadcrumbs :items="[{
|
||||
text: this.nodes.env,
|
||||
disabled: true,
|
||||
href: '#'
|
||||
},{
|
||||
text: this.nodes.dbAlias,
|
||||
disabled: true,
|
||||
href: '#'
|
||||
},
|
||||
{
|
||||
text: this.nodes.function_name + ' (function)',
|
||||
disabled: true,
|
||||
href: '#'
|
||||
}]" divider=">" dark large light class="title">
|
||||
<template v-slot:divider>
|
||||
<v-icon small color="grey lighten-2">forward</v-icon>
|
||||
</template>
|
||||
</v-breadcrumbs>
|
||||
</v-toolbar-title>
|
||||
<v-spacer></v-spacer>
|
||||
<x-btn outlined tooltip="Save Changes" small @click="applyChanges()" color="primary" icon="save">Save</x-btn>
|
||||
<x-btn outlined tooltip="Delete Function" small color="error" @click="deleteFunction('showDialog')"
|
||||
icon="mdi-delete-outline">
|
||||
Delete Function
|
||||
</x-btn>
|
||||
</v-toolbar>
|
||||
|
||||
<monaco-editor
|
||||
v-if="functionData.create_function != undefined"
|
||||
:code.sync="functionData.create_function"
|
||||
cssStyle="height:400px">
|
||||
|
||||
</monaco-editor>
|
||||
|
||||
<dlgLabelSubmitCancel
|
||||
v-if="dialogShow"
|
||||
:dialogShow="dialogShow"
|
||||
:actionsMtd="deleteFunction"
|
||||
heading="Click Submit to Delete the Function"
|
||||
type="error"
|
||||
/>
|
||||
</v-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {mapGetters, mapActions} from "vuex";
|
||||
|
||||
import MonacoEditor from "../../monaco/Monaco";
|
||||
import dlgLabelSubmitCancel from "../../utils/dlgLabelSubmitCancel";
|
||||
|
||||
import {SqlUI} from '../../../helpers/SqlUiFactory';
|
||||
|
||||
export default {
|
||||
components: {MonacoEditor, dlgLabelSubmitCancel},
|
||||
data() {
|
||||
return {
|
||||
functionData: {},
|
||||
newFunction: this.nodes.newFunction ? true : false,
|
||||
oldCreateFunction: "",
|
||||
dialogShow: false
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
...mapGetters({sqlMgr: "sqlMgr/sqlMgr"})
|
||||
},
|
||||
methods: {
|
||||
...mapActions({
|
||||
loadFunctionsFromChildTreeNode: "project/loadFunctionsFromChildTreeNode",
|
||||
loadFunctionsFromParentTreeNode:
|
||||
"project/loadFunctionsFromParentTreeNode",
|
||||
removeFunctionTab: "tabs/removeFunctionTab"
|
||||
}),
|
||||
|
||||
async handleKeyDown({metaKey, key, altKey, shiftKey, ctrlKey}) {
|
||||
console.log(metaKey, key, altKey, shiftKey, ctrlKey)
|
||||
// cmd + s -> save
|
||||
// cmd + l -> reload
|
||||
// cmd + n -> new
|
||||
// cmd + d -> delete
|
||||
// cmd + enter -> send api
|
||||
|
||||
switch ([metaKey, key].join('_')) {
|
||||
case 'true_s' :
|
||||
await this.applyChanges();
|
||||
break;
|
||||
case 'true_l' :
|
||||
await this.loadFunction()
|
||||
break;
|
||||
// case 'true_n' :
|
||||
// this.addColumn();
|
||||
// break;
|
||||
case 'true_d' :
|
||||
await this.deleteFunction('showDialog');
|
||||
break;
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
async loadFunction() {
|
||||
try {
|
||||
|
||||
} catch (e) {
|
||||
this.$toast.error('failed')
|
||||
throw e;
|
||||
}
|
||||
|
||||
if (this.newFunction) {
|
||||
this.functionData = {
|
||||
function_name: this.nodes.function_name,
|
||||
create_function: ""
|
||||
};
|
||||
return;
|
||||
}
|
||||
// const client = await this.sqlMgr.projectGetSqlClient({
|
||||
// env: this.nodes.env,
|
||||
// dbAlias: this.nodes.dbAlias
|
||||
// });
|
||||
// const result = await client.functionRead({
|
||||
// function_name: this.nodes.function_name
|
||||
// });
|
||||
|
||||
//
|
||||
// const result = await this.sqlMgr.sqlOp({
|
||||
// env: this.nodes.env,
|
||||
// dbAlias: this.nodes.dbAlias
|
||||
// }, 'functionRead', { function_name: this.nodes.function_name})
|
||||
|
||||
|
||||
const result = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
|
||||
env: this.nodes.env,
|
||||
dbAlias: this.nodes.dbAlias
|
||||
}, 'functionRead', { function_name: this.nodes.function_name}])
|
||||
|
||||
|
||||
// console.log("functionData read", result);
|
||||
this.functionData = result.data.list[0];
|
||||
this.oldCreateFunction = `${this.functionData.create_function}` + '';
|
||||
},
|
||||
async applyChanges() {
|
||||
|
||||
try {
|
||||
if (this.newFunction) {
|
||||
let result = await this.$store.dispatch('sqlMgr/ActSqlOpPlus', [
|
||||
{
|
||||
env: this.nodes.env,
|
||||
dbAlias: this.nodes.dbAlias
|
||||
},
|
||||
"functionCreate",
|
||||
{
|
||||
function_name: this.nodes.function_name,
|
||||
create_function: this.functionData.create_function
|
||||
}]);
|
||||
await this.loadFunctionsFromChildTreeNode({
|
||||
_nodes: {
|
||||
...this.nodes
|
||||
}
|
||||
});
|
||||
console.log("create function result", result);
|
||||
this.newFunction = false;
|
||||
this.oldCreateFunction = `${this.functionData.create_function}` + '';
|
||||
this.$toast.success('Function created successfully').goAway(3000);
|
||||
} else {
|
||||
|
||||
const function_name = this.sqlUi.extractFunctionName(this.functionData.create_function);
|
||||
if (!function_name) {
|
||||
this.$toast.error('Invalid syntax, please check function name.').goAway(5000);
|
||||
return;
|
||||
}
|
||||
|
||||
let result = await this.$store.dispatch('sqlMgr/ActSqlOpPlus', [
|
||||
{
|
||||
env: this.nodes.env,
|
||||
dbAlias: this.nodes.dbAlias
|
||||
},
|
||||
"functionUpdate",
|
||||
{
|
||||
function_name,
|
||||
create_function: this.functionData.create_function,
|
||||
function_declaration: this.functionData.function_declaration,
|
||||
oldCreateFunction: this.oldCreateFunction
|
||||
}]);
|
||||
|
||||
|
||||
this.oldCreateFunction = `${this.functionData.create_function}` + '';
|
||||
console.log("update function result", result);
|
||||
this.$toast.success('Function updated successfully').goAway(3000);
|
||||
}
|
||||
} catch (e) {
|
||||
this.$toast.error('Saving function failed').goAway(3000);
|
||||
throw e;
|
||||
}
|
||||
},
|
||||
async deleteFunction(action = "") {
|
||||
|
||||
try {
|
||||
if (action === "showDialog") {
|
||||
this.dialogShow = true;
|
||||
} else if (action === "hideDialog") {
|
||||
this.dialogShow = false;
|
||||
} else {
|
||||
|
||||
|
||||
let result = await this.$store.dispatch('sqlMgr/ActSqlOpPlus', [
|
||||
{
|
||||
env: this.nodes.env,
|
||||
dbAlias: this.nodes.dbAlias
|
||||
},
|
||||
"functionDelete",
|
||||
{
|
||||
function_name: this.nodes.function_name,
|
||||
create_function: this.functionData.create_function,
|
||||
function_declaration: this.functionData.function_declaration,
|
||||
}]);
|
||||
|
||||
this.removeFunctionTab({
|
||||
env: this.nodes.env,
|
||||
dbAlias: this.nodes.dbAlias,
|
||||
function_name: this.nodes.function_name
|
||||
});
|
||||
await this.loadFunctionsFromParentTreeNode({
|
||||
_nodes: {
|
||||
...this.nodes
|
||||
}
|
||||
});
|
||||
this.dialogShow = false;
|
||||
this.$toast.success('Function deleted successfully').goAway(3000);
|
||||
}
|
||||
} catch (e) {
|
||||
this.$toast.error('Deleting function failed').goAway(3000);
|
||||
throw e;
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
beforeCreated() {
|
||||
},
|
||||
created() {
|
||||
this.sqlUi = SqlUI.create(this.nodes.dbConnection);
|
||||
},
|
||||
mounted() {
|
||||
this.loadFunction();
|
||||
},
|
||||
beforeDestroy() {
|
||||
},
|
||||
destroy() {
|
||||
},
|
||||
validate({params}) {
|
||||
return true;
|
||||
},
|
||||
head() {
|
||||
return {};
|
||||
},
|
||||
props: ["nodes"],
|
||||
watch: {},
|
||||
directives: {}
|
||||
};
|
||||
</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/>.
|
||||
*
|
||||
*/
|
||||
-->
|
||||
Reference in New Issue
Block a user