Qortal/qortal-ui
1
0
Fork 0
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-03-27 07:45:54 +00:00
Code Issues Packages 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 { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate'
import { columnBodyRenderer, gridRowDetailsRenderer } from '@vaadin/grid/lit.js' import { columnBodyRenderer, gridRowDetailsRenderer } from '@vaadin/grid/lit.js'
import isElectron from 'is-electron' import isElectron from 'is-electron'
import '@polymer/paper-spinner/paper-spinner-lite.js'
registerTranslateConfig({ registerTranslateConfig({
loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) loader: lang => fetch(`/language/${lang}.json`).then(res => res.json())
@ -42,7 +43,9 @@ class QApps extends LitElement {
blockedResources: { type: Array }, blockedResources: { type: Array },
textStatus: { type: String }, textStatus: { type: String },
textProgress: { 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.blockedNames = []
this.relayMode = null this.relayMode = null
this.isLoading = false this.isLoading = false
this.hasInitiallyFetched = false
this.btnDisabled = false this.btnDisabled = false
this.searchName = '' this.searchName = ''
this.searchResources = [] this.searchResources = []
@ -421,13 +425,14 @@ class QApps extends LitElement {
</vaadin-grid-column> </vaadin-grid-column>
</vaadin-grid> </vaadin-grid>
<div id="pages"></div> <div id="pages"></div>
${this.pageRes == null ? html` ${this.isLoading ? html`
Loading... <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> <span style="color: var(--black);">${translate("appspage.schange10")}</span>
` : ''} ` : ''}
${this.renderRelayModeText()}<br> ${this.renderRelayModeText()}<br>
</div> </div>
<div id="tab-followed-content"> <div id="tab-followed-content">
<div style="min-height:48px; display: flex; padding-bottom: 6px; margin: 2px;"> <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 myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]
const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port 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` 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 jsonOffsetRes = await fetch(jsonOffsetUrl)
const jsonOffsetData = await jsonOffsetRes.json() const jsonOffsetData = await jsonOffsetRes.json()
this.pageRes = jsonOffsetData this.pageRes = jsonOffsetData
if(!this.hasInitiallyFetched){
this.hasInitiallyFetched = true
}
this.isLoading = false
} }
async updateItemsFromPage(page) { async updateItemsFromPage(page) {