Weekly Planner

Preview

Site time: 2025-03-29 07:56:51

12 am
1 am
2 am
3 am
4 am
5 am
6 am
7 am
8 am
9 am
10 am
11 am
12 pm
1 pm
2 pm
3 pm
4 pm
5 pm
6 pm
7 pm
8 pm
9 pm
10 pm
11 pm
Mon
24
var dump looped_date: 2025-03-24
var dump slot_date: 2025-03-24 00:00:00
var dump slot_date: 2025-03-24 01:00:00
var dump slot_date: 2025-03-24 02:00:00
var dump slot_date: 2025-03-24 03:00:00
var dump slot_date: 2025-03-24 04:00:00
var dump slot_date: 2025-03-24 05:00:00
var dump slot_date: 2025-03-24 06:00:00
var dump slot_date: 2025-03-24 07:00:00
var dump slot_date: 2025-03-24 08:00:00
var dump slot_date: 2025-03-24 09:00:00
var dump slot_date: 2025-03-24 10:00:00
var dump slot_date: 2025-03-24 11:00:00
var dump slot_date: 2025-03-24 12:00:00
var dump slot_date: 2025-03-24 13:00:00
var dump slot_date: 2025-03-24 14:00:00
var dump slot_date: 2025-03-24 15:00:00
var dump slot_date: 2025-03-24 16:00:00
var dump slot_date: 2025-03-24 17:00:00
var dump slot_date: 2025-03-24 18:00:00
var dump slot_date: 2025-03-24 19:00:00
var dump slot_date: 2025-03-24 20:00:00
var dump slot_date: 2025-03-24 21:00:00
var dump slot_date: 2025-03-24 22:00:00
var dump slot_date: 2025-03-24 23:00:00
Tue
25
var dump looped_date: 2025-03-25
var dump slot_date: 2025-03-25 00:00:00
var dump slot_date: 2025-03-25 01:00:00
var dump slot_date: 2025-03-25 02:00:00
var dump slot_date: 2025-03-25 03:00:00
var dump slot_date: 2025-03-25 04:00:00
var dump slot_date: 2025-03-25 05:00:00
var dump slot_date: 2025-03-25 06:00:00
var dump slot_date: 2025-03-25 07:00:00
var dump slot_date: 2025-03-25 08:00:00
var dump slot_date: 2025-03-25 09:00:00
var dump slot_date: 2025-03-25 10:00:00
var dump slot_date: 2025-03-25 11:00:00
var dump slot_date: 2025-03-25 12:00:00
var dump slot_date: 2025-03-25 13:00:00
var dump slot_date: 2025-03-25 14:00:00
var dump slot_date: 2025-03-25 15:00:00
var dump slot_date: 2025-03-25 16:00:00
var dump slot_date: 2025-03-25 17:00:00
var dump slot_date: 2025-03-25 18:00:00
var dump slot_date: 2025-03-25 19:00:00
var dump slot_date: 2025-03-25 20:00:00
var dump slot_date: 2025-03-25 21:00:00
var dump slot_date: 2025-03-25 22:00:00
var dump slot_date: 2025-03-25 23:00:00
Wed
26
var dump looped_date: 2025-03-26
var dump slot_date: 2025-03-26 00:00:00
var dump slot_date: 2025-03-26 01:00:00
var dump slot_date: 2025-03-26 02:00:00
var dump slot_date: 2025-03-26 03:00:00
var dump slot_date: 2025-03-26 04:00:00
var dump slot_date: 2025-03-26 05:00:00
var dump slot_date: 2025-03-26 06:00:00
var dump slot_date: 2025-03-26 07:00:00
var dump slot_date: 2025-03-26 08:00:00
var dump slot_date: 2025-03-26 09:00:00
var dump slot_date: 2025-03-26 10:00:00
var dump slot_date: 2025-03-26 11:00:00
var dump slot_date: 2025-03-26 12:00:00
var dump slot_date: 2025-03-26 13:00:00
var dump slot_date: 2025-03-26 14:00:00
var dump slot_date: 2025-03-26 15:00:00
var dump slot_date: 2025-03-26 16:00:00
var dump slot_date: 2025-03-26 17:00:00
var dump slot_date: 2025-03-26 18:00:00
var dump slot_date: 2025-03-26 19:00:00
var dump slot_date: 2025-03-26 20:00:00
var dump slot_date: 2025-03-26 21:00:00
var dump slot_date: 2025-03-26 22:00:00
var dump slot_date: 2025-03-26 23:00:00
Thu
27
var dump looped_date: 2025-03-27
var dump slot_date: 2025-03-27 00:00:00
var dump slot_date: 2025-03-27 01:00:00
var dump slot_date: 2025-03-27 02:00:00
var dump slot_date: 2025-03-27 03:00:00
var dump slot_date: 2025-03-27 04:00:00
var dump slot_date: 2025-03-27 05:00:00
var dump slot_date: 2025-03-27 06:00:00
var dump slot_date: 2025-03-27 07:00:00
var dump slot_date: 2025-03-27 08:00:00
var dump slot_date: 2025-03-27 09:00:00
var dump slot_date: 2025-03-27 10:00:00
var dump slot_date: 2025-03-27 11:00:00
var dump slot_date: 2025-03-27 12:00:00
var dump slot_date: 2025-03-27 13:00:00
var dump slot_date: 2025-03-27 14:00:00
var dump slot_date: 2025-03-27 15:00:00
var dump slot_date: 2025-03-27 16:00:00
var dump slot_date: 2025-03-27 17:00:00
var dump slot_date: 2025-03-27 18:00:00
var dump slot_date: 2025-03-27 19:00:00
var dump slot_date: 2025-03-27 20:00:00
var dump slot_date: 2025-03-27 21:00:00
var dump slot_date: 2025-03-27 22:00:00
var dump slot_date: 2025-03-27 23:00:00
Fri
28
var dump looped_date: 2025-03-28
var dump slot_date: 2025-03-28 00:00:00
var dump slot_date: 2025-03-28 01:00:00
var dump slot_date: 2025-03-28 02:00:00
var dump slot_date: 2025-03-28 03:00:00
var dump slot_date: 2025-03-28 04:00:00
var dump slot_date: 2025-03-28 05:00:00
var dump slot_date: 2025-03-28 06:00:00
var dump slot_date: 2025-03-28 07:00:00
var dump slot_date: 2025-03-28 08:00:00
var dump slot_date: 2025-03-28 09:00:00
var dump slot_date: 2025-03-28 10:00:00
var dump slot_date: 2025-03-28 11:00:00
var dump slot_date: 2025-03-28 12:00:00
var dump slot_date: 2025-03-28 13:00:00
var dump slot_date: 2025-03-28 14:00:00
var dump slot_date: 2025-03-28 15:00:00
var dump slot_date: 2025-03-28 16:00:00
var dump slot_date: 2025-03-28 17:00:00
var dump slot_date: 2025-03-28 18:00:00
var dump slot_date: 2025-03-28 19:00:00
var dump slot_date: 2025-03-28 20:00:00
var dump slot_date: 2025-03-28 21:00:00
var dump slot_date: 2025-03-28 22:00:00
var dump slot_date: 2025-03-28 23:00:00
Sat
29
var dump looped_date: 2025-03-29
var dump slot_date: 2025-03-29 00:00:00
var dump slot_date: 2025-03-29 01:00:00
var dump slot_date: 2025-03-29 02:00:00
var dump slot_date: 2025-03-29 03:00:00
var dump slot_date: 2025-03-29 04:00:00
var dump slot_date: 2025-03-29 05:00:00
var dump slot_date: 2025-03-29 06:00:00
var dump slot_date: 2025-03-29 07:00:00
var dump slot_date: 2025-03-29 08:00:00
var dump slot_date: 2025-03-29 09:00:00
var dump slot_date: 2025-03-29 10:00:00
var dump slot_date: 2025-03-29 11:00:00
var dump slot_date: 2025-03-29 12:00:00
var dump slot_date: 2025-03-29 13:00:00
var dump slot_date: 2025-03-29 14:00:00
var dump slot_date: 2025-03-29 15:00:00
var dump slot_date: 2025-03-29 16:00:00
var dump slot_date: 2025-03-29 17:00:00
var dump slot_date: 2025-03-29 18:00:00
var dump slot_date: 2025-03-29 19:00:00
var dump slot_date: 2025-03-29 20:00:00
var dump slot_date: 2025-03-29 21:00:00
var dump slot_date: 2025-03-29 22:00:00
var dump slot_date: 2025-03-29 23:00:00
Sun
30
var dump looped_date: 2025-03-30
var dump slot_date: 2025-03-30 00:00:00
var dump slot_date: 2025-03-30 01:00:00
var dump slot_date: 2025-03-30 02:00:00
var dump slot_date: 2025-03-30 03:00:00
var dump slot_date: 2025-03-30 04:00:00
var dump slot_date: 2025-03-30 05:00:00
var dump slot_date: 2025-03-30 06:00:00
var dump slot_date: 2025-03-30 07:00:00
var dump slot_date: 2025-03-30 08:00:00
var dump slot_date: 2025-03-30 09:00:00
var dump slot_date: 2025-03-30 10:00:00
var dump slot_date: 2025-03-30 11:00:00
var dump slot_date: 2025-03-30 12:00:00
var dump slot_date: 2025-03-30 13:00:00
var dump slot_date: 2025-03-30 14:00:00
var dump slot_date: 2025-03-30 15:00:00
var dump slot_date: 2025-03-30 16:00:00
var dump slot_date: 2025-03-30 17:00:00
var dump slot_date: 2025-03-30 18:00:00
var dump slot_date: 2025-03-30 19:00:00
var dump slot_date: 2025-03-30 20:00:00
var dump slot_date: 2025-03-30 21:00:00
var dump slot_date: 2025-03-30 22:00:00
var dump slot_date: 2025-03-30 23:00:00
<Set current_date><Date format="Y-m-d">today</Date></Set>
<Set current_hour><Date format="H">now</Date></Set>
<Set minute_to_percent><Math><Date format="i">now</Date> / 60 * 100</Math>%</Set>
<pre>Site time: <Date format="Y-m-d H:i:s">now</Date></pre><br />
<Loop type=calendar_week>
  <div class="week-view">
    <div class="week-view__labels">
      <Loop times=24>
        <div class="week-view__labels__label">
          <span class="week-view__labels__label__inner">
            <Format date="g a"><Math><Get loop=count /> - 1</Math>:00</Format>
          </span>
        </div>
      </Loop>
    </div>
    <Loop type=calendar_day week="{Field week}">
      <Set is_today><If variable=current_date value="{Field date date_format='Y-m-d'}">true</If></Set>
      <Set looped_date><Field date date_format='Y-m-d' /></Set>
      <div class="week-view__day">
        <div class="week-view__day__heading {If variable=is_today}week-view__day__heading--today{/If}"> 
          <div class="week-view__day__heading__weekday">
            <Field short_name />
          </div>
          <div class="week-view__day__heading__date">
            <Field day />
          </div>
        </div>
        <div>
          <div class="week-view__day__slot--all-day">
            <Note>All day events here</Note>
          </div>
          <Loop times=24>
            <Set index_to_hour><Math><Get loop=count /> - 1</Math></Set>
            <Set slot_date><Format date="Y-m-d H:i:s"><Get looped_date /> <Get index_to_hour />:00</Format></Set>

            <div class="week-view__day__slot">
              <Note>Inline Events Here</Note>
              <If variable=is_today>
                <If variable=current_hour value="{Get index_to_hour}"><div class="week-view__day__time-marker" style="top: {Get minute_to_percent}"></div></If>
              </If>
            </div>
          </Loop>
        </div>
      </div>
    </Loop>
  </div>
</Loop>