klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2025-10-10 08:44:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: cache user pictures

Browse Source
This commit is contained in:
imperosol
2025-09-17 07:47:22 +02:00
parent 289ffe1109
commit 2a30f30a31
3 changed files with 28 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
sas/static/bundled/sas/user/pictures-index.ts
View File

@@ -7,6 +7,7 @@ import {
interface PagePictureConfig {
userId: number;
nbPictures?: number;
}
interface Album {
@@ -20,11 +21,27 @@ document.addEventListener("alpine:init", () => {
loading: true,
albums: [] as Album[],
async init() {
async fetchPictures(): Promise<PictureSchema[]> {
const localStorageKey = `user${config.userId}Pictures`;
const localStorageInvalidationKey = `user${config.userId}PicturesNumber`;
const lastCachedNumber = localStorage.getItem(localStorageInvalidationKey);
if (
lastCachedNumber !== null &&
Number.parseInt(lastCachedNumber) === config.nbPictures
) {
return JSON.parse(localStorage.getItem(localStorageKey));
}
const pictures = await paginated(picturesFetchPictures, {
// biome-ignore lint/style/useNamingConvention: from python api
query: { users_identified: [config.userId] },
} as PicturesFetchPicturesData);
localStorage.setItem(localStorageInvalidationKey, config.nbPictures.toString());
localStorage.setItem(localStorageKey, JSON.stringify(pictures));
return pictures;
},
async init() {
const pictures = await this.fetchPictures();
const groupedAlbums = Object.groupBy(pictures, (i: PictureSchema) => i.album.id);
this.albums = Object.values(groupedAlbums).map((pictures: PictureSchema[]) => {
return {