791aa8c610
* fix(frontend): 🐛 update dialog implementation to simplify state management * test(backend): ✅ refactor test fixtures + admin group tests * chore(backend): 🔨 add launcher.json for python debugging (tests) * fix typing * feat(backend): ✨ refactor/fix group management for admins * feat(frontend): ✨ add/fix admin group management * add LDAP checker Co-authored-by: hay-kot <hay-kot@pm.me>
117 lines
No EOL
3.2 KiB
Vue
117 lines
No EOL
3.2 KiB
Vue
<template>
|
|
<v-container fluid>
|
|
<BaseDialog v-model="deleteDialog" :title="$t('general.confirm')" color="error" @confirm="deleteUser(deleteTarget)">
|
|
<template #activator> </template>
|
|
<v-card-text>
|
|
{{ $t("general.confirm-delete-generic") }}
|
|
</v-card-text>
|
|
</BaseDialog>
|
|
|
|
<BaseCardSectionTitle title="User Management"> </BaseCardSectionTitle>
|
|
<section>
|
|
<v-toolbar color="background" flat class="justify-between">
|
|
<BaseButton to="/admin/manage/users/create">
|
|
{{ $t("general.create") }}
|
|
</BaseButton>
|
|
</v-toolbar>
|
|
<v-data-table
|
|
:headers="headers"
|
|
:items="users || []"
|
|
item-key="id"
|
|
class="elevation-0"
|
|
elevation="0"
|
|
hide-default-footer
|
|
disable-pagination
|
|
:search="search"
|
|
@click:row="handleRowClick"
|
|
>
|
|
<template #item.admin="{ item }">
|
|
<v-icon right :color="item.admin ? 'success' : null">
|
|
{{ item.admin ? $globals.icons.checkboxMarkedCircle : $globals.icons.windowClose }}
|
|
</v-icon>
|
|
</template>
|
|
<template #item.actions="{ item }">
|
|
<v-btn
|
|
icon
|
|
:disabled="item.id == 1"
|
|
color="error"
|
|
@click.stop="
|
|
deleteDialog = true;
|
|
deleteTarget = item.id;
|
|
"
|
|
>
|
|
<v-icon>
|
|
{{ $globals.icons.delete }}
|
|
</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
</v-data-table>
|
|
<v-divider></v-divider>
|
|
</section>
|
|
</v-container>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent, reactive, ref, toRefs, useContext, useRouter } from "@nuxtjs/composition-api";
|
|
import { useUserApi } from "~/composables/api";
|
|
import { useUser, useAllUsers } from "~/composables/use-user";
|
|
import { UserOut } from "~/types/api-types/user";
|
|
|
|
export default defineComponent({
|
|
layout: "admin",
|
|
setup() {
|
|
const api = useUserApi();
|
|
const refUserDialog = ref();
|
|
|
|
const { i18n } = useContext();
|
|
|
|
const router = useRouter();
|
|
|
|
const state = reactive({
|
|
deleteDialog: false,
|
|
deleteTarget: 0,
|
|
search: "",
|
|
});
|
|
|
|
const { users, refreshAllUsers } = useAllUsers();
|
|
const { loading, deleteUser } = useUser(refreshAllUsers);
|
|
|
|
function handleRowClick(item: UserOut) {
|
|
router.push("/admin/manage/users/" + item.id);
|
|
}
|
|
|
|
// ==========================================================
|
|
// Constants / Non-reactive
|
|
|
|
const headers = [
|
|
{
|
|
text: i18n.t("user.user-id"),
|
|
align: "start",
|
|
value: "id",
|
|
},
|
|
{ text: i18n.t("user.username"), value: "username" },
|
|
{ text: i18n.t("user.full-name"), value: "fullName" },
|
|
{ text: i18n.t("user.email"), value: "email" },
|
|
{ text: i18n.t("group.group"), value: "group" },
|
|
{ text: i18n.t("user.admin"), value: "admin" },
|
|
{ text: i18n.t("general.delete"), value: "actions", sortable: false, align: "center" },
|
|
];
|
|
|
|
return {
|
|
...toRefs(state),
|
|
api,
|
|
headers,
|
|
deleteUser,
|
|
loading,
|
|
refUserDialog,
|
|
users,
|
|
handleRowClick,
|
|
};
|
|
},
|
|
head() {
|
|
return {
|
|
title: this.$t("sidebar.manage-users") as string,
|
|
};
|
|
},
|
|
});
|
|
</script> |