added copy button

Adamkadaban · Nov 29, 2020 · 92584d0 · 92584d0
1 parent 9f8ee12
commit 92584d0
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/_includes/bin_table.html b/_includes/bin_table.html
@@ -37,7 +37,7 @@ <h3>What you have:</h3>
         <tbody>
             {% for file in site.wadcoms %}
             <tr>
-		    <td><div class="bin-name"><a href="{{ file.url }}" style="text-decoration: none; color: DarkGreen;">{% include get_code.html page_test=file %}</a></div><p style="margin-top: -12px;">{% include filter_list.html bin=file %}</p></td>
+		    <td><div class="bin-name"><a href="{{ file.url }}" id="{{ file.url }}" style="text-decoration: none; color: DarkGreen;">{% include get_code.html page_test=file %}</a><a href="javascript:void(0)" onClick="copyFunction('{{ file.url }}')" style="float: right;"><img src="/assets/copy-button.svg" alt="Copy" title="Copy" id="{{ file.url }}_img"/></a></div><p style="margin-top: -12px;">{% include filter_list.html bin=file %}</p></td>
             </tr>
             {% endfor %}
         </tbody>
@@ -49,6 +49,18 @@ <h3>What you have:</h3>
 
 <script>
 
+ function copyFunction(file_url) {
+	 var copyCommand = document.getElementById(file_url);
+
+	 navigator.clipboard.writeText(copyCommand.innerText).then(() => {
+		 document.getElementById(file_url + "_img").alt = "Copied";
+		 document.getElementById(file_url + "_img").title = "Copied";
+	 }, () => {
+		 console.log("copy failed");
+	 });
+
+ }
+
  function handleChange(checkbox, label) {
 	 if (checkbox.checked == true) {
 		 document.getElementById(label).className = 'match';

diff --git a/assets/copy-button.svg b/assets/copy-button.svg