ekzyis
/
delphi.market
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Define jQuery helper in head

This commit is contained in:
ekzyis 2024-09-05 23:20:07 +02:00
parent e4da49b215
commit 76bc50355a
4 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
server/router/pages/components/head.templ
View File

@ -28,5 +28,9 @@ templ Head() {
if ctx.Value(c.EnvContextKey) == "development" { if ctx.Value(c.EnvContextKey) == "development" {
<script defer src="/js/hotreload.js"></script> <script defer src="/js/hotreload.js"></script>
} }
<script type="text/javascript">
// helper functions
var $ = selector => document.querySelector(selector)
</script>
</head> </head>
} }

2
server/router/pages/components/invoice.templ
View File

@ -13,7 +13,6 @@ templ Invoice(hash string, bolt11 string, msats int, expiresIn int, paid bool, r
@InvoiceStatus(hash, expiresIn, paid, redirectUrl) @InvoiceStatus(hash, expiresIn, paid, redirectUrl)
<div class="none" id="bolt11-data" bolt11-data={ templ.JSONString(bolt11) } hx-preserve></div> <div class="none" id="bolt11-data" bolt11-data={ templ.JSONString(bolt11) } hx-preserve></div>
<script type="text/javascript" id="bolt11-js" hx-preserve> <script type="text/javascript" id="bolt11-js" hx-preserve>
var $ = selector => document.querySelector(selector)
$("#close").addEventListener("click", function () { $("#close").addEventListener("click", function () {
// abort in-flight polls and prevent new polls // abort in-flight polls and prevent new polls
htmx.trigger("#poll", "htmx:abort") htmx.trigger("#poll", "htmx:abort")
@ -42,7 +41,6 @@ templ InvoiceStatus(hash string, expiresIn int, paid bool, redirectUrl templ.Saf
<!-- invoice is pending --> <!-- invoice is pending -->
<div class="font-mono my-1" id="countdown" countdown-data={ templ.JSONString(expiresIn) } hx-preserve></div> <div class="font-mono my-1" id="countdown" countdown-data={ templ.JSONString(expiresIn) } hx-preserve></div>
<script type="text/javascript" id="countdown-js" hx-preserve> <script type="text/javascript" id="countdown-js" hx-preserve>
var $ = selector => document.querySelector(selector)
var expiresIn = JSON.parse($("#countdown").getAttribute("countdown-data")) var expiresIn = JSON.parse($("#countdown").getAttribute("countdown-data"))
function pad(num, places) { function pad(num, places) {

1
server/router/pages/components/modal.templ
View File

@ -13,7 +13,6 @@ templ Modal(component templ.Component) {
@component @component
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
var $ = selector => document.querySelector(selector)
$("#close").addEventListener("click", function () { $("#close").addEventListener("click", function () {
$("#modal").removeAttribute("class") $("#modal").removeAttribute("class")
$("#modal").setAttribute("class", "hidden") $("#modal").setAttribute("class", "hidden")

1
server/router/pages/components/qr.templ
View File

@ -26,7 +26,6 @@ templ Qr(value string, href string) {
templ CopyButton(value string) { templ CopyButton(value string) {
<div class="none" id="copy-data" copy-data={ templ.JSONString(value) } hx-preserve></div> <div class="none" id="copy-data" copy-data={ templ.JSONString(value) } hx-preserve></div>
<script type="text/javascript" id="copy-js" hx-preserve> <script type="text/javascript" id="copy-js" hx-preserve>
var $ = selector => document.querySelector(selector)
var value = JSON.parse($("#copy-data").getAttribute("copy-data")) var value = JSON.parse($("#copy-data").getAttribute("copy-data"))
$("#copy").onclick = function () { $("#copy").onclick = function () {
window.navigator.clipboard.writeText(value) window.navigator.clipboard.writeText(value)