From 5a85f1d83acaddbb462a50573525d9cd741ace26 Mon Sep 17 00:00:00 2001
From: jude <judesouthworth@pm.me>
Date: Sun, 13 Aug 2023 18:29:30 +0100
Subject: [PATCH] Extract error sections to templates

---
 web/static/js/reminder_errors.ts              | 19 +++++++++++
 web/templates/dashboard.html.tera             | 34 ++++---------------
 .../reminder_dashboard/guild_error.html.tera  | 17 ++++++++++
 .../reminder_errors.html.tera                 |  5 +++
 .../reminder_dashboard/user_error.html.tera   | 12 +++++++
 5 files changed, 60 insertions(+), 27 deletions(-)
 create mode 100644 web/static/js/reminder_errors.ts
 create mode 100644 web/templates/reminder_dashboard/guild_error.html.tera
 create mode 100644 web/templates/reminder_dashboard/reminder_errors.html.tera
 create mode 100644 web/templates/reminder_dashboard/user_error.html.tera

diff --git a/web/static/js/reminder_errors.ts b/web/static/js/reminder_errors.ts
new file mode 100644
index 0000000..6fa4798
--- /dev/null
+++ b/web/static/js/reminder_errors.ts
@@ -0,0 +1,19 @@
+let _reminderErrors = [];
+
+const reminderErrors = () => {
+    return _reminderErrors;
+}
+
+const guildId = () => {
+    let selected: HTMLElement = document.querySelector(".guildList a.is-active");
+    return selected.dataset["guild"];
+}
+
+
+function loadErrors() {
+    fetch(`/dashboard/api/guild/${guildId()}/errors`).then(response => response.json())
+}
+
+document.addEventListener('DOMContentLoaded', () => {
+
+})
diff --git a/web/templates/dashboard.html.tera b/web/templates/dashboard.html.tera
index 6f5c948..26f543b 100644
--- a/web/templates/dashboard.html.tera
+++ b/web/templates/dashboard.html.tera
@@ -335,34 +335,14 @@
         <section id="guild" class="is-hidden">
             {% include "reminder_dashboard/reminder_dashboard" %}
         </section>
-        <section id="guild-error" class="is-hidden hero is-fullheight">
-            <div class="hero-body">
-                <div class="container has-text-centered">
-                    <p class="title">
-                        We couldn't get this server's data
-                    </p>
-                    <p class="subtitle">
-                        Please check Reminder Bot is in the server, and has correct permissions.
-                    </p>
-                    <a class="button is-size-4 is-rounded is-success" href="https://invite.reminder-bot.com">
-                        <p class="is-size-4">
-                            <span>Add to Server</span> <span class="icon"><i class="fas fa-chevron-right"></i></span>
-                        </p>
-                    </a>
-                </div>
-            </div>
+        <section id="reminder-errors" class="is-hidden">
+            {% include "reminder_dashboard/reminder_errors" %}
         </section>
-        <section id="user-error" class="is-hidden hero is-fullheight">
-            <div class="hero-body">
-                <div class="container has-text-centered">
-                    <p class="title">
-                        You do not have permissions for this server
-                    </p>
-                    <p class="subtitle">
-                        Ask an admin to grant you the "Manage Messages" permission.
-                    </p>
-                </div>
-            </div>
+        <section id="guild-error" class="is-hidden">
+            {% include "reminder_dashboard/guild_error" %}
+        </section>
+        <section id="user-error" class="is-hidden">
+            {% include "reminder_dashboard/user_error" %}
         </section>
     </div>
     <!-- /main content -->
diff --git a/web/templates/reminder_dashboard/guild_error.html.tera b/web/templates/reminder_dashboard/guild_error.html.tera
new file mode 100644
index 0000000..5d34ce1
--- /dev/null
+++ b/web/templates/reminder_dashboard/guild_error.html.tera
@@ -0,0 +1,17 @@
+<div class="hero is-fullheight">
+    <div class="hero-body">
+        <div class="container has-text-centered">
+            <p class="title">
+                We couldn't get this server's data
+            </p>
+            <p class="subtitle">
+                Please check Reminder Bot is in the server, and has correct permissions.
+            </p>
+            <a class="button is-size-4 is-rounded is-success" href="https://invite.reminder-bot.com">
+                <p class="is-size-4">
+                    <span>Add to Server</span> <span class="icon"><i class="fas fa-chevron-right"></i></span>
+                </p>
+            </a>
+        </div>
+    </div>
+</div>
diff --git a/web/templates/reminder_dashboard/reminder_errors.html.tera b/web/templates/reminder_dashboard/reminder_errors.html.tera
new file mode 100644
index 0000000..70fdf45
--- /dev/null
+++ b/web/templates/reminder_dashboard/reminder_errors.html.tera
@@ -0,0 +1,5 @@
+<div>
+
+</div>
+
+<script src="/static/js/reminder_errors.js"></script>
diff --git a/web/templates/reminder_dashboard/user_error.html.tera b/web/templates/reminder_dashboard/user_error.html.tera
new file mode 100644
index 0000000..16845f0
--- /dev/null
+++ b/web/templates/reminder_dashboard/user_error.html.tera
@@ -0,0 +1,12 @@
+<div class="hero is-fullheight">
+    <div class="hero-body">
+        <div class="container has-text-centered">
+            <p class="title">
+                You do not have permissions for this server
+            </p>
+            <p class="subtitle">
+                Ask an admin to grant you the "Manage Messages" permission.
+            </p>
+        </div>
+    </div>
+</div>