lnbits-exts/nostrrelay
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

feat: add tabs for relay

Browse source
This commit is contained in:
Vlad Stan 2023-02-07 14:29:46 +02:00
parent 1bc8640640
commit 3fe4984026
2 changed files with 41 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

61
static/components/relay-details/relay-details.html
View file

@ -1,23 +1,42 @@
<div> <div>
<div class="row items-center q-mt-md q-mb-lg"> <q-tabs v-model="tab" no-caps class="bg-dark text-white shadow-2">
<div class="col-6 q-pr-lg"> <q-tab name="info" label="Relay Info"></q-tab>
<q-btn <q-tab name="payment" label="Payment"></q-tab>
unelevated <q-tab name="config" label="Config"></q-tab>
color="secondary" <q-tab name="access" label="Access Control"></q-tab>
class="float-left" </q-tabs>
@click="updateRelay()" <q-tab-panels v-model="tab">
>Update Relay</q-btn <q-tab-panel name="info">
> <div class="row items-center q-mt-md q-mb-lg">
</div> <div class="col-6 q-pr-lg">
<div class="col-6"> <q-btn
<q-btn unelevated
unelevated color="secondary"
color="pink" class="float-left"
icon="cancel" @click="updateRelay()"
class="float-right" >Update Relay</q-btn
@click="deleteRelay()" >
>Delete Relay</q-btn </div>
> <div class="col-6">
</div> <q-btn
</div> unelevated
color="pink"
icon="cancel"
class="float-right"
@click="deleteRelay()"
>Delete Relay</q-btn
>
</div>
</div>
</q-tab-panel>
<q-tab-panel name="payment">
<span>yyyy</span>
</q-tab-panel>
<q-tab-panel name="config">
<span>zzz</span>
</q-tab-panel>
<q-tab-panel name="access">
<span>qqq</span>
</q-tab-panel>
</q-tab-panels>
</div> </div>

2
static/components/relay-details/relay-details.js
View file

@ -7,7 +7,7 @@ async function relayDetails(path) {
props: ['relay-id', 'adminkey', 'inkey'], props: ['relay-id', 'adminkey', 'inkey'],
data: function () { data: function () {
return { return {
items: [], tab: 'info',
formDialogItem: { formDialogItem: {
show: false, show: false,
data: { data: {