add clipboard support

README.md

@@ -50,6 +50,7 @@ Upload size now limited to 1G
 1. [x] Auto tag version
 1. [x] Custom title support
 1. [x] Support setting from conf file
+1. [x] Quick copy download link
 
 ## Installation
 ```

res/index.tmpl.html

@@ -115,6 +115,9 @@
                                     <span class="hidden-xs">Download</span>
                                     <span class="glyphicon glyphicon-download-alt"></span>
                                 </a>
+                                <button class="btn btn-default btn-xs bstooltip" data-trigger="manual" title="Copied!" data-clipboard-text="{{genDownloadURL(f)}}">
+                                    <img class="clippy" width="12" src="/-/res/imgs/clippy.svg" alt="Copy to clipboard">
+                                </button>
                                 <button class="btn btn-default btn-xs hidden-xs" v-on:click="genQrcode(f.name)">
                                     <span v-if="shouldHaveQrcode(f.name)">QRCode</span>
                                     <span class="glyphicon glyphicon-qrcode"></span>
@@ -198,6 +201,7 @@ <h4 class="modal-title">
     <script src="/-/res/js/moment.min.js"></script>
     <script src="/-/res/js/dropzone.js"></script>
     <script src="/-/res/js/underscore-min.js"></script>
+    <script src="/-/res/js/clipboard-1.5.12.min.js"></script>
     <script src="/-/res/bootstrap-3.3.5/js/bootstrap.min.js"></script>
     <script src="/-/res/js/index.js"></script>
     [[if .GoogleTrackerId ]]

res/js/index.js

@@ -116,6 +116,9 @@ var vm = new Vue({
             });
             $("#qrcode-modal").modal("show");
         },
+        genDownloadURL: function(f) {
+            return location.origin + "/" + f.path;
+        },
         shouldHaveQrcode: function(name) {
             return ['apk', 'ipa'].indexOf(getExtention(name)) !== -1;
         },
@@ -303,4 +306,18 @@ $(function() {
     $.getJSON("/-/sysinfo", function(res) {
         vm.version = res.version;
     })
+
+    var clipboard = new Clipboard('.btn');
+    clipboard.on('success', function(e) {
+        console.info('Action:', e.action);
+        console.info('Text:', e.text);
+        console.info('Trigger:', e.trigger);
+        $(e.trigger)
+            .tooltip('show')
+            .mouseleave(function() {
+                $(this).tooltip('hide');
+            })
+
+        e.clearSelection();
+    });
 });