freifunk/ffffng
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix sorting after merge.

Browse source
This commit is contained in:
baldo 2022-08-23 22:20:14 +02:00
parent 4602aaa871
commit 22d7755215
3 changed files with 21 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/stores/nodes.ts
View file

@ -3,7 +3,7 @@ import {
type DomainSpecificNodeResponse,
isDomainSpecificNodeResponse,
type NodesFilter,
NodeSortField,
NodeSortFieldEnum,
SortDirection,
} from "@/types";
import { internalApi } from "@/utils/Api";
@ -14,7 +14,7 @@ interface NodesStoreState {
nodesPerPage: number;
totalNodes: number;
sortDirection: SortDirection;
sortField: NodeSortField;
sortField: NodeSortFieldEnum;
}
export const useNodesStore = defineStore({
@ -26,7 +26,7 @@ export const useNodesStore = defineStore({
nodesPerPage: 20,
totalNodes: 0,
sortDirection: SortDirection.ASCENDING,
sortField: NodeSortField.HOSTNAME,
sortField: NodeSortFieldEnum.HOSTNAME,
};
},
getters: {
@ -51,7 +51,7 @@ export const useNodesStore = defineStore({
page: number,
nodesPerPage: number,
sortDirection: SortDirection,
sortField: NodeSortField,
sortField: NodeSortFieldEnum,
filter: NodesFilter,
searchTerm?: string
): Promise<void> {
@ -63,7 +63,7 @@ export const useNodesStore = defineStore({
}
const result = await internalApi.getPagedList<
DomainSpecificNodeResponse,
NodeSortField
NodeSortFieldEnum
>(
"nodes",
isDomainSpecificNodeResponse,

27
frontend/src/views/AdminNodesView.vue
View file

@ -10,7 +10,8 @@ import type {
import {
ButtonSize,
ComponentVariant,
NodeSortField,
type NodeSortField,
NodeSortFieldEnum,
SortDirection,
} from "@/types";
import ListPager from "@/components/ListPager.vue";
@ -41,7 +42,7 @@ const props = defineProps({
},
sortField: {
type: String as PropType<NodeSortField>,
default: NodeSortField.HOSTNAME,
default: NodeSortFieldEnum.HOSTNAME,
},
});
@ -196,7 +197,7 @@ watch(props, async () => {
<thead>
<tr>
<sth
:field="NodeSortField.HOSTNAME"
:field="NodeSortFieldEnum.HOSTNAME"
:currentField="sortField"
:currentDirection="sortDirection"
@sort="updateSortOrder"
@ -204,7 +205,7 @@ watch(props, async () => {
Name
</sth>
<sth
:field="NodeSortField.NICKNAME"
:field="NodeSortFieldEnum.NICKNAME"
:currentField="sortField"
:currentDirection="sortDirection"
@sort="updateSortOrder"
@ -212,7 +213,7 @@ watch(props, async () => {
Besitzer*in
</sth>
<sth
:field="NodeSortField.EMAIL"
:field="NodeSortFieldEnum.EMAIL"
:currentField="sortField"
:currentDirection="sortDirection"
@sort="updateSortOrder"
@ -220,7 +221,7 @@ watch(props, async () => {
E-Mail
</sth>
<sth
:field="NodeSortField.TOKEN"
:field="NodeSortFieldEnum.TOKEN"
:currentField="sortField"
:currentDirection="sortDirection"
@sort="updateSortOrder"
@ -228,7 +229,7 @@ watch(props, async () => {
Token
</sth>
<sth
:field="NodeSortField.MAC"
:field="NodeSortFieldEnum.MAC"
:currentField="sortField"
:currentDirection="sortDirection"
@sort="updateSortOrder"
@ -236,7 +237,7 @@ watch(props, async () => {
MAC
</sth>
<sth
:field="NodeSortField.KEY"
:field="NodeSortFieldEnum.KEY"
:currentField="sortField"
:currentDirection="sortDirection"
@sort="updateSortOrder"
@ -244,7 +245,7 @@ watch(props, async () => {
VPN
</sth>
<sth
:field="NodeSortField.SITE"
:field="NodeSortFieldEnum.SITE"
:currentField="sortField"
:currentDirection="sortDirection"
@sort="updateSortOrder"
@ -252,7 +253,7 @@ watch(props, async () => {
Site
</sth>
<sth
:field="NodeSortField.DOMAIN"
:field="NodeSortFieldEnum.DOMAIN"
:currentField="sortField"
:currentDirection="sortDirection"
@sort="updateSortOrder"
@ -260,7 +261,7 @@ watch(props, async () => {
Domäne
</sth>
<sth
:field="NodeSortField.COORDS"
:field="NodeSortFieldEnum.COORDS"
:currentField="sortField"
:currentDirection="sortDirection"
@sort="updateSortOrder"
@ -268,7 +269,7 @@ watch(props, async () => {
GPS
</sth>
<sth
:field="NodeSortField.ONLINE_STATE"
:field="NodeSortFieldEnum.ONLINE_STATE"
:currentField="sortField"
:currentDirection="sortDirection"
@sort="updateSortOrder"
@ -276,7 +277,7 @@ watch(props, async () => {
Status
</sth>
<sth
:field="NodeSortField.MONITORING_STATE"
:field="NodeSortFieldEnum.MONITORING_STATE"
:currentField="sortField"
:currentDirection="sortDirection"
@sort="updateSortOrder"

4
server/shared/types/index.ts
View file

@ -573,7 +573,7 @@ export function isMonitoringResponse(arg: unknown): arg is MonitoringResponse {
}
// noinspection JSUnusedGlobalSymbols
enum NodeSortFieldEnum {
export enum NodeSortFieldEnum {
HOSTNAME = "hostname",
NICKNAME = "nickname",
EMAIL = "email",
@ -632,7 +632,7 @@ export function isNodesFilter(arg: unknown): arg is NodesFilter {
);
}
export type SearchTerm = string & { readonly __tag: unique symbol }
export type SearchTerm = string & { readonly __tag: unique symbol };
export const isSearchTerm = isString;
export enum MonitoringSortField {