aiolabs/nostrmarket
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases 1 Packages Wiki Activity Actions

feat: move currency dropdown inline with cost field

Browse source 
Layout now shows: [Default shipping cost] [Currency ▼]

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Ben Weeks 2025-12-23 12:58:00 +00:00
parent dbd64f7faf
commit d51a66cd69
1 changed files with 30 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

54
templates/nostrmarket/components/shipping-zones.html
View file

@ -48,30 +48,36 @@
label="Countries" label="Countries"
v-model="zoneDialog.data.countries" v-model="zoneDialog.data.countries"
></q-select> ></q-select>
<q-select <div class="row q-col-gutter-sm">
:disabled="!!zoneDialog.data.id" <div class="col">
:readonly="!!zoneDialog.data.id" <q-input
filled filled
dense dense
v-model="zoneDialog.data.currency" label="Default shipping cost"
type="text" fill-mask="0"
label="Currency" reverse-fill-mask
:options="currencies" :step="zoneDialog.data.currency != 'sat' ? '0.01' : '1'"
></q-select> type="number"
<q-input v-model.trim="zoneDialog.data.cost"
filled :error="zoneDialog.data.currency === 'sat' && zoneDialog.data.cost % 1 !== 0"
dense error-message="Satoshis must be whole numbers"
label="Default shipping cost" hint="Additional costs can be set per product"
fill-mask="0" ></q-input>
reverse-fill-mask </div>
:step="zoneDialog.data.currency != 'sat' ? '0.01' : '1'" <div class="col-auto">
type="number" <q-select
v-model.trim="zoneDialog.data.cost" :disabled="!!zoneDialog.data.id"
:suffix="zoneDialog.data.currency" :readonly="!!zoneDialog.data.id"
:error="zoneDialog.data.currency === 'sat' && zoneDialog.data.cost % 1 !== 0" filled
error-message="Satoshis must be whole numbers" dense
hint="Additional costs can be set per product" v-model="zoneDialog.data.currency"
></q-input> type="text"
label="Currency"
:options="currencies"
style="min-width: 100px"
></q-select>
</div>
</div>
<div class="row q-mt-lg"> <div class="row q-mt-lg">
<div v-if="zoneDialog.data.id"> <div v-if="zoneDialog.data.id">
<q-btn unelevated color="primary" type="submit">Update</q-btn> <q-btn unelevated color="primary" type="submit">Update</q-btn>