Rework Overview and Sponsor

This commit is contained in:
AlphaX-Projects 2023-07-24 14:21:20 +02:00
parent 63bd6ac3c4
commit 360e82e621
21 changed files with 514 additions and 510 deletions

View File

@ -214,7 +214,8 @@
"wp1": "Prägung", "wp1": "Prägung",
"wp2": "Nicht am Prägen", "wp2": "Nicht am Prägen",
"wp3": "Kerninformationen", "wp3": "Kerninformationen",
"wp4": "Synchronisiert" "wp4": "Synchronisiert",
"wp5": "Synchronisierungsstatus"
}, },
"general": { "general": {
"yes": "Ja", "yes": "Ja",

View File

@ -214,7 +214,8 @@
"wp1": "Acuñación", "wp1": "Acuñación",
"wp2": "Sin acuñar", "wp2": "Sin acuñar",
"wp3": "Información básica", "wp3": "Información básica",
"wp4": "Sincronizado" "wp4": "Sincronizado",
"wp5": "Estado de sincronización"
}, },
"general": { "general": {
"yes": "Sí", "yes": "Sí",

View File

@ -214,7 +214,8 @@
"wp1": "Monnaie", "wp1": "Monnaie",
"wp2": "Pas de frappe", "wp2": "Pas de frappe",
"wp3": "Informations de base", "wp3": "Informations de base",
"wp4": "Synchronisé" "wp4": "Synchronisé",
"wp5": "État de la synchronisation"
}, },
"general": { "general": {
"yes": "Oui", "yes": "Oui",

View File

@ -215,7 +215,8 @@
"wp1": "खनन", "wp1": "खनन",
"wp2": "नॉट मिंटिंग", "wp2": "नॉट मिंटिंग",
"wp3": "मुख्य जानकारी", "wp3": "मुख्य जानकारी",
"wp4": "सिंक्रोनाइज़्ड" "wp4": "सिंक्रोनाइज़्ड",
"wp5": "सिंक स्थिति"
}, },
"general": { "general": {
"yes": "हाँ", "yes": "हाँ",

View File

@ -214,7 +214,8 @@
"wp1": "Kovanje", "wp1": "Kovanje",
"wp2": "Nije kovano", "wp2": "Nije kovano",
"wp3": "Osnovne informacije", "wp3": "Osnovne informacije",
"wp4": "Sinkronizirano" "wp4": "Sinkronizirano",
"wp5": "Status sinkronizacije"
}, },
"general": { "general": {
"yes": "Da", "yes": "Da",

View File

@ -214,7 +214,8 @@
"wp1": "verés", "wp1": "verés",
"wp2": "Nem pénzverés", "wp2": "Nem pénzverés",
"wp3": "Alapinformációk", "wp3": "Alapinformációk",
"wp4": "Szinkronizált" "wp4": "Szinkronizált",
"wp5": "Szinkronizálás állapota"
}, },
"general": { "general": {
"yes": "Igen", "yes": "Igen",

View File

@ -214,7 +214,8 @@
"wp1": "Conio", "wp1": "Conio",
"wp2": "Non conio", "wp2": "Non conio",
"wp3": "Informazioni principali", "wp3": "Informazioni principali",
"wp4": "Sincronizzato" "wp4": "Sincronizzato",
"wp5": "Stato sincronizzazione"
}, },
"general": { "general": {
"yes": "Yes", "yes": "Yes",

View File

@ -216,7 +216,8 @@
"wp1": "ミント", "wp1": "ミント",
"wp2": "鋳造しない", "wp2": "鋳造しない",
"wp3": "コア情報", "wp3": "コア情報",
"wp4": "同期済み" "wp4": "同期済み",
"wp5": "同期ステータス"
}, },
"general": { "general": {
"yes": "はい", "yes": "はい",

View File

@ -214,7 +214,8 @@
"wp1": "조폐", "wp1": "조폐",
"wp2": "조폐되지 않음", "wp2": "조폐되지 않음",
"wp3": "핵심 정보", "wp3": "핵심 정보",
"wp4": "동기화됨" "wp4": "동기화됨",
"wp5": "동기화 상태"
}, },
"general": { "general": {
"yes": "예", "yes": "예",

View File

@ -214,7 +214,8 @@
"wp1": "Minting", "wp1": "Minting",
"wp2": "Ikke preging", "wp2": "Ikke preging",
"wp3": "Kjerneinformasjon", "wp3": "Kjerneinformasjon",
"wp4": "Synkronisert" "wp4": "Synkronisert",
"wp5": "Synkroniseringsstatus"
}, },
"general": { "general": {
"yes": "Ja", "yes": "Ja",

View File

@ -214,7 +214,8 @@
"wp1": "Bicie", "wp1": "Bicie",
"wp2": "Nie bije", "wp2": "Nie bije",
"wp3": "Podstawowe informacje", "wp3": "Podstawowe informacje",
"wp4": "Zsynchronizowany" "wp4": "Zsynchronizowany",
"wp5": "Stan synchronizacji"
}, },
"general": { "general": {
"yes": "Tak", "yes": "Tak",

View File

@ -214,7 +214,8 @@
"wp1": "Criação", "wp1": "Criação",
"wp2": "Não está cunhando", "wp2": "Não está cunhando",
"wp3": "Informações essenciais", "wp3": "Informações essenciais",
"wp4": "Sincronizado" "wp4": "Sincronizado",
"wp5": "Status da sincronização"
}, },
"general": { "general": {
"yes": "Sim", "yes": "Sim",

View File

@ -214,7 +214,8 @@
"wp1": "Battering", "wp1": "Battering",
"wp2": "Nu se bate", "wp2": "Nu se bate",
"wp3": "Informații de bază", "wp3": "Informații de bază",
"wp4": "Sincronizat" "wp4": "Sincronizat",
"wp5": "Stare sincronizare"
}, },
"general": { "general": {
"yes": "Da", "yes": "Da",

View File

@ -214,7 +214,8 @@
"wp1": "Kovanje", "wp1": "Kovanje",
"wp2": "Ne kuje", "wp2": "Ne kuje",
"wp3": "Osnovne informacije", "wp3": "Osnovne informacije",
"wp4": "Sinhronizovano" "wp4": "Sinhronizovano",
"wp5": "Status sinhronizacije"
}, },
"general": { "general": {
"yes": "Da", "yes": "Da",

View File

@ -214,7 +214,8 @@
"wp1": "Чеканка", "wp1": "Чеканка",
"wp2": "Не чеканить", "wp2": "Не чеканить",
"wp3": "Основная информация", "wp3": "Основная информация",
"wp4": "Синхронизировано" "wp4": "Синхронизировано",
"wp5": "Статус синхронизации"
}, },
"general": { "general": {
"yes": "Да", "yes": "Да",

View File

@ -215,7 +215,8 @@
"wp1": "Minting", "wp1": "Minting",
"wp2": "Not Minting", "wp2": "Not Minting",
"wp3": "Core Information", "wp3": "Core Information",
"wp4": "Synchronized" "wp4": "Synchronized",
"wp5": "Sync Status"
}, },
"general": { "general": {
"yes": "Yes", "yes": "Yes",

View File

@ -214,7 +214,8 @@
"wp1": "铸造", "wp1": "铸造",
"wp2": "不铸造", "wp2": "不铸造",
"wp3": "核心信息", "wp3": "核心信息",
"wp4": "已同步" "wp4": "已同步",
"wp5": "同步状态"
}, },
"general": { "general": {
"yes": "是", "yes": "是",

View File

@ -214,7 +214,8 @@
"wp1": "鑄造", "wp1": "鑄造",
"wp2": "不鑄造", "wp2": "不鑄造",
"wp3": "核心信息", "wp3": "核心信息",
"wp4": "已同步" "wp4": "已同步",
"wp5": "同步狀態"
}, },
"general": { "general": {
"yes": "是", "yes": "是",

View File

@ -79,6 +79,8 @@ a:not([href]):not([tabindex]):focus {
img { img {
vertical-align: middle; vertical-align: middle;
border-style: none; border-style: none;
height: 128px;
width: 128px;
} }
caption { caption {

View File

@ -1,13 +1,15 @@
import { LitElement, html, css } from 'lit' import { LitElement, html, css } from 'lit'
import { Epml } from '../../../epml.js' import { Epml } from '../../../epml.js'
import { use, get, translate, registerTranslateConfig } from 'lit-translate' import { use, get, translate, registerTranslateConfig } from 'lit-translate'
import isElectron from 'is-electron'
import { overviewStyle } from './overview-page-css.js' import { overviewStyle } from './overview-page-css.js'
import { asyncReplace } from 'lit/directives/async-replace.js' import { asyncReplace } from 'lit/directives/async-replace.js'
import isElectron from 'is-electron'
import "@material/mwc-button" import "@material/mwc-button"
import '@material/mwc-dialog' import '@material/mwc-dialog'
import '@vaadin/button';
import '@polymer/paper-spinner/paper-spinner-lite.js' import '@polymer/paper-spinner/paper-spinner-lite.js'
import '@vaadin/button'
registerTranslateConfig({ registerTranslateConfig({
loader: (lang) => fetch(`/language/${lang}.json`).then((res) => res.json()), loader: (lang) => fetch(`/language/${lang}.json`).then((res) => res.json()),
@ -15,8 +17,8 @@ registerTranslateConfig({
async function* countDown(count, callback) { async function* countDown(count, callback) {
while (count > 0) { while (count > 0) {
yield count--; yield count--
await new Promise((r) => setTimeout(r, 1000)); await new Promise((r) => setTimeout(r, 1000))
if (count === 0) { if (count === 0) {
callback() callback()
} }
@ -114,7 +116,7 @@ class OverviewPage extends LitElement {
</div> </div>
<div> <div>
<span class="heading"><span class="${this.cssStatus2}">${this.renderSyncStatus()}</span></span> <span class="heading"><span class="${this.cssStatus2}">${this.renderSyncStatus()}</span></span>
<span class="description">${translate("walletpage.wchange41")}</span> <span class="description">${translate("walletprofile.wp5")}</span>
</div> </div>
</div> </div>
</div> </div>
@ -168,14 +170,18 @@ class OverviewPage extends LitElement {
setInterval(() => { setInterval(() => {
this.refreshItems() this.refreshItems()
}, 60000) }, 60000)
setInterval(() => {
this.getAvatar()
}, 180000)
} }
changeTheme() { changeTheme() {
const checkTheme = localStorage.getItem('qortalTheme') const checkTheme = localStorage.getItem('qortalTheme')
if (checkTheme === 'dark') { if (checkTheme === 'dark') {
this.theme = 'dark'; this.theme = 'dark'
} else { } else {
this.theme = 'light'; this.theme = 'light'
} }
document.querySelector('html').setAttribute('theme', this.theme) document.querySelector('html').setAttribute('theme', this.theme)
} }
@ -288,7 +294,7 @@ class StartMintingNow extends LitElement {
status: { type: Number }, status: { type: Number },
timer: { type: Number }, timer: { type: Number },
privateRewardShareKey: { type: String } privateRewardShareKey: { type: String }
}; }
} }
static get styles() { static get styles() {
@ -424,24 +430,24 @@ class StartMintingNow extends LitElement {
color: var(--error); color: var(--error);
} }
`, `,
]; ]
} }
constructor() { constructor() {
super(); super()
this.mintingAccountData = []; this.mintingAccountData = []
this.errorMsg = ''; this.errorMsg = ''
this.openDialogRewardShare = false; this.openDialogRewardShare = false
this.status = 0; this.status = 0
this.privateRewardShareKey = ""; this.privateRewardShareKey = ""
} }
render() { render() {
return html` ${this.renderStartMintingButton()} `; return html` ${this.renderStartMintingButton()} `
} }
firstUpdated() { firstUpdated() {
this.getMintingAcccounts(); this.getMintingAcccounts()
} }
renderErrorMsg1() { renderErrorMsg1() {
@ -465,7 +471,7 @@ class StartMintingNow extends LitElement {
const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port
const url = `${nodeUrl}/admin/mintingaccounts` const url = `${nodeUrl}/admin/mintingaccounts`
try { try {
const res = await fetch(url); const res = await fetch(url)
const mintingAccountData = await res.json() const mintingAccountData = await res.json()
this.mintingAccountData = mintingAccountData this.mintingAccountData = mintingAccountData
@ -509,7 +515,7 @@ class StartMintingNow extends LitElement {
} }
} catch (error) { } catch (error) {
this.errorMsg = this.renderErrorMsg2() this.errorMsg = this.renderErrorMsg2()
return; return
} }
try { try {
@ -540,7 +546,7 @@ class StartMintingNow extends LitElement {
} }
if (!stop) { if (!stop) {
stop = true; stop = true
try { try {
const address = window.parent.reduxStore.getState().app?.selectedAddress?.address const address = window.parent.reduxStore.getState().app?.selectedAddress?.address
const myRewardShareArray = await rewardShares(address) const myRewardShareArray = await rewardShares(address)
@ -554,7 +560,7 @@ class StartMintingNow extends LitElement {
} }
stop = false stop = false
} }
}; }
interval = setInterval(getAnswer, 5000) interval = setInterval(getAnswer, 5000)
} }
@ -570,7 +576,7 @@ class StartMintingNow extends LitElement {
const isMinterButKeyMintingKeyNotAssigned = addressInfo?.error !== 124 && addressInfo?.level >= 1 && !findMintingAccount const isMinterButKeyMintingKeyNotAssigned = addressInfo?.error !== 124 && addressInfo?.level >= 1 && !findMintingAccount
const makeTransactionRequest = async (lastRef) => { const makeTransactionRequest = async (lastRef) => {
let mylastRef = lastRef; let mylastRef = lastRef
let rewarddialog1 = get('transactions.rewarddialog1') let rewarddialog1 = get('transactions.rewarddialog1')
let rewarddialog2 = get('transactions.rewarddialog2') let rewarddialog2 = get('transactions.rewarddialog2')
let rewarddialog3 = get('transactions.rewarddialog3') let rewarddialog3 = get('transactions.rewarddialog3')
@ -594,18 +600,18 @@ class StartMintingNow extends LitElement {
} }
const getTxnRequestResponse = (txnResponse) => { const getTxnRequestResponse = (txnResponse) => {
let err6string = get('rewardsharepage.rchange21'); let err6string = get('rewardsharepage.rchange21')
if (txnResponse?.extraData?.rewardSharePrivateKey && (txnResponse?.data?.message?.includes('multiple') || txnResponse?.data?.message?.includes('SELF_SHARE_EXISTS'))) { if (txnResponse?.extraData?.rewardSharePrivateKey && (txnResponse?.data?.message?.includes('multiple') || txnResponse?.data?.message?.includes('SELF_SHARE_EXISTS'))) {
return err6string return err6string
} }
if (txnResponse.success === false && txnResponse.message) { if (txnResponse.success === false && txnResponse.message) {
throw (txnResponse); throw (txnResponse)
} else if ( } else if (
txnResponse.success === true && txnResponse.success === true &&
!txnResponse.data.error !txnResponse.data.error
) { ) {
return err6string; return err6string
} else { } else {
throw (txnResponse) throw (txnResponse)
} }
@ -617,7 +623,7 @@ class StartMintingNow extends LitElement {
let myTransaction = await makeTransactionRequest(lastRef) let myTransaction = await makeTransactionRequest(lastRef)
getTxnRequestResponse(myTransaction); getTxnRequestResponse(myTransaction)
return myTransaction?.extraData?.rewardSharePrivateKey return myTransaction?.extraData?.rewardSharePrivateKey
} }
@ -637,7 +643,7 @@ class StartMintingNow extends LitElement {
if(findMintingAccountsFromUser.length > 2){ if(findMintingAccountsFromUser.length > 2){
this.errorMsg = translate("startminting.smchange10") this.errorMsg = translate("startminting.smchange10")
return; return
} }
try { try {
@ -646,7 +652,7 @@ class StartMintingNow extends LitElement {
} catch (error) { } catch (error) {
console.log({ error }) console.log({ error })
this.errorMsg = error?.data?.message || this.renderErrorMsg4() this.errorMsg = error?.data?.message || this.renderErrorMsg4()
return; return
} }
} }
@ -741,7 +747,7 @@ class StartMintingNow extends LitElement {
` : ""} ` : ""}
` : ''} ` : ''}
`; `
} }
} }
window.customElements.define('start-minting-now', StartMintingNow) window.customElements.define('start-minting-now', StartMintingNow)
@ -751,7 +757,7 @@ class MyButton extends LitElement {
onClick: { type: Function }, onClick: { type: Function },
isLoading: { type: Boolean }, isLoading: { type: Boolean },
label: { type: String }, label: { type: String },
}; }
static styles = css` static styles = css`
vaadin-button { vaadin-button {
@ -769,13 +775,13 @@ class MyButton extends LitElement {
vaadin-button:hover { vaadin-button:hover {
opacity: 0.9; opacity: 0.9;
} }
`; `
constructor() { constructor() {
super(); super()
this.onClick = () => {}; this.onClick = () => {}
this.isLoading = false; this.isLoading = false
this.label = ''; this.label = ''
} }
render() { render() {
@ -788,7 +794,7 @@ class MyButton extends LitElement {
? html`${this.label}` ? html`${this.label}`
: html`<paper-spinner-lite active></paper-spinner-lite>`} : html`<paper-spinner-lite active></paper-spinner-lite>`}
</vaadin-button> </vaadin-button>
`; `
} }
} }
customElements.define('my-button', MyButton) customElements.define('my-button', MyButton)

File diff suppressed because it is too large Load Diff