zcash-hackworks
/
insight-ui-zcash
mirror of https://github.com/zcash-hackworks/insight-ui-zcash.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

added a tooltip when copy&paste buttons is pressed

This commit is contained in:
Mario Colque 2014-02-06 12:57:15 -03:00
parent 21caa38ccb
commit c5fbde45bb
4 changed files with 21 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

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

16
app/views/includes/foot.jade
View File

@ -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')

8
public/css/common.css
View File

@ -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; }

4
public/js/directives.js
View File

@ -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);