openable lectures

lectures/templates/lectures/includes/lecture.html

@@ -3,10 +3,12 @@
 <li>
     <a
         href="{% url "lectures:view_lecture" lecture.id %}{% if group %}?related_group_id={{ group.id }}{% endif %}"
-        class="hover:no-underline"
+        class="hover:no-underline __lecture"
     >
         <div class="card elevation-6">
             <div class="card__body p-5 hover:bg-gray-100 duration-100">
+                <div class="flex gap-2 items-center justify-between">
+                    <div>
                         <h2 class="head-alt-sm mb-4">
                             <i
                                 class="
@@ -15,19 +17,31 @@
                                     {% include "lectures/includes/lecture_type_color.html" %}
                                 "
                             ></i>
+
                             {{ lecture.name }}
                         </h2>
 
                         {% if lecture.timestamp %}
-                    <span class="flex gap-2 mb-4">
+                            <span class="flex gap-2">
                                 <span>
                                     <i class="ico--clock mr-1"></i> {{ lecture.timestamp }}
                                 </span>
                             </span>
                         {% endif %}
+                    </div>
+                    <div class="__lecture-clickable">
+                        <i
+                            class="
+                                rounded-full hover:bg-gray-300 duration-200 p-4
+                                __lecture-opener
+                                ico--chevron-down text-2xl
+                            "
+                        ></i>
+                    </div>
+                </div>
 
                 {% if lecture.description %}
-                    <div class="prose max-w-none">
+                    <div class="prose max-w-none __lecture-content mt-4">
                         {{ lecture.description|markdownify|safe }}
                     </div>
                 {% endif %}

static_src/view_group_lectures.js

@@ -51,6 +51,45 @@ const assignOpenerListeners = () => {
             }
         }
     )
+
+    $(".__lecture").on(
+        "click",
+        event => {
+            if (
+                !$(event.target).hasClass("__lecture-clickable")
+                && !(event.target).closest(".__lecture-clickable").length === 0
+            ) {
+                return
+            } else {
+                event.stopImmediatePropagation();
+                event.preventDefault();
+            }
+
+            if (event.currentTarget.dataset.isOpen === 'true') {
+                $(event.currentTarget).
+                find(".__lecture-opener").
+                addClass("ico--chevron-down").
+                removeClass("ico--chevron-up")
+
+                event.currentTarget.dataset.isOpen = 'false'
+
+                $(event.currentTarget).
+                find(".__lecture-content").
+                addClass("hidden")
+            } else {
+                $(event.currentTarget).
+                find(".__lecture-opener").
+                removeClass("ico--chevron-down").
+                addClass("ico--chevron-up")
+
+                event.currentTarget.dataset.isOpen = 'true'
+
+                $(event.currentTarget).
+                find(".__lecture-content").
+                removeClass("hidden")
+            }
+        }
+    )
 }
 
 $(window).ready(
@@ -65,6 +104,8 @@ $(window).ready(
             showTimelineYear();
         }
 
+        $(".__lecture-content").addClass("hidden")
+
         assignOpenerListeners()
 
         // Make sure our listeners exist

ucebnice/settings/base.py

@@ -8,10 +8,10 @@ For the full list of settings and their values, see
 https://docs.djangoproject.com/en/4.0/ref/settings/
 """
 
+import logging
 import os
 import pathlib
 
-import logging
 import dj_database_url
 import environ
 import sentry_sdk