ytdl-web/pkg/components/paste.templ

37 lines
1.2 KiB
Plaintext

package components
import "go.fifitido.net/ytdl-web/pkg/serverctx"
script pasteClipboard() {
const pasteButton = content.querySelector("#paste-button");
const urlField = content.querySelector("#url");
try {
const text = await navigator.clipboard.readText();
urlField.value = text;
} catch (error) {
toastr.error("Failed to paste url from clipboard.");
}
}
templ PasteButton() {
if serverctx.IsHTTPS(ctx) {
<button id="paste-button" class="btn btn-outline-secondary" type="button" title="Paste" onclick={ pasteClipboard() }>
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
style="width: 1.5rem; height: 1.5rem"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 01-.75.75H9a.75.75 0 01-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2.25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 011.927-.184"
></path>
</svg>
</button>
}
}