Michilis/lnbits
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bundle/format

Browse Source
This commit is contained in:
Arc
2024-12-19 23:52:27 +00:00
parent 42b3616b03
commit 0185f1e465
5 changed files with 74 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lnbits/static/bundle.min.js
Vendored
+9 -9
View File
File diff suppressed because one or more lines are too long
lnbits/static/js/base.js
+1 -1
View File
@@ -475,7 +475,7 @@ window.windowMixin = {
methods: { methods: {
flipWallets(smallScreen) { flipWallets(smallScreen) {
this.walletFlip = !this.walletFlip this.walletFlip = !this.walletFlip
if(this.walletFlip && smallScreen){ if (this.walletFlip && smallScreen) {
this.g.visibleDrawer = false this.g.visibleDrawer = false
} }
this.$q.localStorage.set('lnbits.walletFlip', this.walletFlip) this.$q.localStorage.set('lnbits.walletFlip', this.walletFlip)
lnbits/templates/base.html
+63 -59
View File
@@ -158,14 +158,22 @@
show-if-above show-if-above
:elevated="$q.screen.lt.md" :elevated="$q.screen.lt.md"
> >
<q-item-label :style="$q.dark.isActive ? 'color:rgba(255, 255, 255, 0.64)' : ''" class="q-item__label q-item__label--header" header v-text="$t('wallets')"></q-item-label> <q-item-label
<q-btn :style="$q.dark.isActive ? 'color:rgba(255, 255, 255, 0.64)' : ''"
flat class="q-item__label q-item__label--header"
:icon=" walletFlip ? 'keyboard_arrow_right' : 'keyboard_arrow_down'" header
class="absolute-top-right" v-text="$t('wallets')"
@click="flipWallets($q.screen.lt.md)" ></q-item-label>
></q-btn> <q-btn
<lnbits-wallet-list v-if="!walletFlip" :balance="balance"></lnbits-wallet-list> flat
:icon=" walletFlip ? 'keyboard_arrow_right' : 'keyboard_arrow_down'"
class="absolute-top-right"
@click="flipWallets($q.screen.lt.md)"
></q-btn>
<lnbits-wallet-list
v-if="!walletFlip"
:balance="balance"
></lnbits-wallet-list>
<lnbits-manage <lnbits-manage
:show-admin="'{{LNBITS_ADMIN_UI}}' == 'True'" :show-admin="'{{LNBITS_ADMIN_UI}}' == 'True'"
@@ -179,72 +187,68 @@
{% endblock %} {% block page_container %} {% endblock %} {% block page_container %}
<q-page-container> <q-page-container>
<q-page class="q-px-md q-py-lg" :class="{'q-px-lg': $q.screen.gt.xs}"> <q-page class="q-px-md q-py-lg" :class="{'q-px-lg': $q.screen.gt.xs}">
<q-scroll-area <q-scroll-area
v-if="walletFlip" v-if="walletFlip"
style="
style=" height: 130px;
height: 130px; width: 100%;
width: 100%; overflow-x: auto;
overflow-x: auto; overflow-y: hidden;
overflow-y: hidden; "
" >
> <div class="row no-wrap q-gutter-md q-pr-md">
<div class="row no-wrap q-gutter-md q-pr-md"> <q-card
<q-card v-for="wallet in g.user.wallets"
v-for="wallet in g.user.wallets" :key="wallet.id"
:key="wallet.id" class="wallet-list-card"
class="wallet-list-card" bordered
bordered tag="a"
tag="a" :href="wallet.url"
:href="wallet.url" :style="
:style="
g.wallet && g.wallet.id === wallet.id g.wallet && g.wallet.id === wallet.id
? `border: 1px solid ${primaryColor}; width: 250px; text-decoration: none;` ? `border: 1px solid ${primaryColor}; width: 250px; text-decoration: none;`
: 'width: 250px; text-decoration: none;' : 'width: 250px; text-decoration: none;'
" "
:class="{ :class="{
'active-wallet-card': g.wallet && g.wallet.id === wallet.id 'active-wallet-card': g.wallet && g.wallet.id === wallet.id
}" }"
> >
<q-card-section> <q-card-section>
<div class="row items-center"> <div class="row items-center">
<q-avatar <q-avatar
size="lg" size="lg"
:color=" :color="
g.wallet && g.wallet.id === wallet.id g.wallet && g.wallet.id === wallet.id
? $q.dark.isActive ? $q.dark.isActive
? 'primary' ? 'primary'
: 'primary' : 'primary'
: 'grey-5' : 'grey-5'
" "
> >
<q-icon <q-icon
name="flash_on" name="flash_on"
:size="$q.dark.isActive ? '21px' : '20px'" :size="$q.dark.isActive ? '21px' : '20px'"
:color="$q.dark.isActive ? 'black' : 'grey-3'" :color="$q.dark.isActive ? 'black' : 'grey-3'"
></q-icon> ></q-icon>
</q-avatar> </q-avatar>
<div <div
class="text-h6 q-pl-md" class="text-h6 q-pl-md"
:class="{ :class="{
'text-bold': g.wallet && g.wallet.id === wallet.id 'text-bold': g.wallet && g.wallet.id === wallet.id
}" }"
v-text="wallet.name" v-text="wallet.name"
></div> ></div>
</div> </div>
<div class="row items-center q-pt-sm"> <div class="row items-center q-pt-sm">
<h6 class="q-my-none text-no-wrap"> <h6 class="q-my-none text-no-wrap">
<strong v-text="wallet.fsat"></strong> <strong v-text="wallet.fsat"></strong>
<small> {{LNBITS_DENOMINATION}}</small> <small> {{LNBITS_DENOMINATION}}</small>
</h6> </h6>
</div> </div>
</q-card-section> </q-card-section>
</q-card> </q-card>
</div> </div>
</q-scroll-area> </q-scroll-area>
{% block page %}{% endblock %} {% block page %}{% endblock %}
</q-page> </q-page>
lnbits/templates/components.vue
-2
View File
@@ -1,11 +1,9 @@
<template id="lnbits-wallet-list"> <template id="lnbits-wallet-list">
<q-list <q-list
v-if="user && user.wallets.length" v-if="user && user.wallets.length"
dense dense
class="lnbits-drawer__q-list" class="lnbits-drawer__q-list"
> >
<q-item <q-item
v-for="wallet in wallets" v-for="wallet in wallets"
:key="wallet.id" :key="wallet.id"