added a tooltip when copy&paste buttons is pressed
This commit is contained in:
parent
21caa38ccb
commit
c5fbde45bb
|
@ -28,4 +28,5 @@ npm-debug.log
|
|||
|
||||
.DS_Store
|
||||
public/lib/*
|
||||
db/*
|
||||
|
||||
|
|
|
@ -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')
|
||||
|
|
|
@ -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; }
|
||||
|
|
|
@ -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);
|
||||
|
|
Loading…
Reference in New Issue