aiolabs/access
9
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui): explicit closing tags for q-input/q-select (in-DOM template)

Browse source 
LNbits' UMD/global Vue compiles the template from already-parsed DOM, and the
browser does not self-close unknown custom elements — so <q-input ... /> nested
each following field inside the previous one, overlapping the dialog inputs.
Use explicit </q-input> / </q-select>. config.json -> 0.0.2.
This commit is contained in:
Patrick Mulligan 2026-08-07 22:54:02 +02:00
commit 5b7728b5f6
2 changed files with 13 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

2
config.json
View file

@ -2,7 +2,7 @@
"name": "Access", "name": "Access",
"short_description": "NFC door access — authorize Bolt Card taps and unlock via Home Assistant", "short_description": "NFC door access — authorize Bolt Card taps and unlock via Home Assistant",
"tile": "/access/static/image/access.png", "tile": "/access/static/image/access.png",
"version": "0.0.1", "version": "0.0.2",
"min_lnbits_version": "1.3.0", "min_lnbits_version": "1.3.0",
"contributors": [ "contributors": [
{ {

19
templates/access/index.html
View file

@ -137,21 +137,26 @@
<q-dialog v-model="doorDialog.show"> <q-dialog v-model="doorDialog.show">
<q-card class="q-pa-lg" style="min-width: 420px"> <q-card class="q-pa-lg" style="min-width: 420px">
<h6 class="q-mt-none">New door</h6> <h6 class="q-mt-none">New door</h6>
<q-input v-model="doorDialog.data.name" label="Name" filled dense /> <q-input
v-model="doorDialog.data.name"
label="Name"
filled
dense
></q-input>
<q-input <q-input
v-model="doorDialog.data.ha_webhook_url" v-model="doorDialog.data.ha_webhook_url"
label="Home Assistant webhook URL (local)" label="Home Assistant webhook URL (local)"
filled filled
dense dense
class="q-mt-sm" class="q-mt-sm"
/> ></q-input>
<q-input <q-input
v-model="doorDialog.data.boltcards_base_url" v-model="doorDialog.data.boltcards_base_url"
label="boltcards API base (blank = this instance)" label="boltcards API base (blank = this instance)"
filled filled
dense dense
class="q-mt-sm" class="q-mt-sm"
/> ></q-input>
<q-input <q-input
v-model.number="doorDialog.data.unlock_timeout_ms" v-model.number="doorDialog.data.unlock_timeout_ms"
type="number" type="number"
@ -159,7 +164,7 @@
filled filled
dense dense
class="q-mt-sm" class="q-mt-sm"
/> ></q-input>
<div class="row q-mt-md q-gutter-sm justify-end"> <div class="row q-mt-md q-gutter-sm justify-end">
<q-btn flat v-close-popup>Cancel</q-btn> <q-btn flat v-close-popup>Cancel</q-btn>
<q-btn unelevated color="primary" @click="createDoor">Create</q-btn> <q-btn unelevated color="primary" @click="createDoor">Create</q-btn>
@ -178,21 +183,21 @@
dense dense
emit-value emit-value
map-options map-options
/> ></q-select>
<q-input <q-input
v-model="grantDialog.data.external_id" v-model="grantDialog.data.external_id"
label="Card external_id (from boltcards)" label="Card external_id (from boltcards)"
filled filled
dense dense
class="q-mt-sm" class="q-mt-sm"
/> ></q-input>
<q-input <q-input
v-model="grantDialog.data.label" v-model="grantDialog.data.label"
label="Label (optional)" label="Label (optional)"
filled filled
dense dense
class="q-mt-sm" class="q-mt-sm"
/> ></q-input>
<div class="row q-mt-md q-gutter-sm justify-end"> <div class="row q-mt-md q-gutter-sm justify-end">
<q-btn flat v-close-popup>Cancel</q-btn> <q-btn flat v-close-popup>Cancel</q-btn>
<q-btn unelevated color="primary" @click="createGrant">Create</q-btn> <q-btn unelevated color="primary" @click="createGrant">Create</q-btn>