Update reload balances

qortal-ui-core/language/de.json

@@ -155,7 +155,8 @@
       "continue":"Fortsetzen",
       "save":"Speichern",
       "balance":"Guthaben",
-      "balances":"IHR WALLET-GUTHABEN"
+      "balances":"IHR WALLET-GUTHABEN",
+      "update":"AKTUALISIERE WALLET-GUTHABEN"
    },
    "startminting":{
       "smchange1":"Prägekonten können nicht abgerufen werden",

qortal-ui-core/language/es.json

@@ -155,7 +155,8 @@
       "continue":"Continuar",
       "save":"Guardar",
       "balance":"Saldo",
-      "balances":"LOS SALDOS DE TU BILLETERA"
+      "balances":"LOS SALDOS DE TU BILLETERA",
+      "update":"ACTUALIZAR SALDOS DE CARTERA"
    },
    "startminting":{
       "smchange1":"No se pueden obtener cuentas de acuñación",

qortal-ui-core/language/fr.json

@@ -155,7 +155,8 @@
       "continue":"Continuer",
       "save":"Sauvegarder",
       "balance":"Solde",
-      "balances":"VOS SOLDES DE PORTEFEUILLE"
+      "balances":"VOS SOLDES DE PORTEFEUILLE",
+      "update":"METTRE À JOUR LES SOLDES DES PORTEFEUILLES"
    },
    "startminting":{
       "smchange1":"Impossible de récupérer les comptes de frappe",

qortal-ui-core/language/hindi.json

@@ -156,7 +156,8 @@
       "continue":"जारी रखें",
       "save":"सहेजें",
       "balance":"संतुलन",
-      "balances":"आपका वॉलेट बैलेंस"
+      "balances":"आपका वॉलेट बैलेंस",
+      "update":"अपडेट वॉलेट बैलेंस"
    },
    "startminting":{
       "smchange1":"खनन खाते नहीं लाए जा सकते",

qortal-ui-core/language/hr.json

@@ -155,7 +155,8 @@
       "continue":"Nastavi",
       "save":"Spremi",
       "balance":"Kreditna",
-      "balances":"VAŠ NOVČANIK JE NA SALJU"
+      "balances":"VAŠ NOVČANIK JE NA SALJU",
+      "update":"AŽURIRAJTE STANJE NOVČANIKA"
    },
    "startminting":{
       "smchange1":"Nije moguće dohvatiti račune za kovanje",

qortal-ui-core/language/hu.json

@@ -155,7 +155,8 @@
       "continue":"Folytatódik/folytatáshoz",
       "save":"Mentéshez",
       "balance":"Hitel",
-      "balances":"A PÉNZTÁRCSA EGYENLEGEK"
+      "balances":"A PÉNZTÁRCSA EGYENLEGEK",
+      "update":"FRISSÍTSE A PÉNZTÁRCSA-EGYENLEGEKET"
    },
    "startminting":{
       "smchange1":"Nem lehet lekérni a pénzverési számlákat",

qortal-ui-core/language/it.json

@@ -155,7 +155,8 @@
       "continue":"Continua",
       "save":"Salva",
       "balance":"Saldo",
-      "balances":"IL TUO SALDO DEL PORTAFOGLIO"
+      "balances":"I SALDI DEL TUO PORTAFOGLIO",
+      "update":"AGGIORNA I SALDI DEL PORTAFOGLIO"
    },
    "startminting":{
       "smchange1":"Impossibile recuperare i conti di conio",

qortal-ui-core/language/ko.json

@@ -155,7 +155,8 @@
       "continue":"계속하다",
       "save":"저장",
       "balance":"균형",
-      "balances":"지갑 잔액"
+      "balances":"지갑 잔액",
+      "update":"월렛 잔액 업데이트"
    },
    "startminting":{
       "smchange1":"발행 계정을 가져올 수 없습니다",

qortal-ui-core/language/no.json

@@ -155,7 +155,8 @@
       "continue":"Fortsett",
       "save":"Lagre",
       "balance":"Saldo",
-      "balances":"DIN WALLET-SALDO"
+      "balances":"DIN WALLET-SALDO",
+      "update":"OPPDATERT WALLET-SALDOER"
    },
    "startminting":{
       "smchange1":"Kan ikke hente myntingkontoer",

qortal-ui-core/language/pl.json

@@ -155,7 +155,8 @@
       "continue":"Kontynuuj",
       "save":"Zapisz",
       "balance":"Saldo",
-      "balances":"SALDO TWOJEGO PORTFELA"
+      "balances":"SALDO TWOJEGO PORTFELA",
+      "update":"AKTUALIZUJ SALDA W PORTFELU"
    },
    "startminting":{
       "smchange1":"Nie można pobrać kont menniczych",

qortal-ui-core/language/pt.json

@@ -155,7 +155,8 @@
       "continue":"Continuar",
       "save":"Salvar",
       "balance":"Saldo",
-      "balances":"SEUS SALDOS DE CARTEIRA"
+      "balances":"SEUS SALDOS DE CARTEIRA",
+      "update":"ATUALIZAR SALDOS DA CARTEIRA"
    },
    "startminting":{
       "smchange1":"Não é possível buscar contas de cunhagem",

qortal-ui-core/language/ro.json

@@ -155,7 +155,8 @@
       "continue":"Continua",
       "save":"Salveza",
       "balance":"Credit",
-      "balances":"SOLDELE PORTOTELULUI DVS"
+      "balances":"SOLDELE PORTOTELULUI DVS",
+      "update":"ACTUALIZAȚI SOLDELE PORTOTELULUI"
    },
    "startminting":{
       "smchange1":"Nu se pot prelua conturile de batere",

qortal-ui-core/language/rs.json

@@ -155,7 +155,8 @@
       "continue":"Nastavite",
       "save":"Sačuvajte",
       "balance":"Kredit",
-      "balances":"VAŠI STANJE U NOVČANIKU"
+      "balances":"VAŠI STANJE U NOVČANIKU",
+      "update":"AŽURIRAJTE STANJE NOVČANIKA"
    },
    "startminting":{
       "smchange1":"Nije moguće preuzeti naloge za kovanje",

qortal-ui-core/language/ru.json

@@ -155,7 +155,8 @@
       "continue":"Продолжить",
       "save":"Сохранить",
       "balance":"кредит",
-      "balances":"БАЛАНС ВАШЕГО КОШЕЛЬКА"
+      "balances":"БАЛАНС ВАШЕГО КОШЕЛЬКА",
+      "update":"ОБНОВИТЬ БАЛАНС КОШЕЛЬКА"
    },
    "startminting":{
       "smchange1":"Не удается получить учетные записи минтинга",

qortal-ui-core/language/us.json

@@ -155,7 +155,8 @@
       "continue":"Continue",
       "save":"Save",
       "balance":"Balance",
-      "balances":"YOUR WALLET BALANCES"
+      "balances":"YOUR WALLET BALANCES",
+      "update":"UPDATE WALLET BALANCES"
    },
    "startminting":{
       "smchange1":"Cannot fetch minting accounts",

qortal-ui-core/language/zhc.json

@@ -155,7 +155,8 @@
       "continue":"继续",
       "save":"保存",
       "balance":"信用",
-      "balances":"您的钱包余额"
+      "balances":"您的钱包余额",
+      "update":"更新钱包余额"
    },
    "startminting":{
       "smchange1":"无法获取铸币帐户",

qortal-ui-core/language/zht.json

@@ -155,7 +155,8 @@
       "continue":"繼續",
       "save":"保存",
       "balance":"信用",
-      "balances":"您的錢包餘額"
+      "balances":"您的錢包餘額",
+      "update":"更新錢包餘額"
    },
    "startminting":{
       "smchange1":"無法獲取鑄幣帳戶",

qortal-ui-core/src/components/app-view.js

@@ -6,6 +6,7 @@ import { addTradeBotRoutes } from '../tradebot/addTradeBotRoutes.js'
 import { get, translate, translateUnsafeHTML } from 'lit-translate'
 
 import '@polymer/paper-icon-button/paper-icon-button.js'
+import '@polymer/paper-progress/paper-progress.js'
 import '@polymer/iron-icons/iron-icons.js'
 import '@polymer/app-layout/app-layout.js'
 import '@polymer/paper-ripple'
@@ -38,6 +39,7 @@ class AppView extends connect(store)(LitElement) {
             theme: { type: String, reflect: true },
             addressInfo: { type: Object },
             searchContentString: { type: String },
+            getAllBalancesLoading: { type: Boolean },
             botQortWallet: { type: String },
             botBtcWallet: { type: String },
             botLtcWallet: { type: String },
@@ -154,6 +156,10 @@ class AppView extends connect(store)(LitElement) {
                     border-top: var(--border);
                 }
 
+                paper-progress {
+                    --paper-progress-active-color: var(--mdc-theme-primary);
+                }
+
                 .s-menu {
                     list-style: none;
                     padding: 0px 0px;
@@ -207,7 +213,7 @@ class AppView extends connect(store)(LitElement) {
                 .balanceheadertext {
                     position: absolute;
                     margin: auto;
-                    font-size: 16px;
+                    font-size: 14px;
                     font-weight: 400;
                     width: 250px;
                     display: inline;
@@ -323,11 +329,12 @@ class AppView extends connect(store)(LitElement) {
 
     constructor() {
         super()
+        this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light'
         this.searchContentString = ''
         this.urls = [];
         this.nodeType = ''
         this.addressInfo = {}
-        this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light'
+        this.getAllBalancesLoading = false
         this.botQortWallet = ''
         this.botBtcWallet = ''
         this.botLtcWallet = ''
@@ -414,13 +421,18 @@ class AppView extends connect(store)(LitElement) {
                             </div>
                             <div id="balanceheader">
                                 <span class="balanceheadertext">
-                                    ${translate("general.balances")}
+                                    ${this.getAllBalancesLoading ? html`
-                                    <vaadin-button theme="icon" id="reload" @click="${() => this.getAllBalances()}">
+                                        ${translate("general.update")}
-                                        <vaadin-icon icon="vaadin:refresh"></vaadin-icon>
+                                    ` : html`
-                                    </vaadin-button>
+                                        ${translate("general.balances")}
-                                    <vaadin-tooltip text="Reload Balances" for="reload" position="top"></vaadin-tooltip>
+                                        <vaadin-button theme="icon" id="reload" @click="${() => this.getAllBalances()}">
+                                             <vaadin-icon icon="vaadin:refresh"></vaadin-icon>
+                                        </vaadin-button>
+                                        <vaadin-tooltip text="${translate("general.update")}" for="reload" position="top"></vaadin-tooltip>
+                                    `}
                                 </span>
                             </div>
+                            ${this.getAllBalancesLoading ? html`<paper-progress indeterminate style="width: 100%; margin: 4px;"></paper-progress>` : ''}
                             ${this.balanceTicker}
                             <app-info></app-info>
                         </div>
@@ -1505,6 +1517,7 @@ class AppView extends connect(store)(LitElement) {
     }
 
     async getAllBalances() {
+        this.getAllBalancesLoading = true
         await this.updateQortWalletBalance()
         await this.updateBtcWalletBalance()
         await this.updateLtcWalletBalance()
@@ -1513,6 +1526,7 @@ class AppView extends connect(store)(LitElement) {
         await this.updateRvnWalletBalance()
         await this.fetchArrrWalletAddress()
         await this.updateArrrWalletBalance()
+        this.getAllBalancesLoading = false
     }
 
     async renderBalances() {
@@ -2132,4 +2146,4 @@ class AppView extends connect(store)(LitElement) {
     }
 }
 
-window.customElements.define('app-view', AppView)
+window.customElements.define('app-view', AppView)