christmas/views/wishlists.pug

57 lines
2.5 KiB
Text
Raw Normal View History

2018-11-20 11:19:58 -08:00
extends layout.pug
mixin wishlistDetails(wishlist)
details.wishlist-details
summary
ul
for item in wishlist
li= item.name
2018-11-20 11:19:58 -08:00
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;
}
2018-11-23 14:29:40 -08:00
ul.noStyle.noLeftMargin
2022-10-03 07:49:36 -07:00
if req.user._id !== '_CCUNKNOWN'
2020-11-08 14:23:51 -08:00
li
.box
a(href=`${_CC.config.base}wishlist/${req.user._id}`, style='color: #4a4a4a;')
2021-11-29 09:13:16 -08:00
.columns.is-mobile
if config.pfp
2021-11-29 09:13:16 -08:00
.column.is-1(style='overflow: hidden; padding: 0 0.5rem 0 0;')
figure.image.is-square.is-fullwidth.is-marginless(style='display: inline-block;')
img.is-rounded.is-fullwidth(src=req.user.pfp, style='object-fit: cover;')
2021-09-14 23:41:44 -07:00
.column
2021-12-03 08:13:43 -08:00
span
span=lang('WISHLISTS_COUNTS_SELF', req.user._id)
2021-09-14 23:41:44 -07:00
progress.progress(value=1, max=1)
+wishlistDetails(req.user.wishlist)
2018-11-20 11:19:58 -08:00
each user in users
if req.user._id !== user.id
li
.box
a(href=`${_CC.config.base}wishlist/${user.id}`, style='color: #4a4a4a;')
2021-11-29 09:13:16 -08:00
.columns.is-mobile
if config.pfp
2021-11-29 09:13:16 -08:00
.column.is-1(style='overflow: hidden; padding: 0 0.5rem 0 0;')
figure.image.is-square.is-fullwidth.is-marginless(style='display: inline-block;')
img.is-rounded.is-fullwidth(src=user.doc.pfp, style='object-fit: cover;')
2021-09-14 23:41:44 -07:00
.column
2021-12-03 08:13:43 -08:00
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)
+wishlistDetails(user.doc.wishlist)