diff options
author | metamuffin <metamuffin@disroot.org> | 2024-01-21 23:53:38 +0100 |
---|---|---|
committer | metamuffin <metamuffin@disroot.org> | 2024-01-21 23:53:38 +0100 |
commit | fbe81537a258a0f8b087a5a21abd58fb9c8a4ee1 (patch) | |
tree | 3db5d41fa6a6380905dfb52c9e34b2436f0679f3 /server | |
parent | b127ee51925f59b306b032dbacc11464ed175a60 (diff) | |
download | jellything-fbe81537a258a0f8b087a5a21abd58fb9c8a4ee1.tar jellything-fbe81537a258a0f8b087a5a21abd58fb9c8a4ee1.tar.bz2 jellything-fbe81537a258a0f8b087a5a21abd58fb9c8a4ee1.tar.zst |
lazy image loading, person subtitles
Diffstat (limited to 'server')
-rw-r--r-- | server/src/routes/ui/node.rs | 32 |
1 files changed, 21 insertions, 11 deletions
diff --git a/server/src/routes/ui/node.rs b/server/src/routes/ui/node.rs index fc12db3..7f538ac 100644 --- a/server/src/routes/ui/node.rs +++ b/server/src/routes/ui/node.rs @@ -176,18 +176,28 @@ markup::define! { } h2 { "Cast & Crew" } @for (group, people) in &node_ext.people { - h3 { @format!("{:?}", group) } - .hlist { ul.children { @for (i, pe) in people.iter().enumerate() { - li { .card."aspect-port" { - .poster { - a[href="#"] { - img[src=&uri!(r_person_asset(id, i, group, Some(1024))), loading="lazy"]; + details[open=group==&PeopleGroup::Cast] { + summary { h3 { @format!("{}", group) } } + .hlist { ul.children { @for (i, pe) in people.iter().enumerate() { + li { .card."aspect-port" { + .poster { + a[href="#"] { + img[src=&uri!(r_person_asset(id, i, group, Some(1024))), loading="lazy"]; + } + // .cardhover { .props { p { @pe.person.name } } } } - // .cardhover { .props { p { @pe.person.name } } } - } - .title { @pe.person.name } - }} - }}} + .title { + @pe.person.name br; + @if let Some(c) = pe.characters.get(0) { + .subtitle { @c } + } + @if let Some(c) = pe.jobs.get(0) { + .subtitle { @c } + } + } + }} + }}} + } } details { summary { "Tracks" } |