Commit Graph

212 Commits

Author SHA1 Message Date
471163de2f Lib: Update lazycard props name to differentiate from non-lazy 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
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
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
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
8bf96e3380 Lib: Update DriverCard to reflect lib changes (lazy loading) 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
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
27fc2bce49 Lib: Disable autocomplete on card inputs 2024-12-23 16:15:27 +01:00
5bfb670347 Lib: Make LazyImage full width 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
66183d0600 Lib: Implement site loading indicator 2024-12-23 16:15:27 +01:00
ef96cd1e2c Lib: Implement image downscaling + avif conversion helper 2024-12-23 16:15:27 +01:00
6d93ca7dab Lib: Allow icons in dropdown component list 2024-12-23 16:15:27 +01:00
2989e8a2ed Data/Season: Add "active" switches on drivers page 2024-12-23 16:15:27 +01:00
4003cb5645 Lib: Fix wrong label in substitution card 2024-12-23 16:15:27 +01:00
dbd423dfd3 Lib: Implement substitution card 2024-12-23 16:15:27 +01:00
69e9ca1400 Lib: Rename field in schema 2024-12-23 16:15:27 +01:00
0ed6e24852 Lib: Remove unused event from clear_spring event handler in racecard component 2024-12-23 16:15:27 +01:00
0baaf51e53 Lib: Add action field to dropdown component 2024-12-23 16:15:27 +01:00
7648886ca4 Lib: Only pass single "team_select_value" into component except of all of them 2024-12-23 16:15:27 +01:00
ef6554f2c5 Lib: Allow key exceptions in form_data_clean + implement date format conversion for pocketbase 2024-12-23 16:15:27 +01:00
f11b516088 Lib: Implement racecard component 2024-12-23 16:15:27 +01:00
3b6c45e86e Lib: Fix bug in form_data_clean (mutating while iterating) 2024-12-23 16:15:27 +01:00
2e0539a9b8 Lib: Add schema definitions for race and substitution 2024-12-23 16:15:27 +01:00
88f3014238 Lib: Fix readonly + required in dropdown component by preventing keypress events 2024-12-23 16:15:27 +01:00
52a8d8f4ff Lib: Implement team and driver cards 2024-12-23 16:15:27 +01:00
95a2d086ee Lib: Replace get_by_id helper with more general get_by_value (key can be chosen) 2024-12-23 16:15:27 +01:00
16a315c1a5 Lib: Add Graphic and User schemas 2024-12-23 16:15:27 +01:00
66d2d9b878 Lib: Disable text input in Dropdown component 2024-12-23 16:15:27 +01:00
2c5a7a1143 Lib: Update type information 2024-12-23 16:15:27 +01:00
304ffd45ba Lib: Implement dropdown + search/autocomplete components 2024-12-23 16:15:27 +01:00
0abfaff004 App: Add TS type information 2024-12-23 16:15:27 +01:00
7a8abbe0a9 Lib: Disable input label text wrapping 2024-12-23 16:15:27 +01:00