delphi.market/server/router/pages/market.templ

package pages

import (
	"git.ekzyis.com/ekzyis/delphi.market/server/router/pages/components"
	"git.ekzyis.com/ekzyis/delphi.market/types"
	"github.com/dustin/go-humanize"
)

// 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
		>
			@components.Nav()
			<div id="content" class="flex flex-col">
				<div class="text-center font-bold my-1 mt-3">{ 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>
				<div class="flex justify-center w-full max-h-64 my-3"><canvas id="chart"></canvas></div>
				<script src="/js/bundle.min.js"></script>
				<blockquote class="p-4 mb-4 border-s-4 border-muted">
					if m.Description != "" {
						{ m.Description }
					} else {
						&lt;empty&gt;
					}
					<div class="text-muted text-right pt-4">― { m.User.Name }, { humanize.Time(m.CreatedAt) }</div>
				</blockquote>
				<div class="flex flex-col justify-center my-1">
					<div class="flex flex-row justify-center">
						<button
							class="neon success mx-1"
							x-on:click="outcome = outcome === 1 ? undefined : 1"
							:class="{ 'active' : outcome === 1 }"
						>
							BET YES
						</button>
						<button
							class="neon error mx-1"
							x-on:click="outcome = outcome === 0 ? undefined : 0"
							:class="{ 'active' : outcome === 0 }"
						>
							BET NO
						</button>
					</div>
					<div class="mx-auto my-5" x-show="outcome === 1">
						@components.MarketForm(m, 1, q1, uQ1)
					</div>
					<div class="mx-auto my-5" x-show="outcome === 0">
						@components.MarketForm(m, 0, q0, uQ0)
					</div>
				</div>
			</div>
			@components.Modal(nil)
			@components.Footer()
		</body>
	</html>
}
Add market form + page * market form with question, description and end date * markets cost 1k sats * a goroutine polls pending invoices from the db and checks LND for their status * markets are listed on front page (after paid) * market page contains buttons to bet yes or no * users have names now TODO: * show correct market percentage * show how percentage changed over time in chart * validate end date * implement betting / order form 2024-07-15 10:57:51 +00:00			`package pages`

			`import (`
Fix missing formatting 2024-09-05 21:11:29 +00:00			`"git.ekzyis.com/ekzyis/delphi.market/server/router/pages/components"`
Add market form + page * market form with question, description and end date * markets cost 1k sats * a goroutine polls pending invoices from the db and checks LND for their status * markets are listed on front page (after paid) * market page contains buttons to bet yes or no * users have names now TODO: * show correct market percentage * show how percentage changed over time in chart * validate end date * implement betting / order form 2024-07-15 10:57:51 +00:00			`"git.ekzyis.com/ekzyis/delphi.market/types"`
			`"github.com/dustin/go-humanize"`
			`)`

			`// TODO: Add countdown? Use or at least show somewhere precise timestamps?`
Show quantity of user shares 2024-08-26 11:15:33 +00:00			`templ Market(m types.Market, q0 types.MarketQuote, q1 types.MarketQuote, uQ0 int, uQ1 int) {`
Fix missing formatting 2024-09-05 21:11:29 +00:00			`<html>`
Add market form + page * market form with question, description and end date * markets cost 1k sats * a goroutine polls pending invoices from the db and checks LND for their status * markets are listed on front page (after paid) * market page contains buttons to bet yes or no * users have names now TODO: * show correct market percentage * show how percentage changed over time in chart * validate end date * implement betting / order form 2024-07-15 10:57:51 +00:00			`@components.Head()`
Update market form on input change 2024-08-25 23:51:10 +00:00			`<body`
			`x-data="{ outcome: undefined }"`
			`class="container"`
Fix missing formatting 2024-09-05 21:11:29 +00:00			`hx-preserve`
			`>`
Add market form + page * market form with question, description and end date * markets cost 1k sats * a goroutine polls pending invoices from the db and checks LND for their status * markets are listed on front page (after paid) * market page contains buttons to bet yes or no * users have names now TODO: * show correct market percentage * show how percentage changed over time in chart * validate end date * implement betting / order form 2024-07-15 10:57:51 +00:00			`@components.Nav()`
			`<div id="content" class="flex flex-col">`
Show line chart with sample data 2024-09-08 15:16:08 +00:00			`<div class="text-center font-bold my-1 mt-3">{ m.Question }</div>`
Fix missing formatting 2024-09-05 21:11:29 +00:00			`<div class="text-center text-muted my-1">{ humanize.Time(m.EndDate) }</div>`
Add market form + page * market form with question, description and end date * markets cost 1k sats * a goroutine polls pending invoices from the db and checks LND for their status * markets are listed on front page (after paid) * market page contains buttons to bet yes or no * users have names now TODO: * show correct market percentage * show how percentage changed over time in chart * validate end date * implement betting / order form 2024-07-15 10:57:51 +00:00			`<div class="text-center text-muted my-1"></div>`
Show line chart with sample data 2024-09-08 15:16:08 +00:00			`<div class="flex justify-center w-full max-h-64 my-3"><canvas id="chart"></canvas></div>`
			`<script src="/js/bundle.min.js"></script>`
Remove cite=ekzyis from blockquote 2024-09-05 21:07:44 +00:00			`<blockquote class="p-4 mb-4 border-s-4 border-muted">`
Update market form on input change 2024-08-25 23:51:10 +00:00			`if m.Description != "" {`
Fix market description 2024-08-26 21:26:54 +00:00			`{ m.Description }`
Update market form on input change 2024-08-25 23:51:10 +00:00			`} else {`
			`<empty>`
			`}`
Fix missing formatting 2024-09-05 21:11:29 +00:00			`<div class="text-muted text-right pt-4">― { m.User.Name }, { humanize.Time(m.CreatedAt) }</div>`
Add market form + page * market form with question, description and end date * markets cost 1k sats * a goroutine polls pending invoices from the db and checks LND for their status * markets are listed on front page (after paid) * market page contains buttons to bet yes or no * users have names now TODO: * show correct market percentage * show how percentage changed over time in chart * validate end date * implement betting / order form 2024-07-15 10:57:51 +00:00			`</blockquote>`
Update market form on input change 2024-08-25 23:51:10 +00:00			`<div class="flex flex-col justify-center my-1">`
			`<div class="flex flex-row justify-center">`
			`<button`
			`class="neon success mx-1"`
			`x-on:click="outcome = outcome === 1 ? undefined : 1"`
			`:class="{ 'active' : outcome === 1 }"`
			`>`
			`BET YES`
			`</button>`
			`<button`
			`class="neon error mx-1"`
			`x-on:click="outcome = outcome === 0 ? undefined : 0"`
			`:class="{ 'active' : outcome === 0 }"`
			`>`
			`BET NO`
			`</button>`
			`</div>`
			`<div class="mx-auto my-5" x-show="outcome === 1">`
Show quantity of user shares 2024-08-26 11:15:33 +00:00			`@components.MarketForm(m, 1, q1, uQ1)`
Update market form on input change 2024-08-25 23:51:10 +00:00			`</div>`
			`<div class="mx-auto my-5" x-show="outcome === 0">`
Show quantity of user shares 2024-08-26 11:15:33 +00:00			`@components.MarketForm(m, 0, q0, uQ0)`
Update market form on input change 2024-08-25 23:51:10 +00:00			`</div>`
Add market form + page * market form with question, description and end date * markets cost 1k sats * a goroutine polls pending invoices from the db and checks LND for their status * markets are listed on front page (after paid) * market page contains buttons to bet yes or no * users have names now TODO: * show correct market percentage * show how percentage changed over time in chart * validate end date * implement betting / order form 2024-07-15 10:57:51 +00:00			`</div>`
Fix missing formatting 2024-09-05 21:11:29 +00:00			`</div>`
Add market form + page * market form with question, description and end date * markets cost 1k sats * a goroutine polls pending invoices from the db and checks LND for their status * markets are listed on front page (after paid) * market page contains buttons to bet yes or no * users have names now TODO: * show correct market percentage * show how percentage changed over time in chart * validate end date * implement betting / order form 2024-07-15 10:57:51 +00:00			`@components.Modal(nil)`
			`@components.Footer()`
			`</body>`
			`</html>`
Calculate probabilities using LMSR 2024-08-25 05:48:00 +00:00			`}`