add links

public/css/data.css

@@ -9,6 +9,7 @@
 #title{
   float:left;
   padding:20px;
+  position:absolute;
 }
 #version-tag{
   font-size: 20px;

public/css/main.css

@@ -44,6 +44,14 @@ html, body, #viewDiv{
     -moz-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.15);
     box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.15);
 }
+.copy-link{
+    background-color: var(--theme2);
+    -webkit-text-fill-color:white;
+    padding: 10px;
+}
+.copy-link:hover{
+    background-color: var(--theme3);
+}
 .nav-view-button:hover{
     background-color: var(--theme3);
 }
@@ -157,4 +165,5 @@ html, body, #viewDiv{
     0% { background-color: var(--datacolor2);; box-shadow: 0 0 3px var(--datacolor2);; }
     50% { background-color: var(--datacolor1);; box-shadow: 0 0 20px var(--datacolor1);; }
     100% { background-color: var(--datacolor2);; box-shadow: 0 0 3px var(--datacolor2);; }
-  }
+  }
\ No newline at end of file
+

public/js/util.js

@@ -266,7 +266,7 @@ function buildQuery(){
             query_string += query_selection[3][x];
         }
     }
-    document.getElementById('data-prompt').innerHTML = "Query Permalink: " + query_string;
+    document.getElementById('data-prompt').innerHTML = "<span class='copy-link' onclick='copyToClipboard(" + '"' + query_string + '"' + ")'>" + query_string + "</span>";
 }
 function removeQuery(){
     query_type = null;
@@ -338,4 +338,15 @@ function createCSV(){
     document.body.appendChild(link); // Required for FF
     
     link.click(); // This will download the data file named "my_data.csv".
-}
+}
\ No newline at end of file
+
+// for copying permalinks
+function copyToClipboard(text)
+{
+    var dummy = document.createElement("input");
+    document.body.appendChild(dummy);
+    dummy.setAttribute('value', text);
+    dummy.select();
+    document.execCommand('copy');
+    document.body.removeChild(dummy);
+}

views/index.ejs

@@ -13,6 +13,8 @@
         <script src="https://cdn.jsdelivr.net/npm/hammerjs@2.0.8"></script>
         <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-zoom@0.7.4"></script>
         <script src="https://js.arcgis.com/4.21/"></script>
+          
+     
 
         <script type="text/javascript" src="js/map.js"></script>
         <script type="text/javascript" src="js/data.js"></script>