wide card; node visi; import children plugin

1 files changed, 17 insertions, 15 deletions

diff --git a/ui/src/components/node_card.rs b/ui/src/components/node_card.rs
index fc5738a..a4ea5e5 100644
--- a/ui/src/components/node_card.rs
+++ b/ui/src/components/node_card.rs
@@ -44,22 +44,24 @@ markup::define! {
         }
     }
     NodeCardWide<'a>(ri: &'a RenderInfo<'a>, nku: Object<'a>) {
+        @let node = nku.get(NKU_NODE).unwrap_or_default();
+        @let slug = node.get(NO_SLUG).unwrap_or_default();
         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))] {
+                a[href=u_node_slug(&slug)] {
+                    img[src=u_image(node.get(NO_PICTURES).unwrap_or_default().get(PICT_COVER).unwrap_or_default(), 512), loading="lazy"];
+                }
+                .cardhover.item {
+                    @if node.has(NO_TRACK.0) {
+                        a.play.icon[href=u_node_slug_player(&slug)] { "play_arrow" }
+                    }
+                }
+            }
+            div.details {
+                a.title[href=u_node_slug(&slug)] { @node.get(NO_TITLE) }
+                @Props { ri, nku: *nku ,full: false }
+                span.overview { @node.get(NO_DESCRIPTION) }
+            }
         }
     }
 }