Merge pull request #190 from colkito/bug/copy-paste-feedback-tooltip
added a tooltip when copy&paste buttons is pressed
This commit is contained in:
commit
dc75747211
|
@ -28,4 +28,5 @@ npm-debug.log
|
||||||
|
|
||||||
.DS_Store
|
.DS_Store
|
||||||
public/lib/*
|
public/lib/*
|
||||||
|
db/*
|
||||||
|
|
||||||
|
|
|
@ -1,21 +1,21 @@
|
||||||
#footer(data-ng-include="'/views/includes/footer.html'", role='navigation')
|
#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='/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/qrcode-generator/js/qrcode.js')
|
||||||
script(type='text/javascript', src='/lib/zeroclipboard/ZeroClipboard.min.js')
|
script(type='text/javascript', src='/lib/zeroclipboard/ZeroClipboard.min.js')
|
||||||
|
|
||||||
//AngularJS
|
//AngularJS
|
||||||
script(type='text/javascript', src='/lib/angular/angular.js')
|
script(type='text/javascript', src='/lib/angular/angular.min.js')
|
||||||
script(type='text/javascript', src='/lib/angular-resource/angular-resource.js')
|
script(type='text/javascript', src='/lib/angular-resource/angular-resource.min.js')
|
||||||
script(type='text/javascript', src='/lib/angular-route/angular-route.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-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
|
//Angular UI
|
||||||
script(type='text/javascript', src='/lib/angular-bootstrap/ui-bootstrap.js')
|
script(type='text/javascript', src='/lib/angular-bootstrap/ui-bootstrap.min.js')
|
||||||
script(type='text/javascript', src='/lib/angular-bootstrap/ui-bootstrap-tpls.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.js')
|
script(type='text/javascript', src='/lib/angular-ui-utils/ui-utils.min.js')
|
||||||
|
|
||||||
//Application Init
|
//Application Init
|
||||||
script(type='text/javascript', src='/js/app.js')
|
script(type='text/javascript', src='/js/app.js')
|
||||||
|
|
|
@ -412,6 +412,14 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||||
width: 30px;
|
width: 30px;
|
||||||
}
|
}
|
||||||
.btn-copy { margin-left: 5px; }
|
.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; }
|
.btn-expand { margin-right: 5px; }
|
||||||
|
|
||||||
@media (max-width: 991px) {
|
@media (max-width: 991px) {
|
||||||
|
|
|
@ -39,6 +39,7 @@ angular.module('insight')
|
||||||
return {
|
return {
|
||||||
restric: 'A',
|
restric: 'A',
|
||||||
scope: { clipCopy: '=clipCopy' },
|
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) {
|
link: function(scope, elm) {
|
||||||
var clip = new ZeroClipboard(elm);
|
var clip = new ZeroClipboard(elm);
|
||||||
|
|
||||||
|
@ -48,6 +49,9 @@ angular.module('insight')
|
||||||
};
|
};
|
||||||
|
|
||||||
client.on('mousedown', onMousedown);
|
client.on('mousedown', onMousedown);
|
||||||
|
client.on('noflash wrongflash', function() {
|
||||||
|
return elm.remove();
|
||||||
|
});
|
||||||
|
|
||||||
scope.$on('$destroy', function() {
|
scope.$on('$destroy', function() {
|
||||||
client.off('mousedown', onMousedown);
|
client.off('mousedown', onMousedown);
|
||||||
|
|
Loading…
Reference in New Issue