feat(admin): add user role management #4248
Conversation
| }, | ||
| link: [{ rel: "icon", href: faviconHref }], | ||
| titleTemplate: (titleChunk) => { | ||
| if (titleChunk && config.public.siteTitle) { | ||
| return `${titleChunk} | ${config.public.siteTitle}`; | ||
| } else if (titleChunk) { | ||
| return titleChunk; | ||
| } else if (config.public.siteTitle) { | ||
| return config.public.siteTitle; | ||
| // } else if (config.public.siteTitle) { |
There was a problem hiding this comment.
why is this commented out
There was a problem hiding this comment.
Wanted to get rid of the ts error while I was looking a the file, will undo when making this draft a pr
| @@ -65,6 +67,11 @@ const navigation = computed(() => { | |||
| <Navigation :navigation="navigation" /> | |||
| </template> | |||
| <template #account> | |||
| <HeaderButton | |||
There was a problem hiding this comment.
why a separate button , is this part of the design ?
There was a problem hiding this comment.
I'm still just fiddling... So no clue and don't care yet.
apps/ui/pages/admin.vue
Outdated
|
|
||
| const users = ref<IUser[]>([]); | ||
| const userCount = ref(0); | ||
| const totalPages = ref(0); | ||
| getUsers(); | ||
|
|
||
| function updateCurrentPage(newPage: number) { | ||
| currentPage.value = newPage; | ||
| getUsers(); | ||
| } | ||
|
|
||
| const users = computed(() => data.value?.data._admin.users || []); | ||
| const userCount = computed(() => data.value?.data._admin.userCount ?? 0); | ||
| async function getUsers() { | ||
| const { data, error } = await useFetch<IAdminResponse>("/api/graphql", { | ||
| method: "post", | ||
| body: { | ||
| query: `{ _admin { users(limit: ${LIMIT}${offset.value}) { email, settings, {key, value} } userCount } }`, | ||
| }, | ||
| }); | ||
| if (error.value) { | ||
| console.log("Error loading users: ", error.value); | ||
| // todo handle error see catalogue error page | ||
| } | ||
| users.value = data.value?.data._admin.users || []; | ||
| userCount.value = data.value?.data._admin.userCount ?? 0; | ||
| const divided = userCount.value / LIMIT; | ||
| totalPages.value = | ||
| userCount.value % LIMIT > 0 ? Math.floor(divided) + 1 : divided; | ||
| } |
There was a problem hiding this comment.
this should should work, but by keeping the useFetch at the page level and using the 'refresh' or computed there is no need for a separate getUsers func and the setup code . This has the added value of exposing the dat, status, error refs at the page level
There was a problem hiding this comment.
Sounds cool, didn't get it to work that way though with the pagination.
|
What are the main changes you did:
how to test:
Other tests:
todo: