detect key from longer URL (publiclab#1175)

* detect key from longer URL * detect key from longer URL Co-authored-by: 7malikk <7malikk@gmail.com> * fixes * made a more flexible function to handle url * updates * made a more flexible function to handle url * made new function extractKey * replace 'http:' to https: * updated http functionality Co-authored-by: 7malikk <7malikk@gmail.com> Co-authored-by: Jeffrey Warren <jeff@unterbahn.com>
vanithaak · Nov 5, 2022 · 84062f7 · 84062f7
1 parent ae390d1
commit 84062f7
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 4 deletions.
diff --git a/dist/leaflet.distortableimage.js b/dist/leaflet.distortableimage.js
diff --git a/examples/archive.html b/examples/archive.html
@@ -98,7 +98,33 @@ <h3 id="offcanvasRightLabel">Images</h3>
 
     form.addEventListener('submit', (event) => {
       event.preventDefault();
-      const url = input.value.replace('details', 'metadata');
+      extractKey();
+    });
+
+    welcomeModal.addEventListener('hidden.bs.modal', (event) => {
+      new bootstrap.Offcanvas(sidebar).show();
+    });
+
+    function extractKey() {
+      let getUrl;
+      if(!input.value.includes('archive.org/details/') && !input.value.includes('https://'))
+      {
+        getUrl = `https://archive.org/details/${input.value}/`;
+        showImages(getUrl); 
+      }
+      else if(!input.value.includes('https://')) {
+        getUrl = `https://${input.value}`;
+        showImages(getUrl);   
+      }
+      else
+      {
+        getUrl = input.value;
+        showImages(getUrl)
+      }
+    }
+
+    function showImages(getUrl) {
+      const url = getUrl.replace('details', 'metadata');
       let fetchedFrom
       axios.get(url)
         .then((response) => {
@@ -139,7 +165,7 @@ <h3 id="offcanvasRightLabel">Images</h3>
         .finally(() => {
           bootstrap.Modal.getInstance(welcomeModal).hide();
         });
-    });
+    }
 
     welcomeModal.addEventListener('hidden.bs.modal', (event) => {
         new bootstrap.Offcanvas(sidebar).show();