frontend sketch on pure web

www/js/functions.js

@@ -0,0 +1,46 @@
+function makeid(length) {
+    var result = '';
+    var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+    var charactersLength = characters.length;
+    for ( var i = 0; i < length; i++ ) {
+        result += characters.charAt(Math.floor(Math.random() * charactersLength));
+    }
+    return result;
+}
+
+const imageTypes = {
+  types: [
+    {
+      description: "Images",
+      accept: {
+        "image/*": [".png", ".gif", ".jpeg", ".jpg"],
+      },
+    },
+  ],
+  excludeAcceptAllOption: true,
+  multiple: false,
+};
+
+let fileHandle;
+async function loadImage() {
+  [fileHandle] = await window.showOpenFilePicker(imageTypes);
+  return fileHandle;
+}
+
+function addImage(initiator, target) {
+    loadImage().then(async (result) => {
+        let img = document.createElement("img");
+        img.src = URL.createObjectURL(await result.getFile());
+        document.getElementById(target).appendChild(img);
+        initiator = document.getElementById(initiator);
+        if (initiator) initiator.remove();
+        //document.getElementById(target).addEventListener("click", addImage("", target));
+    });
+}
+
+function json_filter(key,value)
+{
+    if (key=="html") return undefined;
+    //else if (key=="id") return undefined;
+    else return value;
+}