Qortal/qortal-ui
1
0
Fork 0
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-03-30 17:25:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

testing speed

Browse Source
This commit is contained in:
Phillip 2023-08-09 23:52:26 +03:00
parent 774393312f
commit 9705febe65
6 changed files with 399 additions and 431 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
plugins/plugins/core/components/ChatModals.js
View File

@ -11,12 +11,12 @@ const parentEpml = new Epml({ type: 'WINDOW', source: window.parent })
class ChatModals extends LitElement { class ChatModals extends LitElement {
static get properties() { static get properties() {
return { return {
openDialogPrivateMessage: {type: Boolean}, openDialogPrivateMessage: { type: Boolean },
openDialogBlockUser: {type: Boolean}, openDialogBlockUser: { type: Boolean },
isLoading: { type: Boolean }, isLoading: { type: Boolean },
nametodialog: { type: String, attribute: true }, nametodialog: { type: String, attribute: true },
hidePrivateMessageModal: {type: Function}, hidePrivateMessageModal: { type: Function },
hideBlockUserModal: {type: Function}, hideBlockUserModal: { type: Function },
toblockaddress: { type: String, attribute: true }, toblockaddress: { type: String, attribute: true },
chatBlockedAdresses: { type: Array } chatBlockedAdresses: { type: Array }
} }
@ -25,8 +25,8 @@ class ChatModals extends LitElement {
constructor() { constructor() {
super() super()
this.isLoading = false this.isLoading = false
this.hidePrivateMessageModal = () => {} this.hidePrivateMessageModal = () => { }
this.hideBlockUserModal = () => {} this.hideBlockUserModal = () => { }
this.chatBlockedAdresses = [] this.chatBlockedAdresses = []
} }
@ -79,11 +79,7 @@ class ChatModals extends LitElement {
if (!selectedAddress || Object.entries(selectedAddress).length === 0) return if (!selectedAddress || Object.entries(selectedAddress).length === 0) return
this.selectedAddress = selectedAddress this.selectedAddress = selectedAddress
}) })
parentEpml.request('apiCall', {
url: `/addresses/balance/${window.parent.reduxStore.getState().app.selectedAddress.address}`
}).then(res => {
this.balance = res
})
}) })
parentEpml.imReady() parentEpml.imReady()
@ -276,8 +272,8 @@ class ChatModals extends LitElement {
fetch(`${nodeUrl}/names/address/${item}?limit=0&reverse=true`).then(res => { fetch(`${nodeUrl}/names/address/${item}?limit=0&reverse=true`).then(res => {
return res.json() return res.json()
}).then(jsonRes => { }).then(jsonRes => {
if(jsonRes.length) { if (jsonRes.length) {
jsonRes.map (item => { jsonRes.map(item => {
obj.push(item) obj.push(item)
}) })
} else { } else {
@ -291,7 +287,7 @@ class ChatModals extends LitElement {
relMessages() { relMessages() {
setTimeout(() => { setTimeout(() => {
window.location.href = window.location.href.split( '#' )[0] window.location.href = window.location.href.split('#')[0]
}, 500) }, 500)
} }

146
plugins/plugins/core/components/ChatPage.js
View File

@ -1443,14 +1443,7 @@ class ChatPage extends LitElement {
` : ''} ` : ''}
<div class="chat-text-area" style="${`${(this.repliedToMessageObj || this.editedMessageObj) && "min-height: 120px"}`}"> <div class="chat-text-area" style="${`${(this.repliedToMessageObj || this.editedMessageObj) && "min-height: 120px"}`}">
<!-- gif div --> <!-- gif div -->
<chat-gifs
class="chat-gifs"
style=${this.openGifModal ? "display: flex;" : "display: none;"}
.webWorkerImage=${this.webWorkerFile}
.setGifsLoading=${(val) => this.setGifsLoading(val)}
.sendMessage=${(val) => this._sendMessage(val)}
.setOpenGifModal=${(val) => this.setOpenGifModal(val)}>
</chat-gifs>
<div <div
class='last-message-ref' class='last-message-ref'
style=${(this.lastMessageRefVisible && !this.imageFile && !this.openGifModal) ? 'opacity: 1;' : 'opacity: 0;'}> style=${(this.lastMessageRefVisible && !this.imageFile && !this.openGifModal) ? 'opacity: 1;' : 'opacity: 0;'}>
@ -2398,11 +2391,7 @@ class ChatPage extends LitElement {
if (!selectedAddress || Object.entries(selectedAddress).length === 0) return if (!selectedAddress || Object.entries(selectedAddress).length === 0) return
this.selectedAddress = selectedAddress this.selectedAddress = selectedAddress
}) })
parentEpml.request('apiCall', {
url: `/addresses/balance/${window.parent.reduxStore.getState().app.selectedAddress.address}`
}).then(res => {
this.balance = res
})
}) })
parentEpml.imReady() parentEpml.imReady()
@ -2559,15 +2548,15 @@ class ChatPage extends LitElement {
return this.decodeMessage(eachMessage) return this.decodeMessage(eachMessage)
}) })
const replacedMessages = await replaceMessagesEdited({ // const replacedMessages = await replaceMessagesEdited({
decodedMessages: decodeMsgs, // decodedMessages: decodeMsgs,
parentEpml, // parentEpml,
isReceipient: this.isReceipient, // isReceipient: this.isReceipient,
decodeMessageFunc: this.decodeMessage, // decodeMessageFunc: this.decodeMessage,
_publicKey: this._publicKey // _publicKey: this._publicKey
}) // })
this.messagesRendered = [...replacedMessages, ...this.messagesRendered].sort(function (a, b) { this.messagesRendered = [...decodeMsgs, ...this.messagesRendered].sort(function (a, b) {
return a.timestamp return a.timestamp
- b.timestamp - b.timestamp
}) })
@ -2589,15 +2578,15 @@ class ChatPage extends LitElement {
return this.decodeMessage(eachMessage) return this.decodeMessage(eachMessage)
}) })
const replacedMessages = await replaceMessagesEdited({ // const replacedMessages = await replaceMessagesEdited({
decodedMessages: decodeMsgs, // decodedMessages: decodeMsgs,
parentEpml, // parentEpml,
isReceipient: this.isReceipient, // isReceipient: this.isReceipient,
decodeMessageFunc: this.decodeMessage, // decodeMessageFunc: this.decodeMessage,
_publicKey: this._publicKey // _publicKey: this._publicKey
}) // })
this.messagesRendered = [...replacedMessages, ...this.messagesRendered].sort(function (a, b) { this.messagesRendered = [...decodeMsgs, ...this.messagesRendered].sort(function (a, b) {
return a.timestamp return a.timestamp
- b.timestamp - b.timestamp
}) })
@ -2623,15 +2612,15 @@ class ChatPage extends LitElement {
return this.decodeMessage(eachMessage) return this.decodeMessage(eachMessage)
}) })
const replacedMessages = await replaceMessagesEdited({ // const replacedMessages = await replaceMessagesEdited({
decodedMessages: decodeMsgs, // decodedMessages: decodeMsgs,
parentEpml, // parentEpml,
isReceipient: this.isReceipient, // isReceipient: this.isReceipient,
decodeMessageFunc: this.decodeMessage, // decodeMessageFunc: this.decodeMessage,
_publicKey: this._publicKey // _publicKey: this._publicKey
}) // })
this.messagesRendered = [...replacedMessages, ...this.messagesRendered].sort(function (a, b) { this.messagesRendered = [...decodeMsgs, ...this.messagesRendered].sort(function (a, b) {
return a.timestamp return a.timestamp
- b.timestamp - b.timestamp
}) })
@ -2655,15 +2644,15 @@ class ChatPage extends LitElement {
return this.decodeMessage(eachMessage) return this.decodeMessage(eachMessage)
}) })
const replacedMessages = await replaceMessagesEdited({ // const replacedMessages = await replaceMessagesEdited({
decodedMessages: decodeMsgs, // decodedMessages: decodeMsgs,
parentEpml, // parentEpml,
isReceipient: this.isReceipient, // isReceipient: this.isReceipient,
decodeMessageFunc: this.decodeMessage, // decodeMessageFunc: this.decodeMessage,
_publicKey: this._publicKey // _publicKey: this._publicKey
}) // })
this.messagesRendered = [...replacedMessages, ...this.messagesRendered].sort(function (a, b) { this.messagesRendered = [...decodeMsgs, ...this.messagesRendered].sort(function (a, b) {
return a.timestamp return a.timestamp
- b.timestamp - b.timestamp
}) })
@ -2690,15 +2679,15 @@ class ChatPage extends LitElement {
return this.decodeMessage(eachMessage) return this.decodeMessage(eachMessage)
}) })
const replacedMessages = await replaceMessagesEdited({ // const replacedMessages = await replaceMessagesEdited({
decodedMessages: decodeMsgs, // decodedMessages: decodeMsgs,
parentEpml, // parentEpml,
isReceipient: this.isReceipient, // isReceipient: this.isReceipient,
decodeMessageFunc: this.decodeMessage, // decodeMessageFunc: this.decodeMessage,
_publicKey: this._publicKey // _publicKey: this._publicKey
}) // })
this.messagesRendered = [...this.messagesRendered, ...replacedMessages].sort(function (a, b) { this.messagesRendered = [...this.messagesRendered, ...decodeMsgs].sort(function (a, b) {
return a.timestamp return a.timestamp
- b.timestamp - b.timestamp
}) })
@ -2722,15 +2711,15 @@ class ChatPage extends LitElement {
return this.decodeMessage(eachMessage) return this.decodeMessage(eachMessage)
}) })
const replacedMessages = await replaceMessagesEdited({ // const replacedMessages = await replaceMessagesEdited({
decodedMessages: decodeMsgs, // decodedMessages: decodeMsgs,
parentEpml, // parentEpml,
isReceipient: this.isReceipient, // isReceipient: this.isReceipient,
decodeMessageFunc: this.decodeMessage, // decodeMessageFunc: this.decodeMessage,
_publicKey: this._publicKey // _publicKey: this._publicKey
}) // })
this.messagesRendered = [...this.messagesRendered, ...replacedMessages].sort(function (a, b) { this.messagesRendered = [...this.messagesRendered, ...decodeMsgs].sort(function (a, b) {
return a.timestamp return a.timestamp
- b.timestamp - b.timestamp
}) })
@ -2762,35 +2751,36 @@ class ChatPage extends LitElement {
}) })
if (isInitial) { if (isInitial) {
this.chatEditorPlaceholder = await this.renderPlaceholder() this.chatEditorPlaceholder = await this.renderPlaceholder()
const replacedMessages = await replaceMessagesEdited({ // const replacedMessages = await replaceMessagesEdited({
decodedMessages: decodedMessages, // decodedMessages: decodedMessages,
parentEpml, // parentEpml,
isReceipient: isReceipient, // isReceipient: isReceipient,
decodeMessageFunc: this.decodeMessage, // decodeMessageFunc: this.decodeMessage,
_publicKey: this._publicKey // _publicKey: this._publicKey
}) // })
this._messages = replacedMessages.sort(function (a, b) { this._messages = decodedMessages.sort(function (a, b) {
return a.timestamp return a.timestamp
- b.timestamp - b.timestamp
}) })
// TODO: Determine number of initial messages by screen height... // TODO: Determine number of initial messages by screen height...
// this.messagesRendered = this._messages
this.messagesRendered = this._messages this.messagesRendered = this._messages
this.isLoadingMessages = false this.isLoadingMessages = false
setTimeout(() => this.downElementObserver(), 500) setTimeout(() => this.downElementObserver(), 500)
} else { } else {
const replacedMessages = await replaceMessagesEdited({ // const replacedMessages = await replaceMessagesEdited({
decodedMessages: decodedMessages, // decodedMessages: decodedMessages,
parentEpml, // parentEpml,
isReceipient: isReceipient, // isReceipient: isReceipient,
decodeMessageFunc: this.decodeMessage, // decodeMessageFunc: this.decodeMessage,
_publicKey: this._publicKey, // _publicKey: this._publicKey,
isNotInitial: true // isNotInitial: true
}) // })
const renderEachMessage = replacedMessages.map(async (msg) => { const renderEachMessage = decodedMessages.map(async (msg) => {
await this.renderNewMessage(msg) await this.renderNewMessage(msg)
}) })

6
plugins/plugins/core/components/ChatWelcomePage.js
View File

@ -304,11 +304,7 @@ class ChatWelcomePage extends LitElement {
if (!selectedAddress || Object.entries(selectedAddress).length === 0) return if (!selectedAddress || Object.entries(selectedAddress).length === 0) return
this.selectedAddress = selectedAddress this.selectedAddress = selectedAddress
}) })
parentEpml.request('apiCall', {
url: `/addresses/balance/${window.parent.reduxStore.getState().app.selectedAddress.address}`
}).then(res => {
this.balance = res
})
}) })
parentEpml.imReady() parentEpml.imReady()

18
plugins/plugins/core/components/LevelFounder.js
View File

@ -101,7 +101,7 @@ class LevelFounder extends LitElement {
} }
firstUpdated() { firstUpdated() {
this.checkAddressInfo() console.log('levelFounder')
parentEpml.ready().then(() => { parentEpml.ready().then(() => {
parentEpml.subscribe('selected_address', async selectedAddress => { parentEpml.subscribe('selected_address', async selectedAddress => {
@ -115,28 +115,28 @@ class LevelFounder extends LitElement {
} }
async checkAddressInfo() { async checkAddressInfo() {
let toCheck = this.checkleveladdress // let toCheck = this.checkleveladdress
const memberInfo = await parentEpml.request('apiCall', { // const memberInfo = await parentEpml.request('apiCall', {
url: `/addresses/${toCheck}` // url: `/addresses/${toCheck}`
}) // })
this.memberInfo = memberInfo // this.memberInfo = memberInfo
} }
renderFounder() { renderFounder() {
let adressfounder = this.memberInfo.flags let adressfounder = this.memberInfo.flags
if (adressfounder === 1) { if (adressfounder === 1) {
return html ` return html`
<span id="founderTooltip" class="badge">F</span> <span id="founderTooltip" class="badge">F</span>
<paper-tooltip class="custom" for="founderTooltip" position="top">FOUNDER</paper-tooltip> <paper-tooltip class="custom" for="founderTooltip" position="top">FOUNDER</paper-tooltip>
` `
} else { } else {
return html `` return html``
} }
} }
renderLevel() { renderLevel() {
let adresslevel = this.memberInfo.level let adresslevel = this.memberInfo.level
return adresslevel ? html ` return adresslevel ? html`
<img id="level-img" src=${`/img/badges/level-${adresslevel}.png`} alt=${`badge-${adresslevel}`} class="message-data-level" /> <img id="level-img" src=${`/img/badges/level-${adresslevel}.png`} alt=${`badge-${adresslevel}`} class="message-data-level" />
<paper-tooltip class="level-img-tooltip" for="level-img" position="top" > <paper-tooltip class="level-img-tooltip" for="level-img" position="top" >
${translate("mintingpage.mchange27")} ${adresslevel} ${translate("mintingpage.mchange27")} ${adresslevel}

14
plugins/plugins/core/components/NameMenu.js
View File

@ -251,7 +251,7 @@ class NameMenu extends LitElement {
this.getChatBlockedAdresses() this.getChatBlockedAdresses()
}, 60000) }, 60000)
window.onclick = function(event) { window.onclick = function (event) {
if (!event.target.matches('.block')) { if (!event.target.matches('.block')) {
var dropdowns = document.getElementsByClassName('dropdown-content'); var dropdowns = document.getElementsByClassName('dropdown-content');
var i; var i;
@ -290,11 +290,7 @@ class NameMenu extends LitElement {
if (!selectedAddress || Object.entries(selectedAddress).length === 0) return if (!selectedAddress || Object.entries(selectedAddress).length === 0) return
this.selectedAddress = selectedAddress this.selectedAddress = selectedAddress
}) })
parentEpml.request('apiCall', {
url: `/addresses/balance/${window.parent.reduxStore.getState().app.selectedAddress.address}`
}).then(res => {
this.balance = res
})
}) })
parentEpml.imReady() parentEpml.imReady()
} }
@ -333,7 +329,7 @@ class NameMenu extends LitElement {
relMessages() { relMessages() {
setTimeout(() => { setTimeout(() => {
window.location.href = window.location.href.split( '#' )[0] window.location.href = window.location.href.split('#')[0]
}, 500) }, 500)
} }
@ -407,8 +403,8 @@ class NameMenu extends LitElement {
fetch(`${nodeUrl}/names/address/${item}?limit=0&reverse=true`).then(res => { fetch(`${nodeUrl}/names/address/${item}?limit=0&reverse=true`).then(res => {
return res.json() return res.json()
}).then(jsonRes => { }).then(jsonRes => {
if(jsonRes.length) { if (jsonRes.length) {
jsonRes.map (item => { jsonRes.map(item => {
obj.push(item) obj.push(item)
}) })
} else { } else {

16
plugins/plugins/core/components/TipUser.js
View File

@ -70,17 +70,7 @@ export class TipUser extends LitElement {
} }
async fetchWalletDetails() { async fetchWalletDetails() {
await parentEpml.request('apiCall', {
url: `/addresses/balance/${this.myAddress.address}?apiKey=${this.getApiKey()}`,
})
.then((res) => {
if (isNaN(Number(res))) {
let snack4string = get("chatpage.cchange48")
parentEpml.request('showSnackBar', `${snack4string}`)
} else {
this.walletBalance = Number(res).toFixed(8)
}
})
} }
async sendQort() { async sendQort() {
@ -161,14 +151,14 @@ export class TipUser extends LitElement {
} }
} }
const getName = async (recipient)=> { const getName = async (recipient) => {
try { try {
const getNames = await parentEpml.request("apiCall", { const getNames = await parentEpml.request("apiCall", {
type: "api", type: "api",
url: `/names/address/${recipient}`, url: `/names/address/${recipient}`,
}); });
if (getNames?.length > 0 ) { if (getNames?.length > 0) {
return getNames[0].name return getNames[0].name
} else { } else {
return '' return ''