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

refactor into '<lnbits-drawer />' component (#3499)

Browse source
This commit is contained in:
dni ⚡ 2025-11-10 14:54:06 +01:00 • committed by GitHub
parent bd50a3c546
commit cf7726ddfd
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 53 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

2
lnbits/static/bundle-components.min.js vendored
View file

File diff suppressed because one or more lines are too long

4
lnbits/static/js/components/lnbits-drawer.js Normal file
View file

@ -0,0 +1,4 @@
window.app.component('lnbits-drawer', {
template: '#lnbits-drawer',
mixins: [window.windowMixin]
})

1
lnbits/static/vendor.json
View file

@ -73,6 +73,7 @@
"js/components/lnbits-qrcode-lnurl.js",
"js/components/lnbits-footer.js",
"js/components/lnbits-header.js",
"js/components/lnbits-drawer.js",
"js/components/extension-settings.js",
"js/components/data-fields.js",
"js/components/payment-list.js",

45
lnbits/templates/base.html
View file

@ -34,51 +34,8 @@
<div id="vue">
<q-layout view="hHh lpR lfr" v-cloak>
<lnbits-header></lnbits-header>
{% block drawer %}
<q-drawer
v-model="g.visibleDrawer"
side="left"
:width="($q.screen.lt.md) ? 260 : 230"
show-if-above
:elevated="$q.screen.lt.md"
>
<q-scroll-area style="height: 100%">
<q-item>
<q-item-section class="cursor-pointer" @click="goToWallets()">
<q-item-label
:style="$q.dark.isActive ? 'color:rgba(255, 255, 255, 0.64)' : ''"
class="q-item__label q-item__label--header q-pa-none"
header
v-text="$t('wallets') + ' (' + g.user.wallets.length + ')'"
></q-item-label>
</q-item-section>
<q-item-section side>
<q-btn
flat
:icon=" walletFlip ? 'view_list' : 'view_column'"
color="grey"
class=""
@click="flipWallets($q.screen.lt.md)"
>
<q-tooltip
><span
v-text="walletFlip ? $t('view_list') : $t('view_column')"
></span
></q-tooltip>
</q-btn>
</q-item-section>
</q-item>
<lnbits-wallet-list
v-if="!walletFlip"
:balance="balance"
@wallet-action="handleWalletAction"
></lnbits-wallet-list>
<lnbits-manage />
<lnbits-extension-list class="q-pb-xl"></lnbits-extension-list>
</q-scroll-area>
</q-drawer>
<lnbits-drawer></lnbits-drawer>
{% endblock %} {% block page_container %}
<q-page-container>
<q-page class="q-px-md q-py-lg" :class="{'q-px-lg': $q.screen.gt.xs}">

1
lnbits/templates/components.vue
View file

@ -13,6 +13,7 @@ include('components/admin/server.vue') %} {%
include('components/new_user_wallet.vue') %} {%
include('components/lnbits-footer.vue') %} {%
include('components/lnbits-header.vue') %} {%
include('components/lnbits-drawer.vue') %} {%
include('components/lnbits-home-logos.vue') %}
<template id="lnbits-wallet-list">

44
lnbits/templates/components/lnbits-drawer.vue Normal file
View file

@ -0,0 +1,44 @@
<template id="lnbits-drawer">
<q-drawer
v-model="g.visibleDrawer"
side="left"
:width="$q.screen.lt.md ? 260 : 230"
show-if-above
:elevated="$q.screen.lt.md"
>
<q-scroll-area style="height: 100%">
<q-item>
<q-item-section class="cursor-pointer" @click="goToWallets()">
<q-item-label
:style="$q.dark.isActive ? 'color:rgba(255, 255, 255, 0.64)' : ''"
class="q-item__label q-item__label--header q-pa-none"
header
v-text="$t('wallets') + ' (' + g.user.wallets.length + ')'"
></q-item-label>
</q-item-section>
<q-item-section side>
<q-btn
flat
:icon="walletFlip ? 'view_list' : 'view_column'"
color="grey"
class=""
@click="flipWallets($q.screen.lt.md)"
>
<q-tooltip
><span
v-text="walletFlip ? $t('view_list') : $t('view_column')"
></span
></q-tooltip>
</q-btn>
</q-item-section>
</q-item>
<lnbits-wallet-list
v-if="!walletFlip"
:balance="balance"
@wallet-action="handleWalletAction"
></lnbits-wallet-list>
<lnbits-manage></lnbits-manage>
<lnbits-extension-list class="q-pb-xl"></lnbits-extension-list>
</q-scroll-area>
</q-drawer>
</template>

1
package.json
View file

@ -125,6 +125,7 @@
"js/components/lnbits-qrcode-lnurl.js",
"js/components/lnbits-footer.js",
"js/components/lnbits-header.js",
"js/components/lnbits-drawer.js",
"js/components/extension-settings.js",
"js/components/data-fields.js",
"js/components/payment-list.js",