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

Added gerty toggle alls

Browse source
This commit is contained in:
Black Coffee 2022-09-29 12:38:18 +01:00
parent 45dcd7f21f
commit 99762dce94
1 changed files with 79 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

76
lnbits/extensions/gerty/templates/gerty/index.html
View file

@ -31,7 +31,8 @@
<template v-slot:header="props"> <template v-slot:header="props">
<q-tr :props="props"> <q-tr :props="props">
<q-th auto-width></q-th> <q-th auto-width></q-th>
<q-th v-for="col in props.cols" :key="col.name" :props="props" :class="`col__${col.name} text-truncate elipsis`"> <q-th v-for="col in props.cols" :key="col.name" :props="props"
:class="`col__${col.name} text-truncate elipsis`">
{{ col.label }} {{ col.label }}
</q-th> </q-th>
<q-th auto-width></q-th> <q-th auto-width></q-th>
@ -182,19 +183,26 @@
label="The Fun Stuff" label="The Fun Stuff"
> >
<q-toggle <q-toggle
v-model="formDialog.data.display_preferences.satoshi_quotes" v-model="toggleStates.fun"
label="Toggle all"
>
<q-tooltip>Toggle all</q-tooltip>
</q-toggle>
<br>
<q-toggle
v-model="formDialog.data.display_preferences.fun_satoshi_quotes"
label="Satoshi Quotes" label="Satoshi Quotes"
> >
<q-tooltip>Displays random quotes from Satoshi</q-tooltip> <q-tooltip>Displays random quotes from Satoshi</q-tooltip>
</q-toggle> </q-toggle>
<q-toggle <q-toggle
v-model="formDialog.data.display_preferences.pieter_wuille_facts" v-model="formDialog.data.display_preferences.fun_pieter_wuille_facts"
label="Pieter Wuille Facts" label="Pieter Wuille Facts"
> >
<q-tooltip>Show accurate facts about Pieter Wuille</q-tooltip> <q-tooltip>Show accurate facts about Pieter Wuille</q-tooltip>
</q-toggle> </q-toggle>
<q-toggle <q-toggle
v-model="formDialog.data.display_preferences.exchange_market_rate" v-model="formDialog.data.display_preferences.fun_exchange_market_rate"
label="Current dirty fiat to BTC price" label="Current dirty fiat to BTC price"
></q-toggle> ></q-toggle>
</q-expansion-item> </q-expansion-item>
@ -203,6 +211,13 @@
icon="link" icon="link"
label="Onchain Information" label="Onchain Information"
> >
<q-toggle
v-model="toggleStates.onchain"
label="Toggle all"
>
<q-tooltip>Toggle all</q-tooltip>
</q-toggle>
<br>
<q-toggle <q-toggle
v-model="formDialog.data.display_preferences.onchain_difficulty_epoch_progress" v-model="formDialog.data.display_preferences.onchain_difficulty_epoch_progress"
label="Percent of current difficulty epoch complete" label="Percent of current difficulty epoch complete"
@ -228,9 +243,16 @@
icon="psychology" icon="psychology"
label="The Mempool" label="The Mempool"
> >
<q-toggle
v-model="toggleStates.mempool"
label="Toggle all"
>
<q-tooltip>Toggle all</q-tooltip>
</q-toggle>
<br>
<q-toggle <q-toggle
v-model="formDialog.data.display_preferences.onchain_mempool_recommended_fees" v-model="formDialog.data.display_preferences.mempool_recommended_fees"
label="Recommended fees" label="Recommended fees"
></q-toggle> ></q-toggle>
@ -245,6 +267,13 @@
icon="reorder" icon="reorder"
label="Mining Data" label="Mining Data"
> >
<q-toggle
v-model="toggleStates.mining"
label="Toggle all"
>
<q-tooltip>Toggle all</q-tooltip>
</q-toggle>
<br>
<q-toggle <q-toggle
v-model="formDialog.data.display_preferences.mining_current_hash_rate" v-model="formDialog.data.display_preferences.mining_current_hash_rate"
label="Current mining hashrate" label="Current mining hashrate"
@ -261,6 +290,13 @@
icon="bolt" icon="bolt"
label="Lightning Network" label="Lightning Network"
> >
<q-toggle
v-model="toggleStates.lightning"
label="Toggle all"
>
<q-tooltip>Toggle all</q-tooltip>
</q-toggle>
<br>
<q-toggle <q-toggle
v-model="formDialog.data.display_preferences.lightning_channel_count" v-model="formDialog.data.display_preferences.lightning_channel_count"
label="Channel count" label="Channel count"
@ -337,6 +373,13 @@
mixins: [windowMixin], mixins: [windowMixin],
data: function () { data: function () {
return { return {
toggleStates: {
fun: true,
onchain: true,
mempool: true,
mining: true,
lightning: true
},
gertys: [], gertys: [],
currencyOptions: [ currencyOptions: [
'USD', 'USD',
@ -544,14 +587,14 @@
data: { data: {
display_preferences: { display_preferences: {
lnbits_wallets_balance: true, lnbits_wallets_balance: true,
satoshi_quotes: true, fun_satoshi_quotes: true,
pieter_wuille_facts: true, fun_pieter_wuille_facts: true,
exchange_market_rate: true, fun_exchange_market_rate: true,
onchain_difficulty_epoch_progress: true, onchain_difficulty_epoch_progress: true,
onchain_difficulty_retarget_date: true, onchain_difficulty_retarget_date: true,
onchain_difficulty_blocks_remaining: true, onchain_difficulty_blocks_remaining: true,
onchain_difficulty_epoch_time_remaining: true, onchain_difficulty_epoch_time_remaining: true,
onchain_mempool_recommended_fees: true, mempool_recommended_fees: true,
mempool_tx_count: true, mempool_tx_count: true,
mining_current_hash_rate: true, mining_current_hash_rate: true,
mining_current_difficulty: true, mining_current_difficulty: true,
@ -703,6 +746,21 @@
if (this.g.user.wallets.length) { if (this.g.user.wallets.length) {
this.getGertys() this.getGertys()
} }
},
watch: {
toggleStates: {
handler(toggleStatesValue, oldValue) {
// Switch all the toggles in each section to the relevant state
for (const [toggleKey, toggleValue] of Object.entries(toggleStatesValue)) {
for (const [dpKey, dpValue] of Object.entries(this.formDialog.data.display_preferences)) {
if(dpKey.indexOf(toggleKey) === 0) {
this.formDialog.data.display_preferences[dpKey] = toggleValue
}
}
}
},
deep: true
}
} }
}) })
</script> </script>