membershipworks: Fix script in upcoming events post generator
This commit is contained in:
parent
fb005d419f
commit
1827d10bf4
19
membershipworks/js/upcoming_events_post_generator.entry.ts
Normal file
19
membershipworks/js/upcoming_events_post_generator.entry.ts
Normal file
@ -0,0 +1,19 @@
|
||||
import { Popover } from "bootstrap";
|
||||
|
||||
async function copyToClipboard(event: MouseEvent) {
|
||||
// https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API
|
||||
const data = new ClipboardItem({
|
||||
"text/plain": new Blob([document.getElementById("preview")!.innerHTML], {
|
||||
type: "text/plain",
|
||||
}),
|
||||
});
|
||||
await navigator.clipboard.write([data]);
|
||||
|
||||
let popover = Popover.getInstance(event.target as Element)!;
|
||||
popover.show();
|
||||
setTimeout(() => popover.hide(), 1000);
|
||||
}
|
||||
|
||||
const button = document.getElementById("copy-button")!;
|
||||
new Popover(button, { trigger: "manual" });
|
||||
button.addEventListener("click", copyToClipboard);
|
@ -1,6 +1,11 @@
|
||||
{% extends "base.dj.html" %}
|
||||
|
||||
{% load nh3_tags %}
|
||||
{% load django_vite %}
|
||||
|
||||
{% block vite_extra_assets %}
|
||||
{% vite_asset 'membershipworks/js/upcoming_events_post_generator.entry.ts' %}
|
||||
{% endblock %}
|
||||
|
||||
{% block title %}Upcoming Events{% endblock %}
|
||||
{% block content %}
|
||||
@ -136,25 +141,3 @@
|
||||
</button>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block script %}
|
||||
<script>
|
||||
async function copyToClipboard(event) {
|
||||
// https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API
|
||||
const data = new ClipboardItem({
|
||||
"text/plain": new Blob(
|
||||
[document.getElementById("preview").innerHTML], {
|
||||
type: "text/plain"
|
||||
})
|
||||
});
|
||||
await navigator.clipboard.write([data]);
|
||||
|
||||
bootstrap.Popover.getInstance(event.target).show();
|
||||
setTimeout(() => bootstrap.Popover.getInstance(event.target).hide(), 1000);
|
||||
}
|
||||
const button = document.getElementById("copy-button");
|
||||
const popover = new bootstrap.Popover(button, {
|
||||
trigger: "manual"
|
||||
})
|
||||
button.addEventListener("click", copyToClipboard);
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
Loading…
Reference in New Issue
Block a user