wedding-schedule/src/_includes/components/cal.njk
2022-06-13 12:45:49 +02:00

103 lines
No EOL
3.6 KiB
Text

{% if guestslug == null %}
<h1>The Schedule</h1>
<h3>(June 13: not everyone has given us complete travel schedules yet; check back later)</h3>
{% else %}
<h1>{{guestname | safe}}'s Schedule</h1>
<a class="back-home" href="/">👈 back to full schedule</a>
{% endif %}
{% if guestslug == 'the-couple' %}
<h3>
(we're based in Utrecht for now, but we'll go where the people are)
</h3>
{% 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">
<li class="dow">U</li>
<li class="dow">M</li>
<li class="dow">T</li>
<li class="dow">W</li>
<li class="dow">R</li>
<li class="dow">F</li>
<li class="dow">S</li>
{% for date in dates %}
<li>
<span class="date">{{date}}</span>
{% for event in events%}
{% if event.date == date %}
<span class="event">{{event.name}}</span>
{% endif %}
{% endfor %}
{% 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>