From 9f7b903901acb0cd6ec9cb2146406a92ebf79cab Mon Sep 17 00:00:00 2001
From: Vika <vika@fireburn.ru>
Date: Fri, 7 Oct 2022 19:53:04 +0300
Subject: templates: move static assets to the templates crate

It makes more sense to keep CSS near the templates, and the
client-side JavaScript code too, since it depends on the DOM structure
to work. Additionally, the overhead of `include_dir!()` is almost
completely mitigated by the fact that this is a separate crate that
isn't recompiled often.

The linking stage, however, is still expected to take a little bit
long. But I doubt it'd be longer than what it was before, since it's
the same exact files that get linked into the app.
---
 kittybox-rs/javascript/src/onboarding.ts | 120 -------------------------------
 1 file changed, 120 deletions(-)
 delete mode 100644 kittybox-rs/javascript/src/onboarding.ts

(limited to 'kittybox-rs/javascript/src/onboarding.ts')

diff --git a/kittybox-rs/javascript/src/onboarding.ts b/kittybox-rs/javascript/src/onboarding.ts
deleted file mode 100644
index 0b455eb..0000000
--- a/kittybox-rs/javascript/src/onboarding.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-const firstOnboardingCard = "intro";
-
-function switchOnboardingCard(card: string) {
-  (Array.from(document.querySelectorAll("form.onboarding > fieldset")) as HTMLElement[])
-    .map((node: HTMLElement) => {
-      if (node.id == card) {
-        node.style.display = "block";
-      } else {
-        node.style.display = "none";
-      }
-    });
-
-  (Array.from(document.querySelectorAll("form.onboarding > ul#progressbar > li")) as HTMLElement[])
-    .map(node => {
-      if (node.id == card) {
-        node.classList.add("active")
-      } else {
-        node.classList.remove("active")
-      }
-    });
-};
-
-interface Window {
-  kittybox_onboarding: {
-    switchOnboardingCard: (card: string) => void
-  }
-}
-
-window.kittybox_onboarding = {
-  switchOnboardingCard
-};
-
-(document.querySelector("form.onboarding > ul#progressbar") as HTMLElement).style.display = "";
-switchOnboardingCard(firstOnboardingCard);
-
-function switchCardOnClick(event: MouseEvent) {
-  if (event.target instanceof HTMLElement) {
-    if (event.target.dataset.card !== undefined) {
-      switchOnboardingCard(event.target.dataset.card)
-    }
-  }
-}
-
-function multiInputAddMore(event: (MouseEvent | { target: HTMLElement })) {
-  if (event.target instanceof HTMLElement) {
-    let parent = event.target.parentElement;
-    if (parent !== null) {
-      let template = (parent.querySelector("template") as HTMLTemplateElement).content.cloneNode(true);
-      parent.prepend(template);
-    }
-  }
-}
-
-(Array.from(
-  document.querySelectorAll(
-    "form.onboarding > fieldset button.switch_card"
-  )
-) as HTMLButtonElement[])
-  .map(button => {
-    button.addEventListener("click", switchCardOnClick)
-  });
-
-(Array.from(
-  document.querySelectorAll(
-    "form.onboarding > fieldset div.multi_input > button.add_more"
-  )
-) as HTMLButtonElement[])
-  .map(button => {
-    button.addEventListener("click", multiInputAddMore)
-    multiInputAddMore({ target: button });
-  });
-
-const form = document.querySelector("form.onboarding") as HTMLFormElement;
-console.log(form);
-form.onsubmit = async (event: SubmitEvent) => {
-    console.log(event);
-    event.preventDefault();
-    const form = event.target as HTMLFormElement;
-    const json = {
-        user: {
-          type: ["h-card"],
-          properties: {
-            name: [(form.querySelector("#hcard_name") as HTMLInputElement).value],
-            pronoun: (Array.from(
-              form.querySelectorAll("#hcard_pronouns")
-            ) as HTMLInputElement[])
-              .map(input => input.value).filter(i => i != ""),
-            url: (Array.from(form.querySelectorAll("#hcard_url")) as HTMLInputElement[])
-              .map(input => input.value).filter(i => i != ""),
-            note: [(form.querySelector("#hcard_note") as HTMLInputElement).value]
-          }
-        },
-        first_post: {
-          type: ["h-entry"],
-          properties: {
-            content: [(form.querySelector("#first_post_content") as HTMLTextAreaElement).value]
-          }
-        },
-      blog_name: (form.querySelector("#blog_name") as HTMLInputElement).value,
-      feeds: (Array.from(
-        form.querySelectorAll(".multi_input#custom_feeds > fieldset.feed")
-      ) as HTMLElement[])
-        .map(form => {
-          return {
-            name: (form.querySelector("#feed_name") as HTMLInputElement).value,
-            slug: (form.querySelector("#feed_slug") as HTMLInputElement).value
-          }
-        }).filter(feed => feed.name == "" || feed.slug == "")
-    };
-
-    await fetch("/.kittybox/onboarding", {
-        method: "POST",
-        body: JSON.stringify(json),
-        headers: { "Content-Type": "application/json" }
-    }).then(response => {
-        if (response.status == 201) {
-            window.location.href = window.location.href;
-        }
-    })
-}
-- 
cgit 1.4.1