From 92cfcca1d9c1227e87ce7a717c96ee97ca447f7e Mon Sep 17 00:00:00 2001
From: ben <ben@arc.wales>
Date: Wed, 4 Jan 2023 15:03:05 +0000
Subject: [PATCH] replaced with working software gerty

---
 .../gerty/templates/gerty/gerty.html          | 483 +++++++++---------
 1 file changed, 240 insertions(+), 243 deletions(-)

diff --git a/lnbits/extensions/gerty/templates/gerty/gerty.html b/lnbits/extensions/gerty/templates/gerty/gerty.html
index b2fb86b62..141c3152d 100644
--- a/lnbits/extensions/gerty/templates/gerty/gerty.html
+++ b/lnbits/extensions/gerty/templates/gerty/gerty.html
@@ -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 %}
+  
\ No newline at end of file