sjs/spirit-tracker
1
0
Fork 0
mirror of https://github.com/samsonjs/spirit-tracker.git synced 2026-03-25 09:25:51 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: V10 store page

Browse source
This commit is contained in:
Brennan Wilkes (Text Groove) 2026-01-30 16:52:05 -08:00
parent 7ac41370cf
commit 925dc0f55d
1 changed files with 8 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
viz/app/store_page.js
View file

@ -64,9 +64,7 @@ export async function renderStore($app, storeLabelRaw) {
<div class="card">
<div style="display:flex; flex-direction:column; gap:10px;">
<input id="q" class="input" placeholder="Search in this store..." autocomplete="off" />
<div id="priceWrap" style="display:flex; align-items:center; gap:10px;">
<div id="priceWrap" style="display:flex; align-items:center; gap:10px; width:100%;">
<div class="small" style="white-space:nowrap; opacity:.75;">Max price</div>
<input
@ -77,8 +75,8 @@ export async function renderStore($app, storeLabelRaw) {
step="1"
value="1000"
style="
width: 320px;
max-width: 100%;
flex: 1 1 auto;
width: 100%;
height: 18px;
accent-color: #9aa3b2;
opacity: .85;
@ -93,9 +91,12 @@ export async function renderStore($app, storeLabelRaw) {
text-align: right;
white-space: nowrap;
opacity: .9;
flex: 0 0 auto;
"
></div>
</div>
<input id="q" class="input" placeholder="Search in this store..." autocomplete="off" />
</div>
<div class="small" id="status" style="margin-top:10px;"></div>
@ -358,10 +359,7 @@ export async function renderStore($app, storeLabelRaw) {
$maxPriceLabel.textContent = "No prices";
return;
}
const atTop = Math.abs(selectedMaxPrice - boundMax) <= 0.01;
$maxPriceLabel.textContent = atTop
? `${formatDollars(boundMax)} (all)`
: `${formatDollars(selectedMaxPrice)}`;
$maxPriceLabel.textContent = `${formatDollars(selectedMaxPrice)}`;
}
if (pageMax === null) {
@ -422,7 +420,6 @@ export async function renderStore($app, storeLabelRaw) {
const diffBadge = priceBadgeHtml(it);
const skuLink = `#/link/?left=${encodeURIComponent(String(it.sku || ""))}`;
console.log(it);
return `
<div class="item" data-sku="${esc(it.sku)}">
<div class="itemRow">
@ -474,9 +471,7 @@ export async function renderStore($app, storeLabelRaw) {
}
if (pageMax !== null) {
const atTop = Math.abs(selectedMaxPrice - boundMax) <= 0.01;
const cap = atTop ? "all prices" : `≤ ${formatDollars(selectedMaxPrice)}`;
$status.textContent = `In stock: ${total} item(s) (${cap}).`;
$status.textContent = `In stock: ${total} item(s) (≤ ${formatDollars(selectedMaxPrice)}).`;
return;
}