|
|
|
@ -1,67 +1,67 @@
|
|
|
|
|
<template> |
|
|
|
|
<div class="h-100"> |
|
|
|
|
|
|
|
|
|
<div class="h-100" style="width: 100%"> |
|
|
|
|
|
|
|
|
|
<v-tabs height="30" color="x-active"> |
|
|
|
|
<v-tab><span class="caption text-capitalize"> |
|
|
|
|
<!-- Users Management --> |
|
|
|
|
{{ $t('management.tabs.user')}} |
|
|
|
|
</span></v-tab> |
|
|
|
|
<v-tab |
|
|
|
|
><span class="caption text-capitalize"> |
|
|
|
|
<!-- Users Management --> |
|
|
|
|
{{ $t('management.tabs.user') }} |
|
|
|
|
</span></v-tab |
|
|
|
|
> |
|
|
|
|
<v-tab-item class="h-100"> |
|
|
|
|
<user-management :nodes="nodes"></user-management> |
|
|
|
|
</v-tab-item> |
|
|
|
|
|
|
|
|
|
<template v-if="_isUIAllowed('apiTokenTab')"> |
|
|
|
|
<v-tab><span class="caption text-capitalize"> |
|
|
|
|
<!-- API Tokens Management --> |
|
|
|
|
{{ $t('management.tabs.api')}} |
|
|
|
|
</span></v-tab> |
|
|
|
|
<v-tab |
|
|
|
|
><span class="caption text-capitalize"> |
|
|
|
|
<!-- API Tokens Management --> |
|
|
|
|
{{ $t('management.tabs.api') }} |
|
|
|
|
</span></v-tab |
|
|
|
|
> |
|
|
|
|
<v-tab-item> |
|
|
|
|
<api-tokens :nodes="nodes"></api-tokens> |
|
|
|
|
</v-tab-item> |
|
|
|
|
</template> |
|
|
|
|
<v-tab><span class="caption text-capitalize"> |
|
|
|
|
<!-- Roles Management --> |
|
|
|
|
{{ $t('management.tabs.roles')}} |
|
|
|
|
</span></v-tab> |
|
|
|
|
<v-tab |
|
|
|
|
><span class="caption text-capitalize"> |
|
|
|
|
<!-- Roles Management --> |
|
|
|
|
{{ $t('management.tabs.roles') }} |
|
|
|
|
</span></v-tab |
|
|
|
|
> |
|
|
|
|
<v-tab-item> |
|
|
|
|
<roles :nodes="nodes"></roles> |
|
|
|
|
</v-tab-item> |
|
|
|
|
<!-- <v-tab><span class="caption text-capitalize">Auth Management</span></v-tab> |
|
|
|
|
<!-- <v-tab><span class="caption text-capitalize">Auth Management</span></v-tab> |
|
|
|
|
<v-tab-item> |
|
|
|
|
<auth-hooks :nodes="nodes"></auth-hooks> |
|
|
|
|
</v-tab-item>--> |
|
|
|
|
|
|
|
|
|
</v-tabs> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
import DlgLabelSubmitCancel from "@/components/utils/dlgLabelSubmitCancel"; |
|
|
|
|
import UserManagement from "@/components/auth/userManagement"; |
|
|
|
|
import Roles from "@/components/auth/roles"; |
|
|
|
|
import AuthHooks from "@/components/auth/authHooks"; |
|
|
|
|
import ApiTokens from "@/components/auth/apiTokens"; |
|
|
|
|
import DlgLabelSubmitCancel from '@/components/utils/dlgLabelSubmitCancel'; |
|
|
|
|
import UserManagement from '@/components/auth/userManagement'; |
|
|
|
|
import Roles from '@/components/auth/roles'; |
|
|
|
|
import AuthHooks from '@/components/auth/authHooks'; |
|
|
|
|
import ApiTokens from '@/components/auth/apiTokens'; |
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
components: {ApiTokens, AuthHooks, Roles, UserManagement, DlgLabelSubmitCancel}, |
|
|
|
|
components: { ApiTokens, AuthHooks, Roles, UserManagement, DlgLabelSubmitCancel }, |
|
|
|
|
props: ['nodes'], |
|
|
|
|
name: "auth-tab", |
|
|
|
|
name: 'auth-tab', |
|
|
|
|
data: () => ({ |
|
|
|
|
showConfirmDlg: false, |
|
|
|
|
}), |
|
|
|
|
async created() { |
|
|
|
|
}, |
|
|
|
|
methods: {} |
|
|
|
|
} |
|
|
|
|
async created() {}, |
|
|
|
|
methods: {}, |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
::v-deep { |
|
|
|
|
|
|
|
|
|
//.v-tabs-bar { |
|
|
|
|
// border-bottom: solid 1px var(--v-primary-lighten2); |
|
|
|
|
//} |
|
|
|
@ -81,7 +81,6 @@ export default {
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
<!-- |
|
|
|
|