Include onetime events in head

3 files changed, 25 insertions, 14 deletions

diff --git a/template/calendar.j2 b/template/calendar.j2
index ea851a2..f69018c 100644
--- a/template/calendar.j2
+++ b/template/calendar.j2
@@ -1,18 +1,5 @@
 <div class="calendar-listing {{ class }}">
 {%- for event in events %}
-  {%- if event.recurring %}
-  <p class="recurring">
-  {%- else %}
-  <p class="onetime">
-  {%- endif -%}
-    <span class="date">
-    {%- if event.multiday %}
-      {{- event.start.strftime('%A, %d. %B %Y').decode('utf-8') }} - {{ event.end.strftime('%A, %d. %B %Y').decode('utf-8') }}
-    {%- else %}{{ event.start.strftime('%A, %d. %B %Y, %H:%M Uhr').decode('utf-8') }}
-    {%- endif -%}
-     </span> <span class="name">{{ event.name }}</span></p>
-  <div>
-    <p>{{ event.description|default('Keine Beschreibung',true) }}</p>
-  </div>
+  {% include 'calendar_event.j2' %}
 {%- endfor %}
 </div>
diff --git a/template/calendar_event.j2 b/template/calendar_event.j2
new file mode 100644
index 0000000..106b65a
--- /dev/null
+++ b/template/calendar_event.j2
@@ -0,0 +1,14 @@
+{%- if event.recurring %}
+<p class="recurring">
+{%- else %}
+<p class="onetime">
+{%- endif -%}
+  <span class="date">
+  {%- if event.multiday %}
+    {{- event.start.strftime('%A, %d. %B %Y').decode('utf-8') }} - {{ event.end.strftime('%A, %d. %B %Y').decode('utf-8') }}
+  {%- else %}{{ event.start.strftime('%A, %d. %B %Y, %H:%M Uhr').decode('utf-8') }}
+  {%- endif -%}
+   </span> <span class="name">{{ event.name }}</span></p>
+<div>
+  <p>{{ event.description|default('Keine Beschreibung',true) }}</p>
+</div>
diff --git a/template/calendar_head.j2 b/template/calendar_head.j2
new file mode 100644
index 0000000..d8df951
--- /dev/null
+++ b/template/calendar_head.j2
@@ -0,0 +1,10 @@
+<div class="calendar-listing {{ class }}">
+{%- for event in events[:7] %}
+  {% include 'calendar_event.j2' %}
+{%- endfor %}
+{%- for event in events[7:] %}
+  {% if not event.recurring %}
+  {% include 'calendar_event.j2' %}
+  {% endif %}
+{%- endfor %}
+</div>