From fe6bf0f474f3fbbd8aa73f1e42e8515edf9deef2 Mon Sep 17 00:00:00 2001
From: Wingy <git@wingysam.xyz>
Date: Mon, 3 Oct 2022 21:13:36 -0400
Subject: [PATCH] Wishlist details in index (#30)

* embed wishlist item names in wishlists index
---
 views/wishlists.pug | 37 ++++++++++++++++++++++++++++++++-----
 1 file changed, 32 insertions(+), 5 deletions(-)

diff --git a/views/wishlists.pug b/views/wishlists.pug
index 87adb6f..5106a84 100644
--- a/views/wishlists.pug
+++ b/views/wishlists.pug
@@ -1,11 +1,36 @@
 extends layout.pug
 
+mixin wishlistDetails(wishlist)
+  details.wishlist-details
+    summary
+    ul
+      for item in wishlist
+        li= item.name
+
 block content
+  style.
+    .wishlist-details > summary {
+      list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath d='M192 127.338v257.324c0 17.818-21.543 26.741-34.142 14.142L29.196 270.142c-7.81-7.81-7.81-20.474 0-28.284l128.662-128.662c12.599-12.6 34.142-3.676 34.142 14.142z'/%3E%3C/svg%3E")
+    }
+    .wishlist-details[open] > summary {
+      list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E")
+    }
+    .wishlist-details li {
+      list-style-type: disc !important;
+    }
+    .wishlist-details summary {
+      font-size: 8em;
+      margin-top: -1em;
+      margin-bottom: -.5em;
+      margin-left: auto;
+      margin-right: 0;
+      width: .5em;
+    }   
   ul.noStyle.noLeftMargin
     if req.user._id !== '_CCUNKNOWN'
       li
-        a(href=`${_CC.config.base}wishlist/${req.user._id}`)
-          .box
+        .box
+          a(href=`${_CC.config.base}wishlist/${req.user._id}`, style='color: #4a4a4a;')
             .columns.is-mobile
               if config.pfp
                 .column.is-1(style='overflow: hidden; padding: 0 0.5rem 0 0;')
@@ -15,11 +40,12 @@ block content
                 span
                   span=lang('WISHLISTS_COUNTS_SELF', req.user._id)
                   progress.progress(value=1, max=1)
+          +wishlistDetails(req.user.wishlist)
     each user in users
       if req.user._id !== user.id
         li
-          a(href=`${_CC.config.base}wishlist/${user.id}`)
-            .box
+          .box
+            a(href=`${_CC.config.base}wishlist/${user.id}`, style='color: #4a4a4a;')
               .columns.is-mobile
                 if config.pfp
                   .column.is-1(style='overflow: hidden; padding: 0 0.5rem 0 0;')
@@ -27,4 +53,5 @@ block content
                       img.is-rounded.is-fullwidth(src=user.doc.pfp, style='object-fit: cover;')
                 .column
                   span= lang('WISHLISTS_COUNTS', user.id, totals(user.doc.wishlist).pledged, user.doc.wishlist.length)
-                  progress.progress.is-info(value=totals(user.doc.wishlist).pledged, max=user.doc.wishlist.length)
\ No newline at end of file
+                  progress.progress.is-info(value=totals(user.doc.wishlist).pledged, max=user.doc.wishlist.length)
+            +wishlistDetails(user.doc.wishlist)
\ No newline at end of file