wedding-schedule/src/_includes/components/cal.njk

84 lines
3.1 KiB
Text
Raw Normal View History

2022-06-13 09:28:37 +00:00
{% if guestslug == null %}
<h1>The Schedule</h1>
{% else %}
<h1>{{guestname | safe}}'s Schedule</h1>
<a class="back-home" href="/">👈 back to full schedule</a>
{% endif %}
<ul id="key">
<li>
<h2>KEY</h2>
</li>
<li>
<span class="category day">AM</span>
</li>
<li>
<span class="category night">PM</span>
</li>
</ul>
<ul id="menu">
{% for guest in guests | sort(false, true, 'name') %}
<li><a href="/guest/{{guest.slug}}">{{guest.name}}</a></li>
{% endfor %}
</ul>
<ul id="calendar">
{% for date in dates %}
<li>
<span class="date">{{date}}</span>
{% if guestslug == null %}
<ul class="locations">
{% for loc in locations %}
<li class="location">
<div>{{loc.name}}</div>
{% if guests | day(date,loc.abbr) | length > 0 %}
<div class="time-window">
<a class="category day hover">{{ guests | day(date,loc.abbr) | total }}</a>
<ul class="list">
{% for guest in guests | day(date,loc.abbr) | sort(false, true, 'name') %}
<li>
{{guest.name}}
</li>
{% endfor %}
</ul>
</div>
{% endif %}
{% if guests | night(date,loc.abbr) | length > 0 %}
<div>
<div class="category night hover">{{ guests | night(date,loc.abbr) | total }}</div>
<ul class="list">
{% for guest in guests | night(date,loc.abbr) | sort(false, true, 'name') %}
<li>
{{guest.name}}
</li>
{% endfor %}
</ul>
</div>
{% endif %}
</li>
{% endfor %}
</ul>
{% else %}
<ul class="locations">
{% for guest in guests | byGuest(guestslug) %}
{% for date in guest.dates | byDate(date) %}
<li class="location" style="flex-direction: column; align-items: flex-start">
<div class="category day">
{% for loc in locations | byAbbr(date.day) %}
{{loc.name}}
{% endfor%}
</div>
<div class="category night">
{% for loc in locations | byAbbr(date.night) %}
{{loc.name}}
{% endfor%}
</div>
</li>
{% endfor %}
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>