Nicen up eventlist/calendarium

1 files changed, 20 insertions, 6 deletions

diff --git a/sublab_project/calendarium/templates/calendarium/list_events.html b/sublab_project/calendarium/templates/calendarium/list_events.html
index b70b830..4ccecfc 100644
--- a/sublab_project/calendarium/templates/calendarium/list_events.html
+++ b/sublab_project/calendarium/templates/calendarium/list_events.html
@@ -1,22 +1,36 @@
 {% extends 'base.html' %}
 
 {% block title %}Termine{% endblock %}
+{% block header %}
+<script src="{{ STATIC_URL }}js/jquery-1.7.1.js" type="text/javascript" charset="utf-8"></script>
+<script type="text/javascript">
+<!--
+$(document).ready(function() {
+    $(".events h4").click(function() {
+        $(this).next().toggle('medium');
+    }).next().hide();
+});
+-->
+</script>
+{% endblock %}
 
 {%block content %}
     <h2>Termine</h2>
     <p>Hier findest du Veranstaltungen, die im sublab und dessen Umgebung stattfinden.</p>
     <h3>Veranstaltungen im sublab</h3>
-    <ul class="events">
+    <div class="events">
     {% for event in events_source_import %}
-        <li>{{ event.start|date:"l, j. F Y H:i" }} bis {{ event.end|date:"H:i" }} Uhr - {{ event.name }}<br/>{{ event.description }}</li>
+	<h4>{{ event.start|date:"l, j. F Y H:i" }} bis {{ event.end|date:"H:i" }} Uhr: {{ event.name }}</h4>
+        <p class="description">{{ event.description }}</p>
     {% endfor %}
-    </ul>
+    </div>
     {% if events_source_admin %}
     <h3>Was sonst noch los ist</h3>
-    <ul class="events">
+    <div class="events">
     {% for event in events_source_admin %}
-        <li>{{ event.start|date:"l, j. F Y H:i" }} bis {{ event.end|date:"l, j. F Y H:i" }} Uhr - {{ event.name }}<br/>{{ event.description }}</li>
+        <h4>{{ event.start|date:"l, j. F Y H:i" }} bis {{ event.end|date:"l, j. F Y H:i" }} Uhr: {{ event.name }}</h4>
+	<p class="description">{{ event.description }}</p>
     {% endfor %}
+    </div>
     {% endif %}
-    </ul>
 {% endblock content %}