feat: extended player profile
This commit is contained in:
parent
6f1a7e5852
commit
7102eece1f
|
@ -1,6 +1,12 @@
|
||||||
// Extended player profile
|
// Extended player profile
|
||||||
|
|
||||||
import { ListResult, Player, TribeChange, TWHelpClient } from './lib/client';
|
import {
|
||||||
|
Ennoblement,
|
||||||
|
ListResult,
|
||||||
|
Player,
|
||||||
|
TribeChange,
|
||||||
|
TWHelpClient,
|
||||||
|
} from './lib/client';
|
||||||
import { DialogTable } from './common/DialogTable';
|
import { DialogTable } from './common/DialogTable';
|
||||||
|
|
||||||
const SCREEN = 'info_player';
|
const SCREEN = 'info_player';
|
||||||
|
@ -19,6 +25,12 @@ const translations: Record<string, Record<string, string>> = {
|
||||||
'Old tribe': 'Stare plemię',
|
'Old tribe': 'Stare plemię',
|
||||||
'New tribe': 'Nowe plemię',
|
'New tribe': 'Nowe plemię',
|
||||||
'Date/time': 'Data/czas',
|
'Date/time': 'Data/czas',
|
||||||
|
Village: 'Wioska',
|
||||||
|
'Old owner': 'Stary właściciel',
|
||||||
|
'New owner': 'Nowy właściciel',
|
||||||
|
Points: 'Punkty',
|
||||||
|
Barbarian: 'Barbarzyńska',
|
||||||
|
Unknown: 'Nieznany',
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -38,21 +50,37 @@ class TWHelpConnector {
|
||||||
return this.client.player(this.version, this.server, this.id);
|
return this.client.player(this.version, this.server, this.id);
|
||||||
}
|
}
|
||||||
|
|
||||||
tribeChanges(page: number, limit: number) {
|
playerTribeChanges(page: number, limit: number) {
|
||||||
return this.client.tribeChanges(this.version, this.server, this.id, {
|
return this.client.playerTribeChanges(this.version, this.server, this.id, {
|
||||||
offset: (page - 1) * limit,
|
offset: (page - 1) * limit,
|
||||||
limit: limit,
|
limit: limit,
|
||||||
sort: ['createdAt:desc', 'id:asc'],
|
sort: ['createdAt:desc', 'id:asc'],
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
playerEnnoblements(page: number, limit: number) {
|
||||||
|
return this.client.playerEnnoblements(this.version, this.server, this.id, {
|
||||||
|
offset: (page - 1) * limit,
|
||||||
|
limit: limit,
|
||||||
|
sort: ['createdAt:desc'],
|
||||||
|
});
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
enum DialogId {
|
enum DialogId {
|
||||||
TRIBE_CHANGES = 'kichiyaki_tribe_changes',
|
TRIBE_CHANGES = 'kichiyaki_tribe_changes',
|
||||||
|
ENNOBLEMENTS = 'kichiyaki_ennoblements',
|
||||||
}
|
}
|
||||||
|
|
||||||
interface UIConnector {
|
interface UIConnector {
|
||||||
tribeChanges(page: number, limit: number): Promise<ListResult<TribeChange>>;
|
playerTribeChanges(
|
||||||
|
page: number,
|
||||||
|
limit: number
|
||||||
|
): Promise<ListResult<TribeChange>>;
|
||||||
|
playerEnnoblements(
|
||||||
|
page: number,
|
||||||
|
limit: number
|
||||||
|
): Promise<ListResult<Ennoblement>>;
|
||||||
}
|
}
|
||||||
|
|
||||||
class UI {
|
class UI {
|
||||||
|
@ -165,7 +193,7 @@ class UI {
|
||||||
],
|
],
|
||||||
30,
|
30,
|
||||||
(page: number, limit: number) => {
|
(page: number, limit: number) => {
|
||||||
return this.connector.tribeChanges(page, limit);
|
return this.connector.playerTribeChanges(page, limit);
|
||||||
}
|
}
|
||||||
).render();
|
).render();
|
||||||
}
|
}
|
||||||
|
@ -174,8 +202,53 @@ class UI {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
}
|
}
|
||||||
|
|
||||||
private showEnnoblements(e: Event) {
|
private async showEnnoblements(e: Event) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
|
|
||||||
|
await new DialogTable(
|
||||||
|
DialogId.ENNOBLEMENTS,
|
||||||
|
[
|
||||||
|
{
|
||||||
|
header: t('Village'),
|
||||||
|
accessor: (e) =>
|
||||||
|
`<a href="${e.village.profileUrl}">${e.village.fullName}</a>`,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('Points'),
|
||||||
|
accessor: (e) => e.points.toLocaleString(),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('Old owner'),
|
||||||
|
accessor: (e) =>
|
||||||
|
e.oldOwner
|
||||||
|
? `<a href="${e.oldOwner.profileUrl}">${e.oldOwner.name}</a>${
|
||||||
|
e.oldOwner.tribe
|
||||||
|
? ` (<a href="${e.oldOwner.tribe.profileUrl}">${e.oldOwner.tribe.tag}</a>)`
|
||||||
|
: ''
|
||||||
|
}`
|
||||||
|
: t('Barbarian'),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('New owner'),
|
||||||
|
accessor: (e) =>
|
||||||
|
e.newOwner
|
||||||
|
? `<a href="${e.newOwner.profileUrl}">${e.newOwner.name}</a>${
|
||||||
|
e.newOwner.tribe
|
||||||
|
? ` (<a href="${e.newOwner.tribe.profileUrl}">${e.newOwner.tribe.tag}</a>)`
|
||||||
|
: ''
|
||||||
|
}`
|
||||||
|
: t('Unknown'),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('Date/time'),
|
||||||
|
accessor: (e) => new Date(e.createdAt).toLocaleString(),
|
||||||
|
},
|
||||||
|
],
|
||||||
|
30,
|
||||||
|
(page: number, limit: number) => {
|
||||||
|
return this.connector.playerEnnoblements(page, limit);
|
||||||
|
}
|
||||||
|
).render();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -36,6 +36,15 @@ export type PlayerMeta = {
|
||||||
tribe: TribeMeta | null;
|
tribe: TribeMeta | null;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export type VillageMeta = {
|
||||||
|
id: number;
|
||||||
|
fullName: string;
|
||||||
|
profileUrl: string;
|
||||||
|
x: number;
|
||||||
|
y: number;
|
||||||
|
continent: string;
|
||||||
|
};
|
||||||
|
|
||||||
export type TribeChange = {
|
export type TribeChange = {
|
||||||
id: number;
|
id: number;
|
||||||
newTribe: TribeMeta | null;
|
newTribe: TribeMeta | null;
|
||||||
|
@ -43,6 +52,15 @@ export type TribeChange = {
|
||||||
createdAt: string;
|
createdAt: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export type Ennoblement = {
|
||||||
|
id: number;
|
||||||
|
points: number;
|
||||||
|
newOwner: PlayerMeta | null;
|
||||||
|
oldOwner: PlayerMeta | null;
|
||||||
|
village: VillageMeta;
|
||||||
|
createdAt: string;
|
||||||
|
};
|
||||||
|
|
||||||
export type ListResult<T> = {
|
export type ListResult<T> = {
|
||||||
data: T[];
|
data: T[];
|
||||||
total: number;
|
total: number;
|
||||||
|
@ -54,6 +72,12 @@ export type ListTribeChangesQueryParams = {
|
||||||
sort?: string[];
|
sort?: string[];
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export type ListEnnoblementsParams = {
|
||||||
|
offset?: number;
|
||||||
|
limit?: number;
|
||||||
|
sort?: string[];
|
||||||
|
};
|
||||||
|
|
||||||
export type TWHelpClientOptions = {
|
export type TWHelpClientOptions = {
|
||||||
timeout?: number;
|
timeout?: number;
|
||||||
};
|
};
|
||||||
|
@ -87,7 +111,7 @@ export class TWHelpClient {
|
||||||
return resp.data.data;
|
return resp.data.data;
|
||||||
}
|
}
|
||||||
|
|
||||||
public async tribeChanges(
|
public async playerTribeChanges(
|
||||||
version: string,
|
version: string,
|
||||||
server: string,
|
server: string,
|
||||||
id: number,
|
id: number,
|
||||||
|
@ -117,4 +141,35 @@ export class TWHelpClient {
|
||||||
total: parseInt(resp.headers[X_TOTAL_COUNT_HEADER] ?? '0'),
|
total: parseInt(resp.headers[X_TOTAL_COUNT_HEADER] ?? '0'),
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public async playerEnnoblements(
|
||||||
|
version: string,
|
||||||
|
server: string,
|
||||||
|
id: number,
|
||||||
|
queryParams?: ListEnnoblementsParams
|
||||||
|
): Promise<ListResult<Ennoblement>> {
|
||||||
|
const params = new URLSearchParams();
|
||||||
|
|
||||||
|
if (queryParams?.limit) {
|
||||||
|
params.set('limit', queryParams.limit.toString());
|
||||||
|
}
|
||||||
|
|
||||||
|
if (queryParams?.offset) {
|
||||||
|
params.set('offset', queryParams.offset.toString());
|
||||||
|
}
|
||||||
|
|
||||||
|
if (Array.isArray(queryParams?.sort)) {
|
||||||
|
queryParams?.sort.forEach((s) => {
|
||||||
|
params.append('sort', s);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
const resp = await this.client.get(
|
||||||
|
`/api/v1/versions/${version}/servers/${server}/players/${id}/ennoblements?${params.toString()}`
|
||||||
|
);
|
||||||
|
return {
|
||||||
|
data: resp.data.data,
|
||||||
|
total: parseInt(resp.headers[X_TOTAL_COUNT_HEADER] ?? '0'),
|
||||||
|
};
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue