mirror of https://github.com/rancher/ui.git
60 lines
1.3 KiB
JavaScript
60 lines
1.3 KiB
JavaScript
import Ember from 'ember';
|
|
import { isSafari } from 'ui/utils/platform';
|
|
|
|
const DELAY = 1000;
|
|
|
|
export default Ember.Component.extend({
|
|
tagName : 'div',
|
|
classNames : ['copy-button-container', 'inline-block'],
|
|
buttonText : null,
|
|
tooltipText : null,
|
|
status : null,
|
|
size : null,
|
|
target : null,
|
|
clipboardText : null,
|
|
textChangedEvent : null,
|
|
|
|
bootstrap: function() {
|
|
this.set('tooltipText', 'Copy To Clipboard');
|
|
}.on('init'),
|
|
|
|
click: function(evt) {
|
|
this.set('textChangedEvent', Ember.$(evt.currentTarget));
|
|
},
|
|
|
|
isSupported: function() {
|
|
return this.get('clipboardText.length') && (!isSafari || document.queryCommandSupported('copy'));
|
|
}.property('clipboardText'),
|
|
|
|
actions: {
|
|
alertSuccess: function() {
|
|
this.set('status', 'success');
|
|
let orig = this.get('tooltipText');
|
|
this.set('tooltipText', 'Copied!');
|
|
|
|
Ember.run.later(() =>{
|
|
this.set('status', null);
|
|
this.set('tooltipText', orig);
|
|
}, DELAY);
|
|
},
|
|
},
|
|
|
|
buttonClasses: Ember.computed('status', function() {
|
|
let status = this.get('status');
|
|
let out = '';
|
|
|
|
if (status) {
|
|
out = `btn btn-success`;
|
|
} else {
|
|
out = `btn btn-primary`;
|
|
}
|
|
|
|
if (this.get('size')) {
|
|
out = `${out} small btn-link`;
|
|
}
|
|
|
|
return out;
|
|
|
|
}),
|
|
});
|