From e57f58fec795ac3f9460b0fb7f279a8c11e08ad1 Mon Sep 17 00:00:00 2001
From: daemon1024 <barun1024@gmail.com>
Date: Sun, 11 Jul 2021 01:45:50 +0530
Subject: [PATCH 1/5] Add form for new spreadsheet layer

---
 example/form.html | 79 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 79 insertions(+)
 create mode 100644 example/form.html
diff --git a/example/form.html b/example/form.html
new file mode 100644
index 000000000..171a6edd2
--- /dev/null
+++ b/example/form.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>New Spreadsheet Layer</title>
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
+      crossorigin="anonymous"
+    />
+  </head>
+  <body class="container">
+    <h3>New Spreadsheet Layer</h3>
+    <p>
+      Automatically Generate Spreadsheet Layer for Leaflet-Environmental-Layers.
+    </p>
+    <form id="form" class="form">
+      <label for="layerName">Layer Name: </label>
+      <input
+        type="text"
+        id="layerName"
+        name="name"
+        placeholder="Enter name of the new Layer"
+        class="form-control mb-2"
+        required
+      />
+      <label for="layerURL">Spreadsheet URL: </label>
+      <input
+        type="text"
+        id="layerURL"
+        name="url"
+        placeholder="Enter Spreadsheet URL of the new Layer"
+        class="form-control mb-2"
+        required
+      />
+      <button class="btn btn-primary" type="submit" id="go">Go</button>
+    </form>
+    <br />
+    <div style="display: none" id="steps">
+      <p>
+        <textarea class="form-control" id="json-textarea">
+        Loading JSON Data  . . .</textarea
+        >
+      </p>
+      <p>
+        Kindly copy the contents on the above block and
+        <a
+          href="https://github.com/daemon1024/leaflet-environmental-layers/issues/new?assignees=&labels=new+layer&template=new-spreadsheet-layer.md&title=%5BNew+Spreadsheet+Layer%5D%3A+"
+          ><button class="btn btn-primary">Open a Github Issue Here</button></a
+        >
+      </p>
+    </div>
+    <script>
+      window.addEventListener("load", function () {
+        function sendData() {
+          const FD = new FormData(form);
+          let result = JSON.stringify(Object.fromEntries(FD));
+          steps.style.display = "block";
+          textarea.value = result;
+        }
+
+        // Access the form element...
+        const form = document.getElementById("form");
+        let textarea = document.getElementById("json-textarea");
+        let steps = document.getElementById("steps");
+
+        // ...and take over its submit event.
+        form.addEventListener("submit", function (event) {
+          event.preventDefault();
+
+          sendData();
+        });
+      });
+    </script>
+  </body>
+</html>

From 73c0736acd49b419e9753bb72c6645ee19beb2ad Mon Sep 17 00:00:00 2001
From: daemon1024 <barun1024@gmail.com>
Date: Mon, 9 Aug 2021 18:17:00 +0000
Subject: [PATCH 2/5] Add reference to template spreadsheet

---
 example/form.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/example/form.html b/example/form.html
index 171a6edd2..239aa1505 100644
--- a/example/form.html
+++ b/example/form.html
@@ -28,6 +28,8 @@ <h3>New Spreadsheet Layer</h3>
         required
       />
       <label for="layerURL">Spreadsheet URL: </label>
+      <br>
+      <small class="form-text text-muted">Here's a <a href="https://docs.google.com/spreadsheets/d/1J9rqD-JfbGt5AdBYIpkeBZxetURSnIjlajkEX-aYvSk/edit#gid=0">template spreadsheet</a> which you can copy and then modify according to your needs. </small>
       <input
         type="text"
         id="layerURL"

From 4d28ffb63d49c2f57b6b30a987becbbff7755209 Mon Sep 17 00:00:00 2001
From: daemon1024 <barun1024@gmail.com>
Date: Mon, 9 Aug 2021 18:17:23 +0000
Subject: [PATCH 3/5] make textarea readonly

---
 example/form.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/example/form.html b/example/form.html
index 239aa1505..b5f8b0bcf 100644
--- a/example/form.html
+++ b/example/form.html
@@ -43,7 +43,7 @@ <h3>New Spreadsheet Layer</h3>
     <br />
     <div style="display: none" id="steps">
       <p>
-        <textarea class="form-control" id="json-textarea">
+        <textarea class="form-control" id="json-textarea" readonly>
         Loading JSON Data  . . .</textarea
         >
       </p>

From ecf484c53cd68da11bb3978dff4912d4f8a7c9db Mon Sep 17 00:00:00 2001
From: daemon1024 <barun1024@gmail.com>
Date: Mon, 9 Aug 2021 18:27:13 +0000
Subject: [PATCH 4/5] Add copy button to copy the required data

---
 example/form.html | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/example/form.html b/example/form.html
index b5f8b0bcf..0b0410ee7 100644
--- a/example/form.html
+++ b/example/form.html
@@ -48,7 +48,7 @@ <h3>New Spreadsheet Layer</h3>
         >
       </p>
       <p>
-        Kindly copy the contents on the above block and
+        Kindly <button class="copy btn btn-success">Copy</button> the contents on the above block and
         <a
           href="https://github.com/daemon1024/leaflet-environmental-layers/issues/new?assignees=&labels=new+layer&template=new-spreadsheet-layer.md&title=%5BNew+Spreadsheet+Layer%5D%3A+"
           ><button class="btn btn-primary">Open a Github Issue Here</button></a
@@ -75,6 +75,13 @@ <h3>New Spreadsheet Layer</h3>
 
           sendData();
         });
+
+        const copyText=document.querySelector('.copy');
+        copyText.addEventListener('click', ()=>{
+            textarea.select();
+            document.execCommand('copy');
+        });
+
       });
     </script>
   </body>

From b39a9d62900072eb8df70b141a51aaf91c2cb819 Mon Sep 17 00:00:00 2001
From: daemon1024 <barun1024@gmail.com>
Date: Mon, 9 Aug 2021 18:30:38 +0000
Subject: [PATCH 5/5] Update issue template link to publiclab repo

---
 example/form.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/example/form.html b/example/form.html
index 0b0410ee7..dcad53571 100644
--- a/example/form.html
+++ b/example/form.html
@@ -50,7 +50,7 @@ <h3>New Spreadsheet Layer</h3>
       <p>
         Kindly <button class="copy btn btn-success">Copy</button> the contents on the above block and
         <a
-          href="https://github.com/daemon1024/leaflet-environmental-layers/issues/new?assignees=&labels=new+layer&template=new-spreadsheet-layer.md&title=%5BNew+Spreadsheet+Layer%5D%3A+"
+          href="https://github.com/publiclab/leaflet-environmental-layers/issues/new?assignees=&labels=new+layer&template=new-spreadsheet-layer.md&title=%5BNew+Spreadsheet+Layer%5D%3A+"
           ><button class="btn btn-primary">Open a Github Issue Here</button></a
         >
       </p>
