From 5455c21aad4c423827f0235db8c614b28ae3450c Mon Sep 17 00:00:00 2001
From: wuniversales <48658161+wuniversales@users.noreply.github.com>
Date: Sun, 17 Jan 2021 17:58:22 +0100
Subject: [PATCH] Various improvements

- Added option to delete all text.
- Added button to copy the translated text.

Note, you may need visual enhancements.
Note 2, Shall we change the cdn for the jsdelivr ones?
In my opinion it is better, besides open source.
---
 app/templates/index.html | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/app/templates/index.html b/app/templates/index.html
index 52a62bb..67e30a8 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -151,8 +151,16 @@
 							  <div class="indeterminate"></div>
 						  </div></label>
 							 </div>
+							<div style="text-align: right;">
+								<button class="copy" data-clipboard-target="#textarea2" style="display: inline-block;">Copy text</button>
+					    		</div>
 						</div>
 					  </div>
+					<div class="row">
+					    <div style="text-align: right;">
+						<input type="reset" style="display: inline-block;" value="🗑" title="Delete text">
+					    </div>
+					</div>
 					</form>
 			   </div>
 			  </div>
@@ -239,8 +247,11 @@
 window.Prism = window.Prism || {};
 window.Prism.manual = true;
 </script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.22.0/prism.min.js" ></script>
-
+	
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.22.0/prism.min.js"></script>
+	
+<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
+	
 <script>
 // API host/endpoint
 var BaseUrl = window.location.protocol + "//" + window.location.host;
@@ -435,6 +446,16 @@ document.addEventListener('DOMContentLoaded', function(){
 
 });
 
+
+
+var clipboard = new ClipboardJS('.copy');
+clipboard.on('success', function(e) {
+  console.log('Done, text copied.');
+    e.clearSelection();
+});
+clipboard.on('error', function(e) {
+  console.log('Error: '+e);
+});
 </script>
 </body>
-</html>
\ No newline at end of file
+</html>