mirror/Hangar
2
0
Fork 0
mirror of https://github.com/HangarMC/Hangar.git synced 2024-11-21 01:21:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add query fields to author and staff page (closes #1172)

Browse Source
This commit is contained in:
MiniDigger | Martin 2023-04-23 19:44:55 +02:00
parent a2e7dc8e2e
commit 8a127ff200
2 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/pages/authors.vue
View File

@ -12,6 +12,8 @@ import { useSeo } from "~/composables/useSeo";
import Link from "~/components/design/Link.vue";
import { useApi } from "~/composables/useApi";
import { Header } from "~/types/components/SortableTable";
import { watch } from "#imports";
import InputText from "~/components/ui/InputText.vue";
const i18n = useI18n();
const route = useRoute();
@ -24,14 +26,17 @@ const headers: Header[] = [
const page = ref(0);
const sort = ref<string[]>(["-projectCount"]);
const query = ref();
const requestParams = computed(() => {
const limit = 25;
return {
query: query.value,
limit,
offset: page.value * limit,
sort: sort.value,
};
});
watch(query, update);
const authors = await useAuthors(requestParams.value);
async function updateSort(col: string, sorter: Record<string, number>) {
@ -62,6 +67,11 @@ useHead(useSeo(i18n.t("pages.authorsTitle"), "Hangar Project Authors", route, nu
<template>
<div>
<PageTitle>Authors</PageTitle>
<div class="mb-4">
<InputText v-model="query" label="Username" />
</div>
<SortableTable
:headers="headers"
:items="authors?.result"

12
frontend/src/pages/staff.vue
View File

@ -3,7 +3,6 @@ import { useI18n } from "vue-i18n";
import { useRoute } from "vue-router";
import { useHead } from "@vueuse/head";
import { computed, ref } from "vue";
import { PaginatedResult, User } from "hangar-api";
import { useStaff } from "~/composables/useApiHelper";
import SortableTable from "~/components/SortableTable.vue";
import PageTitle from "~/components/design/PageTitle.vue";
@ -11,9 +10,10 @@ import { useSeo } from "~/composables/useSeo";
import UserAvatar from "~/components/UserAvatar.vue";
import Link from "~/components/design/Link.vue";
import Tag from "~/components/Tag.vue";
import { useApi } from "~/composables/useApi";
import { Header } from "~/types/components/SortableTable";
import { getRole } from "~/store/backendData";
import { watch } from "#imports";
import InputText from "~/components/ui/InputText.vue";
const i18n = useI18n();
const route = useRoute();
@ -27,14 +27,17 @@ const headers: Header[] = [
const page = ref(0);
const sort = ref<string[]>(["roles"]);
const query = ref();
const requestParams = computed(() => {
const limit = 25;
return {
query: query.value,
limit,
offset: page.value * limit,
sort: sort.value,
};
});
watch(query, () => staffData.refresh());
const staffData = await useStaff(requestParams);
const staff = staffData.data;
@ -62,6 +65,11 @@ useHead(useSeo(i18n.t("pages.staffTitle"), null, route, null));
<template>
<div>
<PageTitle>Staff</PageTitle>
<div class="mb-4">
<InputText v-model="query" label="Username" />
</div>
<SortableTable
:headers="headers"
:items="staff.result"