Qortal/qortal-ui
4
1
Fork 4
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-02-11 17:55:51 +00:00
Code Issues Projects Releases Wiki Activity

add loader to q-apps page

Browse Source
This commit is contained in:
PhilReact 2023-09-28 20:55:35 -05:00
parent 84a1aaec83
commit 013bda6fc7
1 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
plugins/plugins/core/q-app/q-apps.src.js
View File

@ -4,6 +4,7 @@ import { Epml } from '../../../epml.js'
import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate'
import { columnBodyRenderer, gridRowDetailsRenderer } from '@vaadin/grid/lit.js'
import isElectron from 'is-electron'
import '@polymer/paper-spinner/paper-spinner-lite.js'
registerTranslateConfig({
loader: lang => fetch(`/language/${lang}.json`).then(res => res.json())
@ -42,7 +43,9 @@ class QApps extends LitElement {
blockedResources: { type: Array },
textStatus: { type: String },
textProgress: { type: String },
theme: { type: String, reflect: true }
theme: { type: String, reflect: true },
hasInitiallyFetched: {type:Boolean},
isLoading: {type: Boolean}
}
}
@ -369,6 +372,7 @@ class QApps extends LitElement {
this.blockedNames = []
this.relayMode = null
this.isLoading = false
this.hasInitiallyFetched = false
this.btnDisabled = false
this.searchName = ''
this.searchResources = []
@ -421,13 +425,14 @@ class QApps extends LitElement {
</vaadin-grid-column>
</vaadin-grid>
<div id="pages"></div>
${this.pageRes == null ? html`
Loading...
${this.isLoading ? html`
<div style="width:100%;display:flex;justify-content:center;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%)"> <paper-spinner-lite active></paper-spinner-lite></div>
` : ''}
${this.isEmptyArray(this.pageRes) ? html`
${this.isEmptyArray(this.pageRes) && this.hasInitiallyFetched ? html`
<span style="color: var(--black);">${translate("appspage.schange10")}</span>
` : ''}
${this.renderRelayModeText()}<br>
</div>
<div id="tab-followed-content">
<div style="min-height:48px; display: flex; padding-bottom: 6px; margin: 2px;">
@ -738,11 +743,16 @@ class QApps extends LitElement {
const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]
const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port
let jsonOffsetUrl = `${nodeUrl}/arbitrary/resources?service=APP&default=true&limit=20&offset=${offset}&reverse=false&includestatus=true&includemetadata=true&excludeblocked=true`
this.isLoading = true
const jsonOffsetRes = await fetch(jsonOffsetUrl)
const jsonOffsetData = await jsonOffsetRes.json()
this.pageRes = jsonOffsetData
if(!this.hasInitiallyFetched){
this.hasInitiallyFetched = true
}
this.isLoading = false
}
async updateItemsFromPage(page) {