Commit Graph

370 Commits

Author SHA1 Message Date
392e61ca49 Lib: Make driver-/race-/team- and substitution-card non-lazy 2024-12-23 16:15:27 +01:00
04650f624e Lib: Add on-click handler prop to table component 2024-12-23 16:15:27 +01:00
b6a645da6c Lib: Update lazydropdown props name to differentiate from non-lazy dropdown 2024-12-23 16:15:27 +01:00
471163de2f Lib: Update lazycard props name to differentiate from non-lazy card 2024-12-23 16:15:27 +01:00
31d8bb4908 Skeleton: Register component modals for driver-/team-/race- and substitution-card 2024-12-23 16:15:27 +01:00
a23f12b69f Lib: Add non-lazy variants for card, image and dropdown 2024-12-23 16:15:27 +01:00
a1fd50a3f6 Skeleton: Reformat 2024-12-23 16:15:27 +01:00
1a95317a74 Lib: Add table component 2024-12-23 16:15:27 +01:00
05e32b5ffb Lib: Move form stuff into form/ directory 2024-12-23 16:15:27 +01:00
68d9d7e60d Lib: Move teamcard into cards/ + implement new team schema 2024-12-23 16:15:27 +01:00
b3629fbe95 Lib: Move cards into cards/ directory 2024-12-23 16:15:27 +01:00
49112280de Lib: Update team database schema (add logo, color) 2024-12-23 16:15:27 +01:00
c954b0f3b0 App: Add onLazyVisible type definition 2024-12-23 16:15:27 +01:00
b1bea37e20 Skeleton: Fix z-indices so the loading indicator is visible 2024-12-23 16:15:27 +01:00
eedc7f9a85 Lib: Comments 2024-12-23 16:15:27 +01:00
b21e4b9b6e Lib: Fix LazyImage in Dropdown component 2024-12-23 16:15:27 +01:00
bcb5661e06 Lib: Remove debug log 2024-12-23 16:15:27 +01:00
09a53a15a7 Skeleton: Fix data dropdown padding 2024-12-23 16:15:27 +01:00
f0c568b982 Lib: Remove previous lazy loading approach and replace with static aspect ratios
The element size must be valid before it is loaded, this is a problem
for cards, as they adapt to their content's size.
Previously I tried to load the first card non-lazily and measure its
dimensions for the next cards, but that was not stable on viewport
changes (could have measured the aspect ratio instead...).
Now, all the aspect ratios are just measured and defined manually,
stupid but simple.
2024-12-23 16:15:27 +01:00
d398ab67e0 Lib: Implement (slightly broken) lazy loading of cards
Issues arise when the viewport size changes
2024-12-23 16:15:27 +01:00
df0402a318 Lib: Add comment to lazyload.ts 2024-12-23 16:15:27 +01:00
3cffab193b Skeleton: Update drawer switch timeout 2024-12-23 16:15:27 +01:00
8bf96e3380 Lib: Update DriverCard to reflect lib changes (lazy loading) 2024-12-23 16:15:27 +01:00
55e849d908 Data/Season: Update tab bar styling 2024-12-23 16:15:27 +01:00
a02a1e7843 Lib: Make lazyimage fade in the image once loaded 2024-12-23 16:15:27 +01:00
f086e360d4 Skeleton: Position the drawer below the navbar + allow toggling between them 2024-12-23 16:15:27 +01:00
bac2d31d73 Data/Season: Reflect lib updates (lazy stuff) 2024-12-23 16:15:27 +01:00
68a56ece32 Lib: Fix bug in image to base64 conversion (now works client+serverside) 2024-12-23 16:15:27 +01:00
4d41401905 Lib: Update lazy components (dropdown + card now lazy) 2024-12-23 16:15:27 +01:00
ecd566b1fa Lib: Move image fetching out of LazyImage component into lib 2024-12-23 16:15:27 +01:00
83d322f26b Lib: Add function to fetch image as base64 string 2024-12-23 16:15:27 +01:00
3bd960b187 Skeleton: Enable autocomplete on username inputs 2024-12-23 16:15:27 +01:00
27fc2bce49 Lib: Disable autocomplete on card inputs 2024-12-23 16:15:27 +01:00
57b4253d99 Data/Season: Stream drivers, races and substitutes as promises for data/season page 2024-12-23 16:15:27 +01:00
cb51e01e98 Hooks: Log requests 2024-12-23 16:15:27 +01:00
3904201033 Env: Add sveltekit node server adapter 2024-12-23 16:15:27 +01:00
5bfb670347 Lib: Make LazyImage full width 2024-12-23 16:15:27 +01:00
cb5203fbf8 Data/Season: Update imports 2024-12-23 16:15:27 +01:00
7bebc334f3 Data/Season: Implement image compression + downsizing for team/driver/race routes 2024-12-23 16:15:27 +01:00
c1f9c6aa12 Lib: Dispatch CustomEvent instead of Event for DropdownChange 2024-12-23 16:15:27 +01:00
72154656fb Lib: Add imgwidth/imgheight to Card component so layout doesn't jump when lazyloading images 2024-12-23 16:15:27 +01:00
0d25f23818 Lib: Update index.ts 2024-12-23 16:15:27 +01:00
14516133de Lib: Implement LazyImage component (images will be loaded once visible) 2024-12-23 16:15:27 +01:00
57cae4d400 Lib: Define some constant values in lib/config.ts 2024-12-23 16:15:27 +01:00
b7ca0582f4 Skeleton: Add site loading indicator to the main layout 2024-12-23 16:15:27 +01:00
66183d0600 Lib: Implement site loading indicator 2024-12-23 16:15:27 +01:00
1b6082ddfa Profile: Compress user avatars in update_profile route 2024-12-23 16:15:27 +01:00
ef96cd1e2c Lib: Implement image downscaling + avif conversion helper 2024-12-23 16:15:27 +01:00
926e9fac44 Skeleton: Remove unused imports 2024-12-23 16:15:27 +01:00
325563394b Env: Don't bundle sharp (sharp needs node, so serverside only) 2024-12-23 16:15:27 +01:00