mirror of
https://github.com/Qortal/qortal-ui.git
synced 2025-03-28 00:05:53 +00:00
testing speed
This commit is contained in:
parent
774393312f
commit
9705febe65
@ -11,12 +11,12 @@ const parentEpml = new Epml({ type: 'WINDOW', source: window.parent })
|
||||
class ChatModals extends LitElement {
|
||||
static get properties() {
|
||||
return {
|
||||
openDialogPrivateMessage: {type: Boolean},
|
||||
openDialogBlockUser: {type: Boolean},
|
||||
openDialogPrivateMessage: { type: Boolean },
|
||||
openDialogBlockUser: { type: Boolean },
|
||||
isLoading: { type: Boolean },
|
||||
nametodialog: { type: String, attribute: true },
|
||||
hidePrivateMessageModal: {type: Function},
|
||||
hideBlockUserModal: {type: Function},
|
||||
hidePrivateMessageModal: { type: Function },
|
||||
hideBlockUserModal: { type: Function },
|
||||
toblockaddress: { type: String, attribute: true },
|
||||
chatBlockedAdresses: { type: Array }
|
||||
}
|
||||
@ -25,8 +25,8 @@ class ChatModals extends LitElement {
|
||||
constructor() {
|
||||
super()
|
||||
this.isLoading = false
|
||||
this.hidePrivateMessageModal = () => {}
|
||||
this.hideBlockUserModal = () => {}
|
||||
this.hidePrivateMessageModal = () => { }
|
||||
this.hideBlockUserModal = () => { }
|
||||
this.chatBlockedAdresses = []
|
||||
}
|
||||
|
||||
@ -79,11 +79,7 @@ class ChatModals extends LitElement {
|
||||
if (!selectedAddress || Object.entries(selectedAddress).length === 0) return
|
||||
this.selectedAddress = selectedAddress
|
||||
})
|
||||
parentEpml.request('apiCall', {
|
||||
url: `/addresses/balance/${window.parent.reduxStore.getState().app.selectedAddress.address}`
|
||||
}).then(res => {
|
||||
this.balance = res
|
||||
})
|
||||
|
||||
})
|
||||
parentEpml.imReady()
|
||||
|
||||
@ -276,8 +272,8 @@ class ChatModals extends LitElement {
|
||||
fetch(`${nodeUrl}/names/address/${item}?limit=0&reverse=true`).then(res => {
|
||||
return res.json()
|
||||
}).then(jsonRes => {
|
||||
if(jsonRes.length) {
|
||||
jsonRes.map (item => {
|
||||
if (jsonRes.length) {
|
||||
jsonRes.map(item => {
|
||||
obj.push(item)
|
||||
})
|
||||
} else {
|
||||
@ -291,7 +287,7 @@ class ChatModals extends LitElement {
|
||||
|
||||
relMessages() {
|
||||
setTimeout(() => {
|
||||
window.location.href = window.location.href.split( '#' )[0]
|
||||
window.location.href = window.location.href.split('#')[0]
|
||||
}, 500)
|
||||
}
|
||||
|
||||
|
@ -1443,14 +1443,7 @@ class ChatPage extends LitElement {
|
||||
` : ''}
|
||||
<div class="chat-text-area" style="${`${(this.repliedToMessageObj || this.editedMessageObj) && "min-height: 120px"}`}">
|
||||
<!-- 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
|
||||
class='last-message-ref'
|
||||
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
|
||||
this.selectedAddress = selectedAddress
|
||||
})
|
||||
parentEpml.request('apiCall', {
|
||||
url: `/addresses/balance/${window.parent.reduxStore.getState().app.selectedAddress.address}`
|
||||
}).then(res => {
|
||||
this.balance = res
|
||||
})
|
||||
|
||||
})
|
||||
parentEpml.imReady()
|
||||
|
||||
@ -2559,15 +2548,15 @@ class ChatPage extends LitElement {
|
||||
return this.decodeMessage(eachMessage)
|
||||
})
|
||||
|
||||
const replacedMessages = await replaceMessagesEdited({
|
||||
decodedMessages: decodeMsgs,
|
||||
parentEpml,
|
||||
isReceipient: this.isReceipient,
|
||||
decodeMessageFunc: this.decodeMessage,
|
||||
_publicKey: this._publicKey
|
||||
})
|
||||
// const replacedMessages = await replaceMessagesEdited({
|
||||
// decodedMessages: decodeMsgs,
|
||||
// parentEpml,
|
||||
// isReceipient: this.isReceipient,
|
||||
// decodeMessageFunc: this.decodeMessage,
|
||||
// _publicKey: this._publicKey
|
||||
// })
|
||||
|
||||
this.messagesRendered = [...replacedMessages, ...this.messagesRendered].sort(function (a, b) {
|
||||
this.messagesRendered = [...decodeMsgs, ...this.messagesRendered].sort(function (a, b) {
|
||||
return a.timestamp
|
||||
- b.timestamp
|
||||
})
|
||||
@ -2589,15 +2578,15 @@ class ChatPage extends LitElement {
|
||||
return this.decodeMessage(eachMessage)
|
||||
})
|
||||
|
||||
const replacedMessages = await replaceMessagesEdited({
|
||||
decodedMessages: decodeMsgs,
|
||||
parentEpml,
|
||||
isReceipient: this.isReceipient,
|
||||
decodeMessageFunc: this.decodeMessage,
|
||||
_publicKey: this._publicKey
|
||||
})
|
||||
// const replacedMessages = await replaceMessagesEdited({
|
||||
// decodedMessages: decodeMsgs,
|
||||
// parentEpml,
|
||||
// isReceipient: this.isReceipient,
|
||||
// decodeMessageFunc: this.decodeMessage,
|
||||
// _publicKey: this._publicKey
|
||||
// })
|
||||
|
||||
this.messagesRendered = [...replacedMessages, ...this.messagesRendered].sort(function (a, b) {
|
||||
this.messagesRendered = [...decodeMsgs, ...this.messagesRendered].sort(function (a, b) {
|
||||
return a.timestamp
|
||||
- b.timestamp
|
||||
})
|
||||
@ -2623,15 +2612,15 @@ class ChatPage extends LitElement {
|
||||
return this.decodeMessage(eachMessage)
|
||||
})
|
||||
|
||||
const replacedMessages = await replaceMessagesEdited({
|
||||
decodedMessages: decodeMsgs,
|
||||
parentEpml,
|
||||
isReceipient: this.isReceipient,
|
||||
decodeMessageFunc: this.decodeMessage,
|
||||
_publicKey: this._publicKey
|
||||
})
|
||||
// const replacedMessages = await replaceMessagesEdited({
|
||||
// decodedMessages: decodeMsgs,
|
||||
// parentEpml,
|
||||
// isReceipient: this.isReceipient,
|
||||
// decodeMessageFunc: this.decodeMessage,
|
||||
// _publicKey: this._publicKey
|
||||
// })
|
||||
|
||||
this.messagesRendered = [...replacedMessages, ...this.messagesRendered].sort(function (a, b) {
|
||||
this.messagesRendered = [...decodeMsgs, ...this.messagesRendered].sort(function (a, b) {
|
||||
return a.timestamp
|
||||
- b.timestamp
|
||||
})
|
||||
@ -2655,15 +2644,15 @@ class ChatPage extends LitElement {
|
||||
return this.decodeMessage(eachMessage)
|
||||
})
|
||||
|
||||
const replacedMessages = await replaceMessagesEdited({
|
||||
decodedMessages: decodeMsgs,
|
||||
parentEpml,
|
||||
isReceipient: this.isReceipient,
|
||||
decodeMessageFunc: this.decodeMessage,
|
||||
_publicKey: this._publicKey
|
||||
})
|
||||
// const replacedMessages = await replaceMessagesEdited({
|
||||
// decodedMessages: decodeMsgs,
|
||||
// parentEpml,
|
||||
// isReceipient: this.isReceipient,
|
||||
// decodeMessageFunc: this.decodeMessage,
|
||||
// _publicKey: this._publicKey
|
||||
// })
|
||||
|
||||
this.messagesRendered = [...replacedMessages, ...this.messagesRendered].sort(function (a, b) {
|
||||
this.messagesRendered = [...decodeMsgs, ...this.messagesRendered].sort(function (a, b) {
|
||||
return a.timestamp
|
||||
- b.timestamp
|
||||
})
|
||||
@ -2690,15 +2679,15 @@ class ChatPage extends LitElement {
|
||||
return this.decodeMessage(eachMessage)
|
||||
})
|
||||
|
||||
const replacedMessages = await replaceMessagesEdited({
|
||||
decodedMessages: decodeMsgs,
|
||||
parentEpml,
|
||||
isReceipient: this.isReceipient,
|
||||
decodeMessageFunc: this.decodeMessage,
|
||||
_publicKey: this._publicKey
|
||||
})
|
||||
// const replacedMessages = await replaceMessagesEdited({
|
||||
// decodedMessages: decodeMsgs,
|
||||
// parentEpml,
|
||||
// isReceipient: this.isReceipient,
|
||||
// decodeMessageFunc: this.decodeMessage,
|
||||
// _publicKey: this._publicKey
|
||||
// })
|
||||
|
||||
this.messagesRendered = [...this.messagesRendered, ...replacedMessages].sort(function (a, b) {
|
||||
this.messagesRendered = [...this.messagesRendered, ...decodeMsgs].sort(function (a, b) {
|
||||
return a.timestamp
|
||||
- b.timestamp
|
||||
})
|
||||
@ -2722,15 +2711,15 @@ class ChatPage extends LitElement {
|
||||
return this.decodeMessage(eachMessage)
|
||||
})
|
||||
|
||||
const replacedMessages = await replaceMessagesEdited({
|
||||
decodedMessages: decodeMsgs,
|
||||
parentEpml,
|
||||
isReceipient: this.isReceipient,
|
||||
decodeMessageFunc: this.decodeMessage,
|
||||
_publicKey: this._publicKey
|
||||
})
|
||||
// const replacedMessages = await replaceMessagesEdited({
|
||||
// decodedMessages: decodeMsgs,
|
||||
// parentEpml,
|
||||
// isReceipient: this.isReceipient,
|
||||
// decodeMessageFunc: this.decodeMessage,
|
||||
// _publicKey: this._publicKey
|
||||
// })
|
||||
|
||||
this.messagesRendered = [...this.messagesRendered, ...replacedMessages].sort(function (a, b) {
|
||||
this.messagesRendered = [...this.messagesRendered, ...decodeMsgs].sort(function (a, b) {
|
||||
return a.timestamp
|
||||
- b.timestamp
|
||||
})
|
||||
@ -2762,35 +2751,36 @@ class ChatPage extends LitElement {
|
||||
})
|
||||
if (isInitial) {
|
||||
this.chatEditorPlaceholder = await this.renderPlaceholder()
|
||||
const replacedMessages = await replaceMessagesEdited({
|
||||
decodedMessages: decodedMessages,
|
||||
parentEpml,
|
||||
isReceipient: isReceipient,
|
||||
decodeMessageFunc: this.decodeMessage,
|
||||
_publicKey: this._publicKey
|
||||
})
|
||||
// const replacedMessages = await replaceMessagesEdited({
|
||||
// decodedMessages: decodedMessages,
|
||||
// parentEpml,
|
||||
// isReceipient: isReceipient,
|
||||
// decodeMessageFunc: this.decodeMessage,
|
||||
// _publicKey: this._publicKey
|
||||
// })
|
||||
|
||||
this._messages = replacedMessages.sort(function (a, b) {
|
||||
this._messages = decodedMessages.sort(function (a, b) {
|
||||
return a.timestamp
|
||||
- b.timestamp
|
||||
})
|
||||
|
||||
// TODO: Determine number of initial messages by screen height...
|
||||
// this.messagesRendered = this._messages
|
||||
this.messagesRendered = this._messages
|
||||
this.isLoadingMessages = false
|
||||
|
||||
setTimeout(() => this.downElementObserver(), 500)
|
||||
} else {
|
||||
const replacedMessages = await replaceMessagesEdited({
|
||||
decodedMessages: decodedMessages,
|
||||
parentEpml,
|
||||
isReceipient: isReceipient,
|
||||
decodeMessageFunc: this.decodeMessage,
|
||||
_publicKey: this._publicKey,
|
||||
isNotInitial: true
|
||||
})
|
||||
// const replacedMessages = await replaceMessagesEdited({
|
||||
// decodedMessages: decodedMessages,
|
||||
// parentEpml,
|
||||
// isReceipient: isReceipient,
|
||||
// decodeMessageFunc: this.decodeMessage,
|
||||
// _publicKey: this._publicKey,
|
||||
// isNotInitial: true
|
||||
// })
|
||||
|
||||
const renderEachMessage = replacedMessages.map(async (msg) => {
|
||||
const renderEachMessage = decodedMessages.map(async (msg) => {
|
||||
await this.renderNewMessage(msg)
|
||||
})
|
||||
|
||||
|
@ -304,11 +304,7 @@ class ChatWelcomePage extends LitElement {
|
||||
if (!selectedAddress || Object.entries(selectedAddress).length === 0) return
|
||||
this.selectedAddress = selectedAddress
|
||||
})
|
||||
parentEpml.request('apiCall', {
|
||||
url: `/addresses/balance/${window.parent.reduxStore.getState().app.selectedAddress.address}`
|
||||
}).then(res => {
|
||||
this.balance = res
|
||||
})
|
||||
|
||||
})
|
||||
|
||||
parentEpml.imReady()
|
||||
|
@ -101,7 +101,7 @@ class LevelFounder extends LitElement {
|
||||
}
|
||||
|
||||
firstUpdated() {
|
||||
this.checkAddressInfo()
|
||||
console.log('levelFounder')
|
||||
|
||||
parentEpml.ready().then(() => {
|
||||
parentEpml.subscribe('selected_address', async selectedAddress => {
|
||||
@ -115,28 +115,28 @@ class LevelFounder extends LitElement {
|
||||
}
|
||||
|
||||
async checkAddressInfo() {
|
||||
let toCheck = this.checkleveladdress
|
||||
const memberInfo = await parentEpml.request('apiCall', {
|
||||
url: `/addresses/${toCheck}`
|
||||
})
|
||||
this.memberInfo = memberInfo
|
||||
// let toCheck = this.checkleveladdress
|
||||
// const memberInfo = await parentEpml.request('apiCall', {
|
||||
// url: `/addresses/${toCheck}`
|
||||
// })
|
||||
// this.memberInfo = memberInfo
|
||||
}
|
||||
|
||||
renderFounder() {
|
||||
let adressfounder = this.memberInfo.flags
|
||||
if (adressfounder === 1) {
|
||||
return html `
|
||||
return html`
|
||||
<span id="founderTooltip" class="badge">F</span>
|
||||
<paper-tooltip class="custom" for="founderTooltip" position="top">FOUNDER</paper-tooltip>
|
||||
`
|
||||
} else {
|
||||
return html ``
|
||||
return html``
|
||||
}
|
||||
}
|
||||
|
||||
renderLevel() {
|
||||
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" />
|
||||
<paper-tooltip class="level-img-tooltip" for="level-img" position="top" >
|
||||
${translate("mintingpage.mchange27")} ${adresslevel}
|
||||
|
@ -251,7 +251,7 @@ class NameMenu extends LitElement {
|
||||
this.getChatBlockedAdresses()
|
||||
}, 60000)
|
||||
|
||||
window.onclick = function(event) {
|
||||
window.onclick = function (event) {
|
||||
if (!event.target.matches('.block')) {
|
||||
var dropdowns = document.getElementsByClassName('dropdown-content');
|
||||
var i;
|
||||
@ -290,11 +290,7 @@ class NameMenu extends LitElement {
|
||||
if (!selectedAddress || Object.entries(selectedAddress).length === 0) return
|
||||
this.selectedAddress = selectedAddress
|
||||
})
|
||||
parentEpml.request('apiCall', {
|
||||
url: `/addresses/balance/${window.parent.reduxStore.getState().app.selectedAddress.address}`
|
||||
}).then(res => {
|
||||
this.balance = res
|
||||
})
|
||||
|
||||
})
|
||||
parentEpml.imReady()
|
||||
}
|
||||
@ -333,7 +329,7 @@ class NameMenu extends LitElement {
|
||||
|
||||
relMessages() {
|
||||
setTimeout(() => {
|
||||
window.location.href = window.location.href.split( '#' )[0]
|
||||
window.location.href = window.location.href.split('#')[0]
|
||||
}, 500)
|
||||
}
|
||||
|
||||
@ -407,8 +403,8 @@ class NameMenu extends LitElement {
|
||||
fetch(`${nodeUrl}/names/address/${item}?limit=0&reverse=true`).then(res => {
|
||||
return res.json()
|
||||
}).then(jsonRes => {
|
||||
if(jsonRes.length) {
|
||||
jsonRes.map (item => {
|
||||
if (jsonRes.length) {
|
||||
jsonRes.map(item => {
|
||||
obj.push(item)
|
||||
})
|
||||
} else {
|
||||
|
@ -70,17 +70,7 @@ export class TipUser extends LitElement {
|
||||
}
|
||||
|
||||
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() {
|
||||
@ -161,14 +151,14 @@ export class TipUser extends LitElement {
|
||||
}
|
||||
}
|
||||
|
||||
const getName = async (recipient)=> {
|
||||
const getName = async (recipient) => {
|
||||
try {
|
||||
const getNames = await parentEpml.request("apiCall", {
|
||||
type: "api",
|
||||
url: `/names/address/${recipient}`,
|
||||
});
|
||||
|
||||
if (getNames?.length > 0 ) {
|
||||
if (getNames?.length > 0) {
|
||||
return getNames[0].name
|
||||
} else {
|
||||
return ''
|
||||
|
Loading…
x
Reference in New Issue
Block a user