This commit is contained in:
parent
9caacf3f86
commit
592829c7a3
|
@ -3,14 +3,8 @@ import { useI18n } from 'vue-i18n';
|
||||||
import { ref, computed } from 'vue';
|
import { ref, computed } from 'vue';
|
||||||
import FetchData from 'components/FetchData.vue';
|
import FetchData from 'components/FetchData.vue';
|
||||||
import VnTable from 'components/VnTable/VnTable.vue';
|
import VnTable from 'components/VnTable/VnTable.vue';
|
||||||
import VnPaginate from 'components/ui/VnPaginate.vue';
|
|
||||||
import VnSearchbar from 'components/ui/VnSearchbar.vue';
|
import VnSearchbar from 'components/ui/VnSearchbar.vue';
|
||||||
import CardList from 'src/components/ui/CardList.vue';
|
|
||||||
import VnLv from 'src/components/ui/VnLv.vue';
|
|
||||||
import AclFilter from './Acls/AclFilter.vue';
|
import AclFilter from './Acls/AclFilter.vue';
|
||||||
import AclFormView from './Acls/AclFormView.vue';
|
|
||||||
|
|
||||||
import { useVnConfirm } from 'composables/useVnConfirm';
|
|
||||||
import { useStateStore } from 'stores/useStateStore';
|
import { useStateStore } from 'stores/useStateStore';
|
||||||
import axios from 'axios';
|
import axios from 'axios';
|
||||||
import useNotify from 'src/composables/useNotify.js';
|
import useNotify from 'src/composables/useNotify.js';
|
||||||
|
@ -25,10 +19,8 @@ defineProps({
|
||||||
const { notify } = useNotify();
|
const { notify } = useNotify();
|
||||||
const { t } = useI18n();
|
const { t } = useI18n();
|
||||||
const stateStore = useStateStore();
|
const stateStore = useStateStore();
|
||||||
const { openConfirmationModal } = useVnConfirm();
|
|
||||||
|
|
||||||
const paginateRef = ref();
|
const paginateRef = ref();
|
||||||
const formDialog = ref(false);
|
|
||||||
const rolesOptions = ref([]);
|
const rolesOptions = ref([]);
|
||||||
|
|
||||||
const exprBuilder = (param, value) => {
|
const exprBuilder = (param, value) => {
|
||||||
|
@ -106,18 +98,13 @@ const columns = computed(() => [
|
||||||
const deleteAcl = async (id) => {
|
const deleteAcl = async (id) => {
|
||||||
try {
|
try {
|
||||||
await axios.delete(`ACLs/${id}`);
|
await axios.delete(`ACLs/${id}`);
|
||||||
|
console.log('hola');
|
||||||
paginateRef.value.fetch();
|
paginateRef.value.fetch();
|
||||||
notify('ACL removed', 'positive');
|
notify('ACL removed', 'positive');
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error('Error deleting Acl: ', error);
|
console.error('Error deleting Acl: ', error);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
function showFormDialog(data) {
|
|
||||||
formDialog.value = {
|
|
||||||
show: true,
|
|
||||||
formInitialData: { ...data },
|
|
||||||
};
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
@ -20,32 +20,6 @@ const stateStore = useStateStore();
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const { t } = useI18n();
|
const { t } = useI18n();
|
||||||
const { viewSummary } = useSummaryDialog();
|
const { viewSummary } = useSummaryDialog();
|
||||||
const accountCreateDialogRef = ref(null);
|
|
||||||
const showNewUserBtn = computed(() => useRole().hasAny(['itManagement']));
|
|
||||||
|
|
||||||
const filter = {
|
|
||||||
fields: ['id', 'nickname', 'name', 'role'],
|
|
||||||
include: { relation: 'role', scope: { fields: ['id', 'name'] } },
|
|
||||||
};
|
|
||||||
|
|
||||||
const exprBuilder = (param, value) => {
|
|
||||||
switch (param) {
|
|
||||||
case 'search':
|
|
||||||
return /^\d+$/.test(value)
|
|
||||||
? { id: value }
|
|
||||||
: {
|
|
||||||
or: [
|
|
||||||
{ name: { like: `%${value}%` } },
|
|
||||||
{ nickname: { like: `%${value}%` } },
|
|
||||||
],
|
|
||||||
};
|
|
||||||
case 'name':
|
|
||||||
case 'nickname':
|
|
||||||
return { [param]: { like: `%${value}%` } };
|
|
||||||
case 'roleFk':
|
|
||||||
return { [param]: value };
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const columns = computed(() => [
|
const columns = computed(() => [
|
||||||
{
|
{
|
||||||
|
@ -93,15 +67,6 @@ const columns = computed(() => [
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]);
|
]);
|
||||||
const getApiUrl = () => new URL(window.location).origin;
|
|
||||||
|
|
||||||
const navigate = (event, id) => {
|
|
||||||
if (event.ctrlKey || event.metaKey)
|
|
||||||
return window.open(`${getApiUrl()}/#/account/${id}/summary`);
|
|
||||||
router.push({ path: `/account/${id}` });
|
|
||||||
};
|
|
||||||
|
|
||||||
const openCreateModal = () => accountCreateDialogRef.value.show();
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
@ -141,14 +106,6 @@ const openCreateModal = () => accountCreateDialogRef.value.show();
|
||||||
ref="tableRef"
|
ref="tableRef"
|
||||||
data-key="AccountUsers"
|
data-key="AccountUsers"
|
||||||
:url="`VnUsers`"
|
:url="`VnUsers`"
|
||||||
:create="{
|
|
||||||
urlCreate: 'Accounts',
|
|
||||||
title: 'Create Account',
|
|
||||||
onDataSaved: () => tableRef.reload(),
|
|
||||||
formInitialData: {
|
|
||||||
workerFk: entityId,
|
|
||||||
},
|
|
||||||
}"
|
|
||||||
order="id DESC"
|
order="id DESC"
|
||||||
:columns="columns"
|
:columns="columns"
|
||||||
default-mode="table"
|
default-mode="table"
|
||||||
|
|
Loading…
Reference in New Issue