clone/nocodb
1
0
Fork 0
mirror of https://github.com/nocodb/nocodb.git synced 2026-04-30 01:06:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(gui): linting

Browse Source 
Signed-off-by: Pranav C <61551451+pranavxc@users.noreply.github.com>
This commit is contained in:
Pranav C
2021-07-19 16:30:37 +05:30
parent f9508c2d44
commit fa00be39b8
303 changed files with 34924 additions and 31761 deletions
Download Patch File Download Diff File Expand all files Collapse all files

158
packages/nc-gui/components/project/projectMetadata/uiAcl/toggleFunctionUIAcl.vue
View File

@@ -1,90 +1,110 @@
<template>
<v-container fluid v-if="db">
<v-container v-if="db" fluid>
<v-card>
<v-card class="pb-2">
<v-toolbar flat height="50" class="toolbar-border-bottom">
<v-text-field v-if=" db" v-model="filter" dense hide-details
class="my-2 mx-auto search-field"
:placeholder="`Search '${db.connection.database}' models`"
style="max-width:300px"
outlined>
<template v-slot:prepend-inner>
<v-icon small>search</v-icon>
<v-text-field
v-if=" db"
v-model="filter"
dense
hide-details
class="my-2 mx-auto search-field"
:placeholder="`Search '${db.connection.database}' models`"
style="max-width:300px"
outlined
>
<template #prepend-inner>
<v-icon small>
search
</v-icon>
</template>
</v-text-field>
<v-spacer></v-spacer>
<x-btn outlined tooltip="Reload list" small @click="loadFunctionList()"
color="primary"
icon="refresh">Reload
<v-spacer />
<x-btn
outlined
tooltip="Reload list"
small
color="primary"
icon="refresh"
@click="loadFunctionList()"
>
Reload
</x-btn>
<x-btn outlined :loading="updating" :disabled="updating || !edited" tooltip="Save Changes"
small
@click="save()"
color="primary" icon="save">Save
<x-btn
outlined
:loading="updating"
:disabled="updating || !edited"
tooltip="Save Changes"
small
color="primary"
icon="save"
@click="save()"
>
Save
</x-btn>
</v-toolbar>
<div class="d-flex d-100 justify-center">
<v-simple-table dense v-slot:default style="min-width: 400px">
<v-simple-table dense style="min-width: 400px">
<thead>
<tr>
<th>Models
</th>
<th v-for="role in roles" :key="role">{{ role }}</th>
</tr>
<tr>
<th>
Models
</th>
<th v-for="role in roles" :key="role">
{{ role }}
</th>
</tr>
</thead>
<tbody>
<tr v-for="functionObj in functions"
v-if="functionObj.function_name.toLowerCase().indexOf(filter.toLowerCase()) > -1"
:key="functionObj.function_name">
<td>{{ functionObj.function_name }}</td>
<td v-for="role in roles" :key="`${functionObj.function_name}-${role}`">
<v-tooltip bottom>
<template v-slot:activator="{on}">
<div
v-on="on">
<v-checkbox dense
:true-value="false"
:false-value="true"
@change="$set(functionObj,'edited',true)"
v-model="functionObj.disabled[role]"></v-checkbox>
</div>
</template>
<template
v-for="functionObj in functions"
>
<tr
v-if="functionObj.function_name.toLowerCase().indexOf(filter.toLowerCase()) > -1"
:key="functionObj.function_name"
>
<td>{{ functionObj.function_name }}</td>
<td v-for="role in roles" :key="`${functionObj.function_name}-${role}`">
<v-tooltip bottom>
<template #activator="{on}">
<div
v-on="on"
>
<v-checkbox
v-model="functionObj.disabled[role]"
dense
:true-value="false"
:false-value="true"
@change="$set(functionObj,'edited',true)"
/>
</div>
</template>
<span v-if="functionObj.disabled[role]">Click to hide '{{
functionObj.function_name
}}' for Role:{{ role }} in UI dashboard</span>
<span v-else>Click to make '{{ functionObj.function_name }}' visible for Role:{{ role }} in UI dashboard</span>
</v-tooltip>
</td>
</tr>
<span v-if="functionObj.disabled[role]">Click to hide '{{
functionObj.function_name
}}' for Role:{{ role }} in UI dashboard</span>
<span v-else>Click to make '{{ functionObj.function_name }}' visible for Role:{{ role }} in UI dashboard</span>
</v-tooltip>
</td>
</tr>
</template>
</tbody>
</v-simple-table>
</div>
</v-card>
</v-card>
</v-container>
</template>
<script>
import {mapGetters} from "vuex";
import { mapGetters } from 'vuex'
export default {
name: "toggleFunctionUiAcl",
name: 'ToggleFunctionUiAcl',
components: {},
props: ['nodes', 'db'],
data: () => ({
models: null,
updating: false,
@@ -92,20 +112,19 @@ export default {
filter: '',
functions: null
}),
props: ['nodes', 'db'],
async mounted() {
await this.loadFunctionList();
async mounted () {
await this.loadFunctionList()
},
methods: {
async loadFunctionList() {
async loadFunctionList () {
this.functions = (await this.$store.dispatch('sqlMgr/ActSqlOp', [{
dbAlias: this.db.meta.dbAlias,
env: this.$store.getters['project/GtrEnv']
}, 'xcVisibilityMetaGet', {
type: 'function'
}]));
}]))
},
async save() {
async save () {
try {
await this.$store.dispatch('sqlMgr/ActSqlOp', [{
dbAlias: this.db.meta.dbAlias,
@@ -113,7 +132,7 @@ export default {
}, 'xcVisibilityMetaSet', {
type: 'function',
disableList: this.functions.filter(t => t.edited)
}]);
}])
this.$toast.success('Updated UI ACL for tables successfully').goAway(3000)
} catch (e) {
this.$toast.error('Some error occurred').goAway(3000)
@@ -124,11 +143,11 @@ export default {
...mapGetters({
dbAliasList: 'project/GtrDbAliasList'
}),
edited() {
edited () {
return this.functions && this.functions.length && this.functions.some(t => t.edited)
},
roles() {
return this.functions && this.functions.length ? Object.keys(this.functions[0].disabled) : [];
roles () {
return this.functions && this.functions.length ? Object.keys(this.functions[0].disabled) : []
}
}
}
@@ -144,7 +163,6 @@ export default {
border-right: 1px solid #7f828b33;
}
.search-field.v-text-field > .v-input__control, .search-field.v-text-field > .v-input__control > .v-input__slot {
min-height: auto;