Weekly Planner

Preview

Site time: 2024-05-28 01:03:24

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
27
var dump looped_date: 2024-05-27
var dump slot_date: 2024-05-27 00:00:00
var dump slot_date: 2024-05-27 01:00:00
var dump slot_date: 2024-05-27 02:00:00
var dump slot_date: 2024-05-27 03:00:00
var dump slot_date: 2024-05-27 04:00:00
var dump slot_date: 2024-05-27 05:00:00
var dump slot_date: 2024-05-27 06:00:00
var dump slot_date: 2024-05-27 07:00:00
var dump slot_date: 2024-05-27 08:00:00
var dump slot_date: 2024-05-27 09:00:00
var dump slot_date: 2024-05-27 10:00:00
var dump slot_date: 2024-05-27 11:00:00
var dump slot_date: 2024-05-27 12:00:00
var dump slot_date: 2024-05-27 13:00:00
var dump slot_date: 2024-05-27 14:00:00
var dump slot_date: 2024-05-27 15:00:00
var dump slot_date: 2024-05-27 16:00:00
var dump slot_date: 2024-05-27 17:00:00
var dump slot_date: 2024-05-27 18:00:00
var dump slot_date: 2024-05-27 19:00:00
var dump slot_date: 2024-05-27 20:00:00
var dump slot_date: 2024-05-27 21:00:00
var dump slot_date: 2024-05-27 22:00:00
var dump slot_date: 2024-05-27 23:00:00
Tue
28
var dump looped_date: 2024-05-28
var dump slot_date: 2024-05-28 00:00:00
var dump slot_date: 2024-05-28 01:00:00
var dump slot_date: 2024-05-28 02:00:00
var dump slot_date: 2024-05-28 03:00:00
var dump slot_date: 2024-05-28 04:00:00
var dump slot_date: 2024-05-28 05:00:00
var dump slot_date: 2024-05-28 06:00:00
var dump slot_date: 2024-05-28 07:00:00
var dump slot_date: 2024-05-28 08:00:00
var dump slot_date: 2024-05-28 09:00:00
var dump slot_date: 2024-05-28 10:00:00
var dump slot_date: 2024-05-28 11:00:00
var dump slot_date: 2024-05-28 12:00:00
var dump slot_date: 2024-05-28 13:00:00
var dump slot_date: 2024-05-28 14:00:00
var dump slot_date: 2024-05-28 15:00:00
var dump slot_date: 2024-05-28 16:00:00
var dump slot_date: 2024-05-28 17:00:00
var dump slot_date: 2024-05-28 18:00:00
var dump slot_date: 2024-05-28 19:00:00
var dump slot_date: 2024-05-28 20:00:00
var dump slot_date: 2024-05-28 21:00:00
var dump slot_date: 2024-05-28 22:00:00
var dump slot_date: 2024-05-28 23:00:00
Wed
29
var dump looped_date: 2024-05-29
var dump slot_date: 2024-05-29 00:00:00
var dump slot_date: 2024-05-29 01:00:00
var dump slot_date: 2024-05-29 02:00:00
var dump slot_date: 2024-05-29 03:00:00
var dump slot_date: 2024-05-29 04:00:00
var dump slot_date: 2024-05-29 05:00:00
var dump slot_date: 2024-05-29 06:00:00
var dump slot_date: 2024-05-29 07:00:00
var dump slot_date: 2024-05-29 08:00:00
var dump slot_date: 2024-05-29 09:00:00
var dump slot_date: 2024-05-29 10:00:00
var dump slot_date: 2024-05-29 11:00:00
var dump slot_date: 2024-05-29 12:00:00
var dump slot_date: 2024-05-29 13:00:00
var dump slot_date: 2024-05-29 14:00:00
var dump slot_date: 2024-05-29 15:00:00
var dump slot_date: 2024-05-29 16:00:00
var dump slot_date: 2024-05-29 17:00:00
var dump slot_date: 2024-05-29 18:00:00
var dump slot_date: 2024-05-29 19:00:00
var dump slot_date: 2024-05-29 20:00:00
var dump slot_date: 2024-05-29 21:00:00
var dump slot_date: 2024-05-29 22:00:00
var dump slot_date: 2024-05-29 23:00:00
Thu
30
var dump looped_date: 2024-05-30
var dump slot_date: 2024-05-30 00:00:00
var dump slot_date: 2024-05-30 01:00:00
var dump slot_date: 2024-05-30 02:00:00
var dump slot_date: 2024-05-30 03:00:00
var dump slot_date: 2024-05-30 04:00:00
var dump slot_date: 2024-05-30 05:00:00
var dump slot_date: 2024-05-30 06:00:00
var dump slot_date: 2024-05-30 07:00:00
var dump slot_date: 2024-05-30 08:00:00
var dump slot_date: 2024-05-30 09:00:00
var dump slot_date: 2024-05-30 10:00:00
var dump slot_date: 2024-05-30 11:00:00
var dump slot_date: 2024-05-30 12:00:00
var dump slot_date: 2024-05-30 13:00:00
var dump slot_date: 2024-05-30 14:00:00
var dump slot_date: 2024-05-30 15:00:00
var dump slot_date: 2024-05-30 16:00:00
var dump slot_date: 2024-05-30 17:00:00
var dump slot_date: 2024-05-30 18:00:00
var dump slot_date: 2024-05-30 19:00:00
var dump slot_date: 2024-05-30 20:00:00
var dump slot_date: 2024-05-30 21:00:00
var dump slot_date: 2024-05-30 22:00:00
var dump slot_date: 2024-05-30 23:00:00
Fri
31
var dump looped_date: 2024-05-31
var dump slot_date: 2024-05-31 00:00:00
var dump slot_date: 2024-05-31 01:00:00
var dump slot_date: 2024-05-31 02:00:00
var dump slot_date: 2024-05-31 03:00:00
var dump slot_date: 2024-05-31 04:00:00
var dump slot_date: 2024-05-31 05:00:00
var dump slot_date: 2024-05-31 06:00:00
var dump slot_date: 2024-05-31 07:00:00
var dump slot_date: 2024-05-31 08:00:00
var dump slot_date: 2024-05-31 09:00:00
var dump slot_date: 2024-05-31 10:00:00
var dump slot_date: 2024-05-31 11:00:00
var dump slot_date: 2024-05-31 12:00:00
var dump slot_date: 2024-05-31 13:00:00
var dump slot_date: 2024-05-31 14:00:00
var dump slot_date: 2024-05-31 15:00:00
var dump slot_date: 2024-05-31 16:00:00
var dump slot_date: 2024-05-31 17:00:00
var dump slot_date: 2024-05-31 18:00:00
var dump slot_date: 2024-05-31 19:00:00
var dump slot_date: 2024-05-31 20:00:00
var dump slot_date: 2024-05-31 21:00:00
var dump slot_date: 2024-05-31 22:00:00
var dump slot_date: 2024-05-31 23:00:00
Sat
1
var dump looped_date: 2024-06-01
var dump slot_date: 2024-06-01 00:00:00
var dump slot_date: 2024-06-01 01:00:00
var dump slot_date: 2024-06-01 02:00:00
var dump slot_date: 2024-06-01 03:00:00
var dump slot_date: 2024-06-01 04:00:00
var dump slot_date: 2024-06-01 05:00:00
var dump slot_date: 2024-06-01 06:00:00
var dump slot_date: 2024-06-01 07:00:00
var dump slot_date: 2024-06-01 08:00:00
var dump slot_date: 2024-06-01 09:00:00
var dump slot_date: 2024-06-01 10:00:00
var dump slot_date: 2024-06-01 11:00:00
var dump slot_date: 2024-06-01 12:00:00
var dump slot_date: 2024-06-01 13:00:00
var dump slot_date: 2024-06-01 14:00:00
var dump slot_date: 2024-06-01 15:00:00
var dump slot_date: 2024-06-01 16:00:00
var dump slot_date: 2024-06-01 17:00:00
var dump slot_date: 2024-06-01 18:00:00
var dump slot_date: 2024-06-01 19:00:00
var dump slot_date: 2024-06-01 20:00:00
var dump slot_date: 2024-06-01 21:00:00
var dump slot_date: 2024-06-01 22:00:00
var dump slot_date: 2024-06-01 23:00:00
Sun
2
var dump looped_date: 2024-06-02
var dump slot_date: 2024-06-02 00:00:00
var dump slot_date: 2024-06-02 01:00:00
var dump slot_date: 2024-06-02 02:00:00
var dump slot_date: 2024-06-02 03:00:00
var dump slot_date: 2024-06-02 04:00:00
var dump slot_date: 2024-06-02 05:00:00
var dump slot_date: 2024-06-02 06:00:00
var dump slot_date: 2024-06-02 07:00:00
var dump slot_date: 2024-06-02 08:00:00
var dump slot_date: 2024-06-02 09:00:00
var dump slot_date: 2024-06-02 10:00:00
var dump slot_date: 2024-06-02 11:00:00
var dump slot_date: 2024-06-02 12:00:00
var dump slot_date: 2024-06-02 13:00:00
var dump slot_date: 2024-06-02 14:00:00
var dump slot_date: 2024-06-02 15:00:00
var dump slot_date: 2024-06-02 16:00:00
var dump slot_date: 2024-06-02 17:00:00
var dump slot_date: 2024-06-02 18:00:00
var dump slot_date: 2024-06-02 19:00:00
var dump slot_date: 2024-06-02 20:00:00
var dump slot_date: 2024-06-02 21:00:00
var dump slot_date: 2024-06-02 22:00:00
var dump slot_date: 2024-06-02 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>