added a tooltip when copy&paste buttons is pressed

.gitignore

@@ -28,4 +28,5 @@ npm-debug.log
 
 .DS_Store
 public/lib/*
+db/*
 

app/views/includes/foot.jade

@@ -1,21 +1,21 @@
 #footer(data-ng-include="'/views/includes/footer.html'", role='navigation')
 
 script(type='text/javascript', src='/socket.io/socket.io.js')
-script(type='text/javascript', src='/lib/momentjs/moment.js')
+script(type='text/javascript', src='/lib/momentjs/min/moment.min.js')
 script(type='text/javascript', src='/lib/qrcode-generator/js/qrcode.js')
 script(type='text/javascript', src='/lib/zeroclipboard/ZeroClipboard.min.js')
 
 //AngularJS
-script(type='text/javascript', src='/lib/angular/angular.js')
-script(type='text/javascript', src='/lib/angular-resource/angular-resource.js')
-script(type='text/javascript', src='/lib/angular-route/angular-route.js')
+script(type='text/javascript', src='/lib/angular/angular.min.js')
+script(type='text/javascript', src='/lib/angular-resource/angular-resource.min.js')
+script(type='text/javascript', src='/lib/angular-route/angular-route.min.js')
 script(type='text/javascript', src='/lib/angular-qrcode/qrcode.js')
-script(type='text/javascript', src='/lib/angular-animate/angular-animate.js')
+script(type='text/javascript', src='/lib/angular-animate/angular-animate.min.js')
 
 //Angular UI
-script(type='text/javascript', src='/lib/angular-bootstrap/ui-bootstrap.js')
-script(type='text/javascript', src='/lib/angular-bootstrap/ui-bootstrap-tpls.js')
-script(type='text/javascript', src='/lib/angular-ui-utils/ui-utils.js')
+script(type='text/javascript', src='/lib/angular-bootstrap/ui-bootstrap.min.js')
+script(type='text/javascript', src='/lib/angular-bootstrap/ui-bootstrap-tpls.min.js')
+script(type='text/javascript', src='/lib/angular-ui-utils/ui-utils.min.js')
 
 //Application Init
 script(type='text/javascript', src='/js/app.js')

public/css/common.css

@@ -411,6 +411,14 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   width: 30px;
 }
 .btn-copy { margin-left: 5px; }
+.btn-copy .tooltip {
+  display: inline-block;
+  margin-left: 10px;
+  margin-top: -2px;
+  opacity: 0;
+}
+.btn-copy.zeroclipboard-is-hover { color: #2a6496; }
+.btn-copy.zeroclipboard-is-active .tooltip { opacity: 1; }
 .btn-expand { margin-right: 5px; }
 
 .transaction-vin-vout .ellipsis { margin-bottom: 10px; }

public/js/directives.js

@@ -39,6 +39,7 @@ angular.module('insight')
     return {
       restric: 'A',
       scope: { clipCopy: '=clipCopy' },
+      template: '<span class="glyphicon glyphicon-paperclip"></span><div class="tooltip fade right in"><div class="tooltip-arrow"></div><div class="tooltip-inner">Copied!</div></div>',
       link: function(scope, elm) {
         var clip = new ZeroClipboard(elm);
 
@@ -48,6 +49,9 @@ angular.module('insight')
           };
 
           client.on('mousedown', onMousedown);
+          client.on('noflash wrongflash', function() {
+            return elm.remove();
+          });
 
           scope.$on('$destroy', function() {
             client.off('mousedown', onMousedown);