Compare commits
6 Commits
9417e28076
...
ed9d6f30c4
| Author | SHA1 | Date |
|---|---|---|
 ekzyis
|
ed9d6f30c4 | |
|
ekzyis
|
2e3e4f02b4 | |
|
ekzyis
|
76bc50355a | |
|
ekzyis
|
e4da49b215 | |
|
ekzyis
|
9df7ce8338 | |
|
ekzyis
|
9296bd5866 |
|
|
@ -2,6 +2,17 @@ package pages
|
|||
|
||||
import "git.ekzyis.com/ekzyis/delphi.market/server/router/pages/components"
|
||||
|
||||
/**
|
||||
* TODO: explain how delphi.market works:
|
||||
* - how to create a market
|
||||
* - why you need to pay for a market
|
||||
* - how the outcome of a market is determined (oracle model)
|
||||
* - how (avg) price is calculated (LMSR)
|
||||
* - what shares are and how much they are worth
|
||||
* - risks: censorship, custodial model etc.
|
||||
* - future plans
|
||||
*/
|
||||
|
||||
templ About() {
|
||||
<html>
|
||||
@components.Head()
|
||||
|
|
|
|||
|
|
@ -28,5 +28,9 @@ templ Head() {
|
|||
if ctx.Value(c.EnvContextKey) == "development" {
|
||||
<script defer src="/js/hotreload.js"></script>
|
||||
}
|
||||
<script type="text/javascript">
|
||||
// helper functions
|
||||
var $ = selector => document.querySelector(selector)
|
||||
</script>
|
||||
</head>
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,23 +1,22 @@
|
|||
package components
|
||||
|
||||
import (
|
||||
"fmt"
|
||||
)
|
||||
import "fmt"
|
||||
|
||||
templ Invoice(hash string, bolt11 string, msats int, expiresIn int, paid bool, redirectUrl templ.SafeURL) {
|
||||
<div class="p-5 border border-muted bg-background text-center font-mono">
|
||||
<div id="close" class="flex justify-end"><button class="w-fit text-muted hitbox hover:text-reset">X</button></div>
|
||||
<div>Payment Required</div>
|
||||
<div class="my-1">@Qr(bolt11, "lightning:"+bolt11)</div>
|
||||
<div class="my-1">
|
||||
@Qr(bolt11, "lightning:"+bolt11)
|
||||
</div>
|
||||
<div class="my-1">{ format(msats) }</div>
|
||||
@InvoiceStatus(hash, expiresIn, paid, redirectUrl)
|
||||
<div class="none" id="bolt11-data" bolt11-data={ templ.JSONString(bolt11) } hx-preserve></div>
|
||||
<script type="text/javascript" id="bolt11-js" hx-preserve>
|
||||
var $ = selector => document.querySelector(selector)
|
||||
$("#close").addEventListener("click", function () {
|
||||
htmx.on("#close", "click", function () {
|
||||
// abort in-flight polls and prevent new polls
|
||||
htmx.trigger("#poll", "htmx:abort")
|
||||
$("#poll").addEventListener("htmx:beforeRequest", e => e.preventDefault())
|
||||
htmx.on("#poll", "htmx:beforeRequest", function (e) { e.preventDefault() })
|
||||
})
|
||||
</script>
|
||||
</div>
|
||||
|
|
@ -26,6 +25,7 @@ templ Invoice(hash string, bolt11 string, msats int, expiresIn int, paid bool, r
|
|||
templ InvoiceStatus(hash string, expiresIn int, paid bool, redirectUrl templ.SafeURL) {
|
||||
if paid {
|
||||
<div class="font-mono neon success my-1">PAID</div>
|
||||
<!-- TODO: show timer for redirect -->
|
||||
<div
|
||||
id="poll"
|
||||
hx-get={ string(redirectUrl) }
|
||||
|
|
@ -34,15 +34,14 @@ templ InvoiceStatus(hash string, expiresIn int, paid bool, redirectUrl templ.Saf
|
|||
hx-swap="outerHTML"
|
||||
hx-select="#content"
|
||||
hx-push-url="true"
|
||||
hx-select-oob="#modal" />
|
||||
}
|
||||
else if expiresIn <= 0 {
|
||||
hx-select-oob="#modal"
|
||||
></div>
|
||||
} else if expiresIn <= 0 {
|
||||
<div class="font-mono neon error my-1">EXPIRED</div>
|
||||
} else {
|
||||
<!-- invoice is pending -->
|
||||
<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>
|
||||
var $ = selector => document.querySelector(selector)
|
||||
var expiresIn = JSON.parse($("#countdown").getAttribute("countdown-data"))
|
||||
|
||||
function pad(num, places) {
|
||||
|
|
@ -71,7 +70,8 @@ templ InvoiceStatus(hash string, expiresIn int, paid bool, redirectUrl templ.Saf
|
|||
hx-trigger="load delay:1s"
|
||||
hx-target="#modal"
|
||||
hx-swap="outerHTML"
|
||||
hx-select="#modal" />
|
||||
hx-select="#modal"
|
||||
></div>
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,9 +1,8 @@
|
|||
package components
|
||||
|
||||
import (
|
||||
"git.ekzyis.com/ekzyis/delphi.market/types"
|
||||
|
||||
"fmt"
|
||||
"git.ekzyis.com/ekzyis/delphi.market/types"
|
||||
"strconv"
|
||||
)
|
||||
|
||||
|
|
@ -18,7 +17,7 @@ templ MarketForm(m types.Market, outcome int, q types.MarketQuote, uQ int) {
|
|||
hx-select="#modal"
|
||||
>
|
||||
<input type="hidden" name="o" value={ fmt.Sprint(outcome) }/>
|
||||
<div class="none col-span-2 htmx-request" />
|
||||
<div class="none col-span-2 htmx-request"></div>
|
||||
<label for="p">avg price per share:</label>
|
||||
<div id="p">{ formatPrice(q.AvgPrice) }</div>
|
||||
<label for="q">how many?</label>
|
||||
|
|
|
|||
|
|
@ -13,8 +13,7 @@ templ Modal(component templ.Component) {
|
|||
@component
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var $ = selector => document.querySelector(selector)
|
||||
$("#close").addEventListener("click", function () {
|
||||
htmx.on("#close", "click", function () {
|
||||
$("#modal").removeAttribute("class")
|
||||
$("#modal").setAttribute("class", "hidden")
|
||||
$("#modal").innerHTML = ""
|
||||
|
|
|
|||
|
|
@ -26,13 +26,12 @@ templ Qr(value string, href string) {
|
|||
templ CopyButton(value string) {
|
||||
<div class="none" id="copy-data" copy-data={ templ.JSONString(value) } hx-preserve></div>
|
||||
<script type="text/javascript" id="copy-js" hx-preserve>
|
||||
var $ = selector => document.querySelector(selector)
|
||||
var value = JSON.parse($("#copy-data").getAttribute("copy-data"))
|
||||
$("#copy").onclick = function () {
|
||||
htmx.on("#copy", "click", function () {
|
||||
window.navigator.clipboard.writeText(value)
|
||||
$("#copy").textContent = "copied"
|
||||
setTimeout(() => $("#copy").textContent = "copy", 1000)
|
||||
}
|
||||
})
|
||||
</script>
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,11 +1,12 @@
|
|||
package pages
|
||||
|
||||
import (
|
||||
"fmt"
|
||||
c "git.ekzyis.com/ekzyis/delphi.market/server/router/context"
|
||||
"git.ekzyis.com/ekzyis/delphi.market/server/router/pages/components"
|
||||
"git.ekzyis.com/ekzyis/delphi.market/types"
|
||||
"fmt"
|
||||
"github.com/dustin/go-humanize"
|
||||
"time"
|
||||
)
|
||||
|
||||
templ Index(markets []types.Market) {
|
||||
|
|
@ -74,6 +75,7 @@ templ Index(markets []types.Market) {
|
|||
class="my-1 p-1 text-black"
|
||||
autocomplete="off"
|
||||
required
|
||||
min={ minDate() }
|
||||
/>
|
||||
<button type="submit" class="mt-3">submit</button>
|
||||
</form>
|
||||
|
|
@ -86,6 +88,10 @@ templ Index(markets []types.Market) {
|
|||
</html>
|
||||
}
|
||||
|
||||
func minDate() string {
|
||||
return time.Now().Add(24 * time.Hour).Format("2006-01-02")
|
||||
}
|
||||
|
||||
func tabStyle(path string, tab string) string {
|
||||
class := "!no-underline"
|
||||
if path == tab {
|
||||
|
|
|
|||
|
|
@ -7,14 +7,14 @@ import (
|
|||
)
|
||||
|
||||
// TODO: Add countdown? Use or at least show somewhere precise timestamps?
|
||||
|
||||
templ Market(m types.Market, q0 types.MarketQuote, q1 types.MarketQuote, uQ0 int, uQ1 int) {
|
||||
<html>
|
||||
@components.Head()
|
||||
<body
|
||||
x-data="{ outcome: undefined }"
|
||||
class="container"
|
||||
hx-preserve>
|
||||
hx-preserve
|
||||
>
|
||||
@components.Nav()
|
||||
<div id="content" class="flex flex-col">
|
||||
<small>
|
||||
|
|
@ -23,7 +23,7 @@ templ Market(m types.Market, q0 types.MarketQuote, q1 types.MarketQuote, uQ0 int
|
|||
<div class="text-center font-bold my-1">{ m.Question }</div>
|
||||
<div class="text-center text-muted my-1">{ humanize.Time(m.EndDate) }</div>
|
||||
<div class="text-center text-muted my-1"></div>
|
||||
<blockquote cite="ekzyis" class="p-4 mb-4 border-s-4 border-muted">
|
||||
<blockquote class="p-4 mb-4 border-s-4 border-muted">
|
||||
if m.Description != "" {
|
||||
{ m.Description }
|
||||
} else {
|
||||
|
|
@ -55,11 +55,9 @@ templ Market(m types.Market, q0 types.MarketQuote, q1 types.MarketQuote, uQ0 int
|
|||
@components.MarketForm(m, 0, q0, uQ0)
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@components.Modal(nil)
|
||||
@components.Footer()
|
||||
</body>
|
||||
</html>
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -29,7 +29,9 @@ templ User(user *types.User) {
|
|||
<div class="font-bold">joined</div>
|
||||
<div>{ user.CreatedAt.Format(time.DateOnly) }</div>
|
||||
<div class="font-bold">sats</div>
|
||||
<!-- TODO: implement withdrawal of sats -->
|
||||
<div>{ strconv.Itoa(int(user.Msats) / 1000) }</div>
|
||||
<!-- TODO: add WebLN and NWC for send+recv -->
|
||||
<button hx-post="/logout" class="col-span-2">logout</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue