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.
This commit is contained in:
wuniversales 2021-01-17 17:58:22 +01:00 committed by GitHub
parent e673bd76a2
commit 5455c21aad
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -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,7 +247,10 @@
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
@ -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>