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

reduce ui inline conditionals

Browse Source
This commit is contained in:
Tiago Vasconcelos
2026-07-14 16:12:08 +01:00
parent abe1e2fb27
commit 399e01c6a8
2 changed files with 28 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lnbits/static/js/pages/account.js
+24
View File
@@ -222,6 +222,30 @@ window.PageAccount = {
return this.selectedApiAcl.token_id_list.find(
token => token.id === this.apiAcl.selectedTokenId
)
},
expiryAt() {
if (this.selectedApiToken.expires_at) {
return `${this.$t('expiry')}: ${LNbits.utils.formatTimestamp(this.selectedApiToken.expires_at)}`
} else {
return ''
}
},
tokenStatus() {
if (this.selectedApiToken.expires_at) {
const now = new Date()
const expiresAt = new Date(this.selectedApiToken.expires_at * 1000)
let status = ''
let badgeColor = 'positive'
if (expiresAt < now) {
status = this.$t('acl_token_expired')
badgeColor = 'negative'
} else {
status = this.$t('acl_token_active')
}
return {status, badgeColor}
} else {
return ''
}
}
},
methods: {
lnbits/templates/pages/account.vue
+4 -26
View File
@@ -890,36 +890,14 @@
</div>
</div>
<div
v-if="selectedApiToken"
v-if="selectedApiToken && selectedApiToken.expires_at"
class="row items-center q-mb-md q-gutter-sm"
>
<span v-text="$t('expiry') + ':'"></span>
<span
v-text="
selectedApiToken.expires_at
? utils.formatTimestamp(
selectedApiToken.expires_at
)
: 'Unknown'
"
></span>
<span v-text="expiryAt"></span>
<span v-text="$t('status') + ':'"></span>
<q-badge
:color="
selectedApiToken.expires_at &&
selectedApiToken.expires_at * 1000 > Date.now()
? 'positive'
: selectedApiToken.expires_at
? 'negative'
: 'grey'
"
:label="
selectedApiToken.expires_at
? selectedApiToken.expires_at * 1000 > Date.now()
? 'Active'
: 'Expired'
: 'Unknown'
"
:color="tokenStatus.badgeColor"
:label="tokenStatus.status"
></q-badge>
</div>
<div v-if="apiAcl.apiToken" class="row q-mb-md">