34 lines
924 B
JavaScript
34 lines
924 B
JavaScript
|
import { Controller } from "/vendor/hotwired/stimulus.js";
|
||
|
|
|
||
|
|
export default class extends Controller {
|
||
|
|
static values = {
|
||
|
|
text: String,
|
||
|
|
successMessage: { type: String, default: "Copied to clipboard" },
|
||
|
|
};
|
||
|
|
|
||
|
|
async copy(event) {
|
||
|
|
event.preventDefault();
|
||
|
|
if (!this.hasTextValue) return;
|
||
|
|
|
||
|
|
try {
|
||
|
|
await navigator.clipboard.writeText(this.textValue);
|
||
|
|
} catch {
|
||
|
|
const input = document.createElement("textarea");
|
||
|
|
input.value = this.textValue;
|
||
|
|
input.setAttribute("readonly", "");
|
||
|
|
input.style.position = "fixed";
|
||
|
|
input.style.opacity = "0";
|
||
|
|
document.body.appendChild(input);
|
||
|
|
input.select();
|
||
|
|
document.execCommand("copy");
|
||
|
|
input.remove();
|
||
|
|
}
|
||
|
|
|
||
|
|
window.showToast?.(this.successMessageValue, "success");
|
||
|
|
this.element.dispatchEvent(new CustomEvent("clipboard:copied", {
|
||
|
|
bubbles: true,
|
||
|
|
detail: { text: this.textValue },
|
||
|
|
}));
|
||
|
|
}
|
||
|
|
}
|