@pushword/js-helper 0.0.61 → 0.0.65

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pushword/js-helper",
-    "version": "0.0.61",
+    "version": "0.0.65",
     "description": "Pushword front end helpers. ",
     "author": "Robin@PiedWeb <contact@piedweb.com>",
     "license": "MIT",

package/src/helpers.js

@@ -28,7 +28,9 @@ export function liveBlock(liveBlockAttribute = "data-live", liveFormSelector = "
     };
 
     var getLiveBlock = function (item) {
-        fetch(item.getAttribute(liveBlockAttribute), {
+        var url = item.getAttribute(liveBlockAttribute);
+        url = url.startsWith("e:") ? convertShortchutForLink(rot13ToText(url.substring(2))) : url;
+        fetch(url, {
             //headers: { "Content-Type": "application/json", Accept: "text/plain" },
             method: "POST",
             credentials: "include",
@@ -45,13 +47,14 @@ export function liveBlock(liveBlockAttribute = "data-live", liveFormSelector = "
             });
     };
 
-    var htmlLoader =
-        '<div style="width:1em;height:1em;border: 2px solid #222;border-top-color: #fff;border-radius: 50%;  animation: 1s spin linear infinite;"></div><style>@keyframes spin {from{transform:rotate(0deg)}to{transform:rotate(360deg)}}</style>';
+    const spinner =
+        '<span style="border-top-color: transparent" class="inline-block w-5 h-5 border-4 border-gray-50 border-solid rounded-full animate-spin"></span>';
+    const htmlLoader = "<div class=btn-link>" + spinner + "</div>";
 
     var setLoader = function (form) {
         var $submitButton = getSubmitButton(form);
         if ($submitButton !== undefined) {
-            var initialButton = $submitButton.outerHTML;
+            //var initialButton = $submitButton.outerHTML;
             $submitButton.innerHTML = "";
             $submitButton.outerHTML = htmlLoader;
         }
@@ -95,6 +98,10 @@ export function liveBlock(liveBlockAttribute = "data-live", liveFormSelector = "
     // Listen button src-data-live
     document.querySelectorAll("[src-" + liveBlockAttribute + "]").forEach((item) => {
         item.addEventListener("click", (event) => {
+            if (item.tagName == "BUTTON") {
+                item.innerHTML = spinner;
+                item.setAttribute("disabled", true);
+            }
             btnToBlock(event, item);
         });
     });
@@ -278,13 +285,13 @@ export function convertFormFromRot13(attribute = "data-frot") {
 
 export function convertShortchutForLink(str) {
     if (str.charAt(0) == "-") {
-        return str.replace("-", "http://");
+        return "http://" + str.substring(1);
     }
     if (str.charAt(0) == "_") {
-        return str.replace("_", "https://");
+        return "https://" + str.substring(1);
     }
     if (str.charAt(0) == "@") {
-        return str.replace("@", "mailto:");
+        return "mailto:" + str.substring(1);
     }
     return str;
 }