aboutsummaryrefslogtreecommitdiff
path: root/ui/src/node_card.rs
diff options
context:
space:
mode:
Diffstat (limited to 'ui/src/node_card.rs')
-rw-r--r--ui/src/node_card.rs85
1 files changed, 44 insertions, 41 deletions
diff --git a/ui/src/node_card.rs b/ui/src/node_card.rs
index d0f9904..f87f490 100644
--- a/ui/src/node_card.rs
+++ b/ui/src/node_card.rs
@@ -4,53 +4,56 @@
Copyright (C) 2026 metamuffin <metamuffin.org>
*/
-use crate::{locale::Language, node_page::aspect_class, props::Props};
-use jellycommon::routes::{u_node_image, u_node_slug, u_node_slug_player};
+use crate::{
+ node_page::{NodeUdata, aspect_class},
+ scaffold::RenderInfo,
+};
+use jellycommon::*;
markup::define! {
- NodeCard<'a>(node: &'a Node, udata: &'a NodeUserData, lang: &'a Language) {
- @let cls = format!("node card poster {}", aspect_class(node.kind));
+ NodeCard<'a>(ri: &'a RenderInfo<'a>, nodeu: NodeUdata<'a>) {
+ @let cls = format!("node card poster {}", aspect_class(nodeu.node.get(NO_KIND).unwrap_or(KIND_COLLECTION)));
div[class=cls] {
- .poster {
- a[href=u_node_slug(&node.slug)] {
- img[src=u_node_image(&node.slug, PictureSlot::Cover, 512), loading="lazy"];
- }
- .cardhover.item {
- @if node.media.is_some() {
- a.play.icon[href=u_node_slug_player(&node.slug)] { "play_arrow" }
- }
- @Props { node, udata, full: false, lang }
- }
- }
- div.title {
- a[href=u_node_slug(&node.slug)] {
- @node.title
- }
- }
- div.subtitle {
- span {
- @node.subtitle
- }
- }
+ // .poster {
+ // a[href=u_node_slug(&node.slug)] {
+ // img[src=u_node_image(&node.slug, PictureSlot::Cover, 512), loading="lazy"];
+ // }
+ // .cardhover.item {
+ // @if node.media.is_some() {
+ // a.play.icon[href=u_node_slug_player(&node.slug)] { "play_arrow" }
+ // }
+ // @Props { node, udata, full: false, lang }
+ // }
+ // }
+ // div.title {
+ // a[href=u_node_slug(&node.slug)] {
+ // @node.title
+ // }
+ // }
+ // div.subtitle {
+ // span {
+ // @node.subtitle
+ // }
+ // }
}
}
- NodeCardWide<'a>(node: &'a Node, udata: &'a NodeUserData, lang: &'a Language) {
+ NodeCardWide<'a>(ri: &'a RenderInfo<'a>, nodeu: NodeUdata<'a>) {
div[class="node card widecard poster"] {
- div[class=&format!("poster {}", aspect_class(node.kind))] {
- a[href=u_node_slug(&node.slug)] {
- img[src=u_node_image(&node.slug, PictureSlot::Cover, 512), loading="lazy"];
- }
- .cardhover.item {
- @if node.media.is_some() {
- a.play.icon[href=u_node_slug_player(&node.slug)] { "play_arrow" }
- }
- }
- }
- div.details {
- a.title[href=u_node_slug(&node.slug)] { @node.title }
- @Props { node, udata, full: false, lang }
- span.overview { @node.description }
- }
+ // div[class=&format!("poster {}", aspect_class(node.kind))] {
+ // a[href=u_node_slug(&node.slug)] {
+ // img[src=u_node_image(&node.slug, PictureSlot::Cover, 512), loading="lazy"];
+ // }
+ // .cardhover.item {
+ // @if node.media.is_some() {
+ // a.play.icon[href=u_node_slug_player(&node.slug)] { "play_arrow" }
+ // }
+ // }
+ // }
+ // div.details {
+ // a.title[href=u_node_slug(&node.slug)] { @node.title }
+ // @Props { node, udata, full: false, lang }
+ // span.overview { @node.description }
+ // }
}
}
}