Add announcements app

marietje/announcements/static/announcements/css/announcements.css

@@ -0,0 +1,34 @@
+.announcement {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: var(--primary-shade);
+    color: var(--primary-contrast);
+    text-align: center;
+    padding: 0.5rem 1rem;
+}
+
+.announcement .btn-close {
+    color: var(--primary-contrast);
+}
+
+.announcement p {
+    display: inline;
+    margin: 0;
+    color: var(--primary-contrast);
+    font-size: 0.9rem;
+    font-weight: bold;
+}
+
+.announcement a {
+    color: var(--primary-contrast);
+    text-decoration: underline;
+}
+
+.announcement a:hover {
+    color: var(--primary-contrast-hover);
+}
+
+.announcement button {
+    background-size: .6rem;
+}

marietje/announcements/static/announcements/js/announcements.js

@@ -0,0 +1,53 @@
+const ANNOUNCEMENT_COOKIE = "closed-announcements";
+
+function safeGetCookie() {
+    try {
+        return getCookie(ANNOUNCEMENT_COOKIE);
+    } catch {
+        return null;
+    }
+}
+
+function sanitizeAnnouncementsArray(closedAnnouncements) {
+    if (closedAnnouncements === null || typeof closedAnnouncements !== 'string') {
+        return [];
+    }
+    else {
+        try {
+            closedAnnouncements = JSON.parse(closedAnnouncements);
+        } catch {
+            return [];
+        }
+        if (! Array.isArray(closedAnnouncements)) {
+            closedAnnouncements = [];
+        }
+
+        for (let i = 0; i < closedAnnouncements.length; i++) {
+            if (!Number.isInteger(closedAnnouncements[i])) {
+                closedAnnouncements.splice(i, 1);
+            }
+        }
+        return closedAnnouncements;
+    }
+}
+function close_announcement(announcementId) {
+    let announcementElement = document.getElementById("announcement-" + announcementId);
+
+    if (announcementElement !== null) {
+        announcementElement.remove();
+    }
+
+    let closedAnnouncements = safeGetCookie();
+
+    if (closedAnnouncements === null) {
+        closedAnnouncements = [];
+    } else {
+        closedAnnouncements = sanitizeAnnouncementsArray(closedAnnouncements);
+    }
+
+    if (!closedAnnouncements.includes(announcementId)) {
+        closedAnnouncements.push(announcementId);
+    }
+
+    setListCookie(ANNOUNCEMENT_COOKIE, closedAnnouncements, 31);
+}