1 files changed, 49 insertions, 0 deletions

diff --git a/src/mixins/subUtils.pug b/src/mixins/subUtils.pug
new file mode 100644
index 0000000..7f40bf4
--- /dev/null
+++ b/src/mixins/subUtils.pug
@@ -0,0 +1,49 @@
+-
+script(defer).
+  async function toggleSub(sub) {
+    let thinger = document.getElementById(`thinger_${sub}`);
+    if (thinger.innerText === 'unsubscribe') {
+      await doThing(sub, 'unsubscribe');
+    } else {
+      await doThing(sub, 'subscribe');
+    }
+  }
+
+  function getCookie(name) {
+    const value = `; ${document.cookie}`;
+    const parts = value.split(`; ${name}=`);
+    if (parts.length === 2) return parts.pop().split(";").shift();
+  }
+
+  async function doThing(sub, thing) {
+    const jwtToken = getCookie("auth_token");
+    const response = await fetch(`/${thing}`, {
+      method: 'POST',
+      headers: {
+        'Authorization': `Bearer ${jwtToken}`,
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({ subreddit: sub }),
+    });
+
+    let thinger = document.getElementById(`thinger_${sub}`);
+    if (thing === 'subscribe') {
+      thinger.innerText = 'unsubscribe';
+    } else {
+      thinger.innerText = 'subscribe';
+    }
+
+    if (!response.ok) {
+      console.error(response);
+      console.error(`Failed to do ${thing}`);
+    }
+  }
+
+  function toggleDetails(details_id) {
+    var detailsElement = document.getElementById(details_id);
+    if (detailsElement) {
+      detailsElement.open = !detailsElement.open;
+    }
+  }
+
+