mirror of
https://github.com/lnbits/lnbits.git
synced 2025-04-17 00:01:24 +02:00
replaced with working software gerty
This commit is contained in:
ben
parent
c5b59d98ef
commit
92cfcca1d9
@ -1,254 +1,251 @@
|
||||
{% extends "public.html" %} {% block toolbar_title %} Gerty: {% raw %}{{
|
||||
gertyname }}{% endraw %}{% endblock %}{% block page %} {% raw %}
|
||||
|
||||
<div
|
||||
class="q-pa-md row items-start q-gutter-md"
|
||||
v-if="elements.fun_exchange_market_rate || elements.fun_satoshi_quotes"
|
||||
>
|
||||
<q-card
|
||||
v-if="elements.fun_exchange_market_rate['unit']"
|
||||
unelevated
|
||||
class="q-pa-sm"
|
||||
style="background: none !important"
|
||||
gertyname }}{% endraw %}{% endblock %}{% block page %} {% raw %}
|
||||
|
||||
<div
|
||||
class="q-pa-md row items-start q-gutter-md"
|
||||
v-if="fun_exchange_market_rate || fun_satoshi_quotes"
|
||||
>
|
||||
<q-card-section class="text-h1 q-pa-none">
|
||||
<small> <b>{{elements.fun_exchange_market_rate["amount"]}}</b></small>
|
||||
<small class="text-h4"
|
||||
>{{elements.fun_exchange_market_rate["unit"].split(" ")[1]}}</small
|
||||
>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
|
||||
<q-card
|
||||
v-if="elements.fun_satoshi_quotes['quote']"
|
||||
unelevated
|
||||
class="q-pa-none text-body1 blockquote"
|
||||
style="background: none !important"
|
||||
<q-card
|
||||
v-if="fun_exchange_market_rate"
|
||||
unelevated
|
||||
class="q-pa-sm"
|
||||
style="background: none !important"
|
||||
>
|
||||
<q-card-section class="text-h1 q-pa-none">
|
||||
<small> <b>{{fun_exchange_market_rate["amount"]}}</b></small>
|
||||
<small class="text-h4"
|
||||
>{{fun_exchange_market_rate["unit"].split(" ")[1]}}</small
|
||||
>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
|
||||
<q-card
|
||||
v-if="fun_satoshi_quotes['quote']"
|
||||
unelevated
|
||||
class="q-pa-none text-body1 blockquote"
|
||||
style="background: none !important"
|
||||
>
|
||||
<blockquote class="text-right" style="max-width: 900px">
|
||||
<p>"{{fun_satoshi_quotes["quote"]}}"</p>
|
||||
<small>~ Satoshi {{fun_satoshi_quotes["date"]}}</small>
|
||||
</blockquote>
|
||||
</q-card>
|
||||
</div>
|
||||
|
||||
<div class="q-pa-md row items-start q-gutter-md" v-if="lnbits_wallets_balance[0]">
|
||||
<q-card
|
||||
class="q-pa-sm"
|
||||
v-for="(wallet, t) in lnbits_wallets_balance"
|
||||
:style="`background-color: ${wallet.color1} !important`"
|
||||
unelevated
|
||||
class="q-pa-none q-pa-sm"
|
||||
>
|
||||
<q-card-section class="text-h1 q-pa-none">
|
||||
<small> <b>{{wallet["amount"]}}</b></small>
|
||||
<small class="text-h4">({{wallet["name"]}})</small>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="q-pa-md row items-start q-gutter-md"
|
||||
v-if="dashboard_onchain[0] || dashboard_mining[0] || lightning_dashboard[0]"
|
||||
>
|
||||
<blockquote class="text-right" style="max-width: 900px">
|
||||
<p>"{{elements.fun_satoshi_quotes["quote"]}}"</p>
|
||||
<small>~ Satoshi {{elements.fun_satoshi_quotes["date"]}}</small>
|
||||
</blockquote>
|
||||
</q-card>
|
||||
</div>
|
||||
|
||||
<div class="q-pa-md row items-start q-gutter-md" v-if="elements.lnbits_wallets_balance">
|
||||
<q-card
|
||||
class="q-pa-sm"
|
||||
v-for="(wallet, t) in elements.lnbits_wallets_balance"
|
||||
:style="`background-color: ${wallet.color1} !important`"
|
||||
unelevated
|
||||
class="q-pa-none q-pa-sm"
|
||||
>
|
||||
<q-card-section class="text-h1 q-pa-none">
|
||||
<small> <b>{{wallet["amount"]}}</b></small>
|
||||
<small class="text-h4">({{wallet["name"]}})</small>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="q-pa-md row items-start q-gutter-md"
|
||||
v-if="elements.dashboard_onchain || elements.dashboard_mining || elements.lightning_dashboard"
|
||||
>
|
||||
<q-card
|
||||
class="q-pa-sm"
|
||||
v-if="elements.dashboard_onchain[0]"
|
||||
unelevated
|
||||
class="q-pa-sm"
|
||||
>
|
||||
<q-card-section>
|
||||
<div class="text-h6">Onchain</div>
|
||||
</q-card-section>
|
||||
<q-card-section class="q-pa-none">
|
||||
<p v-for="(item, t) in elements.dashboard_onchain">
|
||||
<b>{{item[0].value}}: </b>{{item[1].value}}
|
||||
</p>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
|
||||
<q-card class="q-pa-sm" v-if="elements.dashboard_mining" unelevated class="q-pa-sm">
|
||||
<q-card-section>
|
||||
<div class="text-h6">Mining</div>
|
||||
</q-card-section>
|
||||
<q-card-section class="q-pa-none">
|
||||
<p v-for="(item, t) in elements.dashboard_mining">
|
||||
<b>{{item[0].value}}:</b> {{item[1].value}}
|
||||
</p>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
|
||||
<q-card class="q-pa-sm" v-if="elements.lightning_dashboard" unelevated class="q-pa-sm">
|
||||
<q-card-section>
|
||||
<div class="text-h6">Lightning (Last 7 days)</div>
|
||||
</q-card-section>
|
||||
<q-card-section class="q-pa-none">
|
||||
<p v-for="(item, t) in elements.lightning_dashboard">
|
||||
<b>{{item[0].value}}:</b> {{item[1].value}}
|
||||
</p>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
|
||||
<q-card class="q-pa-sm" v-if="elements.url_checker" unelevated class="q-pa-sm">
|
||||
<q-card-section>
|
||||
<div class="text-h6">Servers to check</div>
|
||||
</q-card-section>
|
||||
<q-card-section class="q-pa-none">
|
||||
<div class="row q-pb-md" v-for="(item, t) in elements.url_checker">
|
||||
<div class="col-8">
|
||||
<small>
|
||||
<b style="word-wrap: break-word; max-width: 230px; display: block">
|
||||
<a class="text-secondary" class="text-primary">
|
||||
{{item[0].value}}
|
||||
</a>
|
||||
</b>
|
||||
</small>
|
||||
<q-card
|
||||
class="q-pa-sm"
|
||||
v-if="dashboard_onchain[0]"
|
||||
unelevated
|
||||
class="q-pa-sm"
|
||||
>
|
||||
<q-card-section>
|
||||
<div class="text-h6">Onchain</div>
|
||||
</q-card-section>
|
||||
<q-card-section class="q-pa-none">
|
||||
<p v-for="(item, t) in dashboard_onchain">
|
||||
<b>{{item[0].value}}: </b>{{item[1].value}}
|
||||
</p>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
|
||||
<q-card class="q-pa-sm" v-if="dashboard_mining[0]" unelevated class="q-pa-sm">
|
||||
<q-card-section>
|
||||
<div class="text-h6">Mining</div>
|
||||
</q-card-section>
|
||||
<q-card-section class="q-pa-none">
|
||||
<p v-for="(item, t) in dashboard_mining">
|
||||
<b>{{item[0].value}}:</b> {{item[1].value}}
|
||||
</p>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
|
||||
<q-card class="q-pa-sm" v-if="lightning_dashboard[0]" unelevated class="q-pa-sm">
|
||||
<q-card-section>
|
||||
<div class="text-h6">Lightning (Last 7 days)</div>
|
||||
</q-card-section>
|
||||
<q-card-section class="q-pa-none">
|
||||
<p v-for="(item, t) in lightning_dashboard">
|
||||
<b>{{item[0].value}}:</b> {{item[1].value}}
|
||||
</p>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
|
||||
<q-card class="q-pa-sm" v-if="url_checker[0]" unelevated class="q-pa-sm">
|
||||
<q-card-section>
|
||||
<div class="text-h6">Servers to check</div>
|
||||
</q-card-section>
|
||||
<q-card-section class="q-pa-none">
|
||||
<div class="row q-pb-md" v-for="(item, t) in url_checker">
|
||||
<div class="col-8">
|
||||
<small>
|
||||
<b style="word-wrap: break-word; max-width: 230px; display: block">
|
||||
<a class="text-secondary" class="text-primary">
|
||||
{{item[0].value}}
|
||||
</a>
|
||||
</b>
|
||||
</small>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<q-chip
|
||||
v-if="item[1].value < 300"
|
||||
square
|
||||
size="sm"
|
||||
color="green"
|
||||
text-color="white"
|
||||
icon="sentiment_satisfied"
|
||||
>
|
||||
{{item[1].value}}
|
||||
</q-chip>
|
||||
<q-chip
|
||||
v-else-if="item[1].value >= 300"
|
||||
square
|
||||
size="sm"
|
||||
color="yellow"
|
||||
text-color="white"
|
||||
icon="sentiment_dissatisfied"
|
||||
>
|
||||
{{item[1].value}}
|
||||
</q-chip>
|
||||
<q-chip
|
||||
v-else
|
||||
square
|
||||
size="sm"
|
||||
color="red"
|
||||
text-color="white"
|
||||
icon="sentiment_dissatisfied"
|
||||
>
|
||||
{{item[1].value}}
|
||||
</q-chip>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<q-chip
|
||||
v-if="item[1].value < 300"
|
||||
square
|
||||
size="sm"
|
||||
color="green"
|
||||
text-color="white"
|
||||
icon="sentiment_satisfied"
|
||||
>
|
||||
{{item[1].value}}
|
||||
</q-chip>
|
||||
<q-chip
|
||||
v-else-if="item[1].value >= 300"
|
||||
square
|
||||
size="sm"
|
||||
color="yellow"
|
||||
text-color="white"
|
||||
icon="sentiment_dissatisfied"
|
||||
>
|
||||
{{item[1].value}}
|
||||
</q-chip>
|
||||
<q-chip
|
||||
v-else
|
||||
square
|
||||
size="sm"
|
||||
color="red"
|
||||
text-color="white"
|
||||
icon="sentiment_dissatisfied"
|
||||
>
|
||||
{{item[1].value}}
|
||||
</q-chip>
|
||||
</div>
|
||||
</div>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
</div>
|
||||
|
||||
{% endraw %} {% endblock %} {% block scripts %}
|
||||
<script>
|
||||
Vue.component(VueQrcode.name, VueQrcode)
|
||||
|
||||
new Vue({
|
||||
el: '#vue',
|
||||
mixins: [windowMixin],
|
||||
data: function () {
|
||||
return {
|
||||
elements:{
|
||||
lnbits_wallets_balance: [],
|
||||
dashboard_onchain: [],
|
||||
fun_satoshi_quotes: [],
|
||||
fun_exchange_market_rate: [],
|
||||
lightning_dashboard: [],
|
||||
url_checker: [],
|
||||
dashboard_mining: [],
|
||||
},
|
||||
gerty: [],
|
||||
gerty_id: `{{gerty}}`,
|
||||
gertyname: '',
|
||||
walletColors: [
|
||||
{first: '#3f51b5', second: '#1a237e'},
|
||||
{first: '#9c27b0', second: '#4a148c'},
|
||||
{first: '#e91e63', second: '#880e4f'},
|
||||
{first: '#009688', second: '#004d40'},
|
||||
{first: '#ff9800', second: '#e65100'},
|
||||
{first: '#2196f3', second: '#0d47a1'},
|
||||
{first: '#4caf50', second: '#1b5e20'}
|
||||
],
|
||||
gertywallets: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getGertyInfo: async function () {
|
||||
for (let i = 0; i < 8; i++) {
|
||||
try {
|
||||
const {data} = await LNbits.api.request(
|
||||
'GET',
|
||||
`/gerty/api/v1/gerty/pages/${this.gerty_id}/${i}`
|
||||
)
|
||||
console.log(data.screen.slug)
|
||||
if(data.screen.slug){
|
||||
this.gerty[i] = data
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
LNbits.utils.notifyApiError(error)
|
||||
}
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
</div>
|
||||
|
||||
{% endraw %} {% endblock %} {% block scripts %}
|
||||
<script>
|
||||
Vue.component(VueQrcode.name, VueQrcode)
|
||||
|
||||
new Vue({
|
||||
el: '#vue',
|
||||
mixins: [windowMixin],
|
||||
data: function () {
|
||||
return {
|
||||
lnbits_wallets_balance: {},
|
||||
dashboard_onchain: {},
|
||||
fun_satoshi_quotes: {},
|
||||
fun_exchange_market_rate: {
|
||||
unit: ""
|
||||
},
|
||||
dashboard_mining: {},
|
||||
lightning_dashboard: {},
|
||||
url_checker: {},
|
||||
dashboard_mining: {},
|
||||
gerty: [],
|
||||
gerty_id: `{{gerty}}`,
|
||||
gertyname: '',
|
||||
walletColors: [
|
||||
{first: '#3f51b5', second: '#1a237e'},
|
||||
{first: '#9c27b0', second: '#4a148c'},
|
||||
{first: '#e91e63', second: '#880e4f'},
|
||||
{first: '#009688', second: '#004d40'},
|
||||
{first: '#ff9800', second: '#e65100'},
|
||||
{first: '#2196f3', second: '#0d47a1'},
|
||||
{first: '#4caf50', second: '#1b5e20'}
|
||||
],
|
||||
gertywallets: []
|
||||
}
|
||||
console.log(this.gerty[0].screen.group)
|
||||
for (let i = 0; i < this.gerty.length; i++) {
|
||||
if (this.gerty[i].screen.group == 'lnbits_wallets_balance') {
|
||||
for (let q = 0; q < this.gerty[i].screen.areas.length; q++) {
|
||||
this.elements.lnbits_wallets_balance[q] = {
|
||||
name: this.gerty[i].screen.areas[q][0].value,
|
||||
amount: this.gerty[i].screen.areas[q][1].value,
|
||||
color1: this.walletColors[q].first,
|
||||
color2: this.walletColors[q].second
|
||||
},
|
||||
methods: {
|
||||
getGertyInfo: async function () {
|
||||
for (let i = 0; i < 8; i++) {
|
||||
try {
|
||||
const {data} = await LNbits.api.request(
|
||||
'GET',
|
||||
`/gerty/api/v1/gerty/pages/${this.gerty_id}/${i}`
|
||||
)
|
||||
this.gerty[i] = data
|
||||
} catch (error) {
|
||||
LNbits.utils.notifyApiError(error)
|
||||
}
|
||||
}
|
||||
console.log(this.gerty)
|
||||
for (let i = 0; i < this.gerty.length; i++) {
|
||||
if (this.gerty[i].screen.group == 'lnbits_wallets_balance') {
|
||||
for (let q = 0; q < this.gerty[i].screen.areas.length; q++) {
|
||||
this.lnbits_wallets_balance[q] = {
|
||||
name: this.gerty[i].screen.areas[q][0].value,
|
||||
amount: this.gerty[i].screen.areas[q][1].value,
|
||||
color1: this.walletColors[q].first,
|
||||
color2: this.walletColors[q].second
|
||||
}
|
||||
this.gertyname = this.gerty[i].settings.name
|
||||
}
|
||||
}
|
||||
if (this.gerty[i].screen.group == 'url_checker') {
|
||||
this.url_checker = this.gerty[i].screen.areas
|
||||
this.gertyname = this.gerty[i].settings.name
|
||||
}
|
||||
if (this.gerty[i].screen.group == 'dashboard_onchain') {
|
||||
this.dashboard_onchain = this.gerty[i].screen.areas
|
||||
this.gertyname = this.gerty[i].settings.name
|
||||
}
|
||||
if (this.gerty[i].screen.group == 'dashboard_mining') {
|
||||
this.dashboard_mining = this.gerty[i].screen.areas
|
||||
this.gertyname = this.gerty[i].settings.name
|
||||
}
|
||||
if (this.gerty[i].screen.group == 'lightning_dashboard') {
|
||||
this.lightning_dashboard = this.gerty[i].screen.areas
|
||||
this.gertyname = this.gerty[i].settings.name
|
||||
}
|
||||
if (this.gerty[i].screen.group == 'fun_satoshi_quotes') {
|
||||
this.fun_satoshi_quotes['quote'] = this.gerty[
|
||||
i
|
||||
].screen.areas[0][0].value
|
||||
this.fun_satoshi_quotes['date'] = this.gerty[
|
||||
i
|
||||
].screen.areas[0][1].value
|
||||
this.gertyname = this.gerty[i].settings.name
|
||||
}
|
||||
if (this.gerty[i].screen.group == 'fun_exchange_market_rate') {
|
||||
this.fun_exchange_market_rate['unit'] = this.gerty[
|
||||
i
|
||||
].screen.areas[0][0].value
|
||||
this.fun_exchange_market_rate['amount'] = this.gerty[
|
||||
i
|
||||
].screen.areas[0][1].value
|
||||
this.gertyname = this.gerty[i].settings.name
|
||||
}
|
||||
}
|
||||
if (this.gerty[i].screen.group == 'url_checker') {
|
||||
this.elements.url_checker = this.gerty[i].screen.areas
|
||||
this.gertyname = this.gerty[i].settings.name
|
||||
}
|
||||
if (this.gerty[i].screen.group == 'dashboard_onchain') {
|
||||
this.elements.dashboard_onchain = this.gerty[i].screen.areas
|
||||
this.gertyname = this.gerty[i].settings.name
|
||||
}
|
||||
if (this.gerty[i].screen.group == 'dashboard_mining') {
|
||||
this.elements.dashboard_mining = this.gerty[i].screen.areas
|
||||
this.gertyname = this.gerty[i].settings.name
|
||||
}
|
||||
if (this.gerty[i].screen.group == 'lightning_dashboard') {
|
||||
this.elements.lightning_dashboard = this.gerty[i].screen.areas
|
||||
this.gertyname = this.gerty[i].settings.name
|
||||
}
|
||||
if (this.gerty[i].screen.group == 'fun_satoshi_quotes') {
|
||||
console.log(this.gerty[i]);
|
||||
this.elements.fun_satoshi_quotes['quote'] = this.gerty[
|
||||
i
|
||||
].screen.areas[0][0].value
|
||||
this.elements.fun_satoshi_quotes['date'] = this.gerty[
|
||||
i
|
||||
].screen.areas[0][1].value
|
||||
this.gertyname = this.gerty[i].settings.name
|
||||
}
|
||||
if (this.gerty[i].screen.group == 'fun_exchange_market_rate') {
|
||||
this.elements.fun_exchange_market_rate['unit'] = this.gerty[
|
||||
i
|
||||
].screen.areas[0][0].value
|
||||
this.elements.fun_exchange_market_rate['amount'] = this.gerty[
|
||||
i
|
||||
].screen.areas[0][1].value
|
||||
this.gertyname = this.gerty[i].settings.name
|
||||
}
|
||||
|
||||
setTimeout(this.getGertyInfo, 20000)
|
||||
this.$forceUpdate()
|
||||
return this.gerty
|
||||
}
|
||||
|
||||
setTimeout(this.getGertyInfo, 20000)
|
||||
this.$forceUpdate()
|
||||
return this.gerty
|
||||
},
|
||||
created: async function () {
|
||||
await this.getGertyInfo()
|
||||
}
|
||||
},
|
||||
created: async function () {
|
||||
await this.getGertyInfo()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
{% endblock %}
|
||||
})
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user