chore(client): tweak ui

cherry-picked from ed41d542bb8894f2eaca42cd7cc08246089e0490
This commit is contained in:
syuilo 2022-06-30 20:15:14 +09:00 committed by Johann150
parent 09e0446708
commit b003e24af4
WARNING! Although there is a key with this ID in the database it does not verify this commit! This commit is SUSPICIOUS.
GPG key ID: 9EE6577A2A06F8F1
2 changed files with 13 additions and 12 deletions

View file

@ -15,6 +15,7 @@ export const meta = {
export const paramDef = {
type: 'object',
properties: {
limit: { type: 'integer', minimum: 1, maximum: 100, default: 10 },
},
required: [],
} as const;
@ -29,7 +30,7 @@ export default define(meta, paramDef, async (ps) => {
order: {
followersCount: 'DESC',
},
take: 10,
take: ps.limit,
}),
Instances.find({
where: {
@ -38,7 +39,7 @@ export default define(meta, paramDef, async (ps) => {
order: {
followingCount: 'DESC',
},
take: 10,
take: ps.limit,
}),
]);

View file

@ -112,21 +112,21 @@ function createDoughnut(chartEl, tooltip, data) {
labels: data.map(x => x.name),
datasets: [{
backgroundColor: data.map(x => x.color),
borderWidth: 0,
spacing: 4,
hoverOffset: 4,
data: data.map(x => x.value),
}],
},
options: {
layout: {
padding: {
left: 8,
right: 8,
top: 8,
bottom: 8,
left: 16,
right: 16,
top: 16,
bottom: 16,
},
},
interaction: {
intersect: false,
},
plugins: {
legend: {
display: false,
@ -145,9 +145,9 @@ function createDoughnut(chartEl, tooltip, data) {
}
onMounted(() => {
os.apiGet('federation/stats').then(fedStats => {
createDoughnut(subDoughnutEl, externalTooltipHandler1, fedStats.topSubInstances.map(x => ({ name: x.host, color: x.themeColor, value: x.followersCount })).concat([{ name: '(other)', color: '#808080', value: fedStats.otherFollowersCount }]));
createDoughnut(pubDoughnutEl, externalTooltipHandler1, fedStats.topPubInstances.map(x => ({ name: x.host, color: x.themeColor, value: x.followingCount })).concat([{ name: '(other)', color: '#808080', value: fedStats.otherFollowingCount }]));
os.apiGet('federation/stats', { limit: 15 }).then(fedStats => {
createDoughnut(subDoughnutEl, externalTooltipHandler1, fedStats.topSubInstances.map(x => ({ name: x.host, color: x.themeColor, value: x.followersCount })).concat([{ name: '(other)', color: '#80808080', value: fedStats.otherFollowersCount }]));
createDoughnut(pubDoughnutEl, externalTooltipHandler1, fedStats.topPubInstances.map(x => ({ name: x.host, color: x.themeColor, value: x.followingCount })).concat([{ name: '(other)', color: '#80808080', value: fedStats.otherFollowingCount }]));
});
});
</script>