wbuezas
/
salix-front-mindshore-fork2
forked from verdnatura/salix-front
0
0
Fork 0
Code Pull Requests Activity

refs #7355 mail alias acls

This commit is contained in:
Carlos Satorres 2024-07-02 17:30:45 +02:00
parent 64c21aa5d9
commit ae01aa614b
3 changed files with 166 additions and 162 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

142
src/pages/Account/AccountAcls.vue
View File

@ -1,8 +1,8 @@
<script setup> <script setup>
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
import { ref } 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 VnPaginate from 'components/ui/VnPaginate.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 CardList from 'src/components/ui/CardList.vue';
@ -40,6 +40,69 @@ const exprBuilder = (param, value) => {
} }
}; };
const columns = computed(() => [
{
align: 'left',
name: 'id',
label: t('id'),
isId: true,
field: 'id',
cardVisible: true,
},
{
align: 'left',
name: 'model',
label: t('model'),
field: 'model',
cardVisible: true,
create: true,
},
{
align: 'left',
name: 'principalId',
label: t('principalId'),
field: 'principalId',
cardVisible: true,
create: true,
},
{
align: 'left',
name: 'property',
label: t('property'),
field: 'property',
cardVisible: true,
create: true,
},
{
align: 'left',
name: 'accessType',
label: t('accessType'),
field: 'accessType',
cardVisible: true,
create: true,
},
{
align: 'left',
name: 'accessType',
label: t('accessType'),
field: 'accessType',
cardVisible: true,
create: true,
},
{
align: 'right',
label: '',
name: 'tableActions',
actions: [
{
title: t('Delete'),
icon: 'delete',
action: deleteAcl,
isPrimary: true,
},
],
},
]);
const deleteAcl = async (id) => { const deleteAcl = async (id) => {
try { try {
await axios.delete(`ACLs/${id}`); await axios.delete(`ACLs/${id}`);
@ -81,65 +144,24 @@ function showFormDialog(data) {
</QScrollArea> </QScrollArea>
</QDrawer> </QDrawer>
<QPage class="flex justify-center q-pa-md"> <VnTable
<div class="vn-card-list"> ref="tableRef"
<VnPaginate data-key="AccountUsers"
ref="paginateRef" :url="`ACLs`"
data-key="AccountAcls" :create="{
url="ACLs" urlCreate: 'ACLs',
:expr-builder="exprBuilder" title: 'Create ACL',
> onDataSaved: () => tableRef.reload(),
<template #body="{ rows }"> formInitialData: {},
<CardList }"
v-for="row of rows" order="id DESC"
:id="row.id" :columns="columns"
:key="row.id" default-mode="table"
:title="`${row.model}.${row.property}`" auto-load
@click="showFormDialog(row)" :right-search="false"
> :is-editable="true"
<template #list-items> :use-model="true"
<VnLv :label="t('acls.role')" :value="row.principalId" />
<VnLv :label="t('acls.accessType')" :value="row.accessType" />
<VnLv
:label="t('acls.permissions')"
:value="row.permission"
/> />
</template>
<template #actions>
<QBtn
:label="t('globals.delete')"
@click.stop="
openConfirmationModal(
t('ACL will be removed'),
t('Are you sure you want to continue?'),
() => deleteAcl(row.id)
)
"
color="primary"
style="margin-top: 15px"
/>
</template>
</CardList>
</template>
</VnPaginate>
</div>
<QDialog
v-model="formDialog.show"
transition-show="scale"
transition-hide="scale"
>
<AclFormView
:form-initial-data="formDialog.formInitialData"
@on-data-change="paginateRef.fetch()"
:roles-options="rolesOptions"
/>
</QDialog>
<QPageSticky position="bottom-right" :offset="[18, 18]">
<QBtn fab icon="add" color="primary" @click="showFormDialog()">
<QTooltip class="text-no-wrap">{{ t('New ACL') }}</QTooltip>
</QBtn>
</QPageSticky>
</QPage>
</template> </template>
<i18n> <i18n>

96
src/pages/Account/AccountAliasList.vue
View File

@ -1,8 +1,8 @@
<script setup> <script setup>
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
import { ref } from 'vue'; import { ref, computed } from 'vue';
import VnTable from 'components/VnTable/VnTable.vue';
import VnPaginate from 'components/ui/VnPaginate.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 CardList from 'src/components/ui/CardList.vue';
@ -34,6 +34,30 @@ const exprBuilder = (param, value) => {
: { alias: { like: `%${value}%` } }; : { alias: { like: `%${value}%` } };
} }
}; };
const columns = computed(() => [
{
align: 'left',
name: 'id',
label: t('id'),
isId: true,
field: 'id',
cardVisible: true,
},
{
align: 'left',
name: 'alias',
label: t('alias'),
field: 'alias',
cardVisible: true,
},
{
align: 'left',
name: 'description',
label: t('description'),
field: 'description',
cardVisible: true,
},
]);
const navigate = (id) => router.push({ name: 'AliasSummary', params: { id } }); const navigate = (id) => router.push({ name: 'AliasSummary', params: { id } });
@ -52,54 +76,24 @@ const openCreateModal = () => aliasCreateDialogRef.value.show();
/> />
</Teleport> </Teleport>
</template> </template>
<QPage class="flex justify-center q-pa-md"> <VnTable
<div class="vn-card-list"> ref="tableRef"
<VnPaginate data-key="MailAliases"
ref="paginateRef" :url="`MailAliases`"
data-key="AccountAliasList" :create="{
url="MailAliases" urlCreate: 'MailAliases',
:expr-builder="exprBuilder" title: 'Create MailAlias',
> onDataSaved: () => tableRef.reload(),
<template #body="{ rows }"> formInitialData: {
<CardList workerFk: entityId,
v-for="row of rows" },
:id="row.id" }"
:key="row.id" order="id DESC"
:title="row.alias" :columns="columns"
@click="navigate(row.id)" default-mode="table"
> auto-load
<template #list-items> :right-search="false"
<VnLv :label="t('mailAlias.alias')" :value="row.alias"> :is-editable="true"
</VnLv> :use-model="true"
<VnLv
:label="t('mailAlias.description')"
:value="row.description"
>
</VnLv>
</template>
<template #actions>
<QBtn
:label="t('components.smartCard.openSummary')"
@click.stop="viewSummary(row.id, AliasSummary)"
color="primary"
style="margin-top: 15px"
/> />
</template>
</CardList>
</template>
</VnPaginate>
</div>
<QDialog
ref="aliasCreateDialogRef"
transition-show="scale"
transition-hide="scale"
>
<AliasCreateForm />
</QDialog>
<QPageSticky position="bottom-right" :offset="[18, 18]">
<QBtn fab icon="add" color="primary" @click="openCreateModal()">
<QTooltip class="text-no-wrap">{{ t('mailAlias.newAlias') }}</QTooltip>
</QBtn>
</QPageSticky>
</QPage>
</template> </template>

84
src/pages/Account/Role/AccountRoles.vue
View File

@ -1,7 +1,8 @@
<script setup> <script setup>
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import { ref } from 'vue'; import { computed, ref } from 'vue';
import VnTable from 'components/VnTable/VnTable.vue';
import VnPaginate from 'src/components/ui/VnPaginate.vue'; import VnPaginate from 'src/components/ui/VnPaginate.vue';
import VnLv from 'src/components/ui/VnLv.vue'; import VnLv from 'src/components/ui/VnLv.vue';
@ -21,6 +22,30 @@ const { viewSummary } = useSummaryDialog();
const roleCreateDialogRef = ref(null); const roleCreateDialogRef = ref(null);
const columns = computed(() => [
{
align: 'left',
name: 'id',
label: t('id'),
isId: true,
field: 'id',
cardVisible: true,
},
{
align: 'left',
name: 'name',
label: t('name'),
field: 'name',
cardVisible: true,
},
{
align: 'left',
name: 'description',
label: t('description'),
field: 'description',
cardVisible: true,
},
]);
const exprBuilder = (param, value) => { const exprBuilder = (param, value) => {
switch (param) { switch (param) {
case 'search': case 'search':
@ -80,52 +105,15 @@ const navigate = (event, id) => {
<AccountRolesFilter data-key="RolesList" :expr-builder="exprBuilder" /> <AccountRolesFilter data-key="RolesList" :expr-builder="exprBuilder" />
</QScrollArea> </QScrollArea>
</QDrawer> </QDrawer>
<QPage class="column items-center q-pa-md"> <VnTable
<div class="vn-card-list"> ref="tableRef"
<VnPaginate data-key="RolesList" url="VnRoles"> data-key="Roles"
<template #body="{ rows }"> :url="`VnRoles`"
<CardList order="id ASC"
:id="row.id" :columns="columns"
:key="row.id" default-mode="table"
:title="row.name" auto-load
@click="navigate($event, row.id)" :right-search="false"
v-for="row of rows" :is-editable="true"
>
<template #list-items>
<div style="flex-direction: column; width: 100%">
<VnLv :label="t('role.card.name')" :value="row.name">
</VnLv>
<VnLv
:label="t('role.card.description')"
:value="row.description"
>
</VnLv>
</div>
</template>
<template #actions>
<QBtn
:label="t('components.smartCard.openSummary')"
@click.stop="viewSummary(row.id, RoleSummary)"
color="primary"
style="margin-top: 15px"
/> />
</template>
</CardList>
</template>
</VnPaginate>
</div>
<QDialog
ref="roleCreateDialogRef"
transition-show="scale"
transition-hide="scale"
>
<RoleForm />
</QDialog>
<QPageSticky :offset="[20, 20]">
<QBtn fab icon="add" color="primary" @click="openCreateModal()" />
<QTooltip>
{{ t('role.newRole') }}
</QTooltip>
</QPageSticky>
</QPage>
</template> </template>