Class ShareForm

docs/bitty-menu.js:3–53

import * as bitty from '/bitty.js';

class ShareForm {
  constructor() {
    
    // element created
  }

  parse(form) { 

    let formData = new FormData(form);
    let formObj = Object.fromEntries(formData);
    console.log("DATA", formObj)

    console.log("object", formObj);
    let url = formData.get("url");
    formData.delete("url")
    let title = formData.get("t");
    formData.delete("t")

    if (!title.length) return;
    let path = `/${dashspaces(title)}/`
    let encodedFields = ["i", "v"];
    formData.forEach((value, key) => {
      if (!value.length) return;
      if (encodedFields.includes(key)) value = btoa(key)
      path += `/${key}/${value}`
    });
    formData.forEach((value, key) => {if (value.length) object[key] = value});
    
    path += "#" + url;
    console.log(path);
    document.getElementById("rurl").value = `https://redirect.app${path}`;
    // history.replaceState(null, path, path);
  }

  render() {
    return el("form#share-form.flex-column",
        el("input", {type: "image", target: "i", class: "thumbnail", onclick: "getURL(this)", src: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='600' viewBox='0 0 1200 600'%3E%%3C/svg%3E%0A"}),
        el("div.flex-row",
          el("div.flex-column",
            el("input", {name: "t", oninput: this.parse, placeholder: "Title"}),
            el("input", {name: "d", oninput: this.parse, placeholder: "Description"}),
            el("input", {id: "i", name: "i", type: "hidden", oninput: this.parse}),
            el("input", {id: "f", name: "i", type: "hidden", oninput: this.parse}),
            el("input", {name: "url", oninput: this.parse, placeholder: "example.com"}),
            el("button", {type: "sumbit", style: "display:none"}, "submit")
          ),
          el("input", {type: "image", src: "", id: "favicon", target: "f", onclick: "getURL(this)", oninput: this.parse, placeholder: "icon"})
        )
    )
  }
}

class Menu {
  /**