61842beb3b
* ui: Add with-copyable modifier * Use with-copyable modifier for our own CopyButton * Move copy-button styling and remove most of `copy-btn`
56 lines
1.4 KiB
JavaScript
56 lines
1.4 KiB
JavaScript
import Modifier from 'ember-modifier';
|
|
import { inject as service } from '@ember/service';
|
|
import { runInDebug } from '@ember/debug';
|
|
|
|
const typeAssertion = (type, value, withDefault) => {
|
|
return typeof value === type ? value : withDefault;
|
|
};
|
|
export default class WithCopyableModifier extends Modifier {
|
|
@service('clipboard/os') clipboard;
|
|
|
|
hash = null;
|
|
source = null;
|
|
|
|
connect([value], _hash) {
|
|
value = typeAssertion('string', value, this.element.innerText);
|
|
const hash = {
|
|
success: e => {
|
|
runInDebug(_ => console.info(`with-copyable: Copied \`${value}\``));
|
|
return typeAssertion('function', _hash.success, () => {})(e);
|
|
},
|
|
error: e => {
|
|
runInDebug(_ => console.info(`with-copyable: Error copying \`${value}\``));
|
|
return typeAssertion('function', _hash.error, () => {})(e);
|
|
},
|
|
};
|
|
this.source = this.clipboard
|
|
.execute(this.element, {
|
|
text: _ => value,
|
|
...hash.options,
|
|
})
|
|
.on('success', hash.success)
|
|
.on('error', hash.error);
|
|
this.hash = hash;
|
|
}
|
|
|
|
disconnect() {
|
|
if (this.source && this.hash) {
|
|
this.source.off('success', this.hash.success).off('error', this.hash.error);
|
|
|
|
this.source.destroy();
|
|
this.hash = null;
|
|
this.source = null;
|
|
}
|
|
}
|
|
|
|
// lifecycle hooks
|
|
didReceiveArguments() {
|
|
this.disconnect();
|
|
this.connect(this.args.positional, this.args.named);
|
|
}
|
|
|
|
willRemove() {
|
|
this.disconnect();
|
|
}
|
|
}
|