72 lines
2 KiB
JavaScript
72 lines
2 KiB
JavaScript
async function directMessages(path) {
|
|
const template = await loadTemplateAsync(path)
|
|
Vue.component('direct-messages', {
|
|
name: 'direct-messages',
|
|
props: ['adminkey', 'inkey'],
|
|
template,
|
|
|
|
data: function () {
|
|
return {
|
|
activePublicKey:
|
|
'83d07a79496f4cbdc50ca585741a79a2df1fd938cfa449f0fccb0ab7352115dd',
|
|
messages: [],
|
|
newMessage: ''
|
|
}
|
|
},
|
|
methods: {
|
|
sendMessage: async function () {},
|
|
getDirectMessages: async function () {
|
|
if (!this.activePublicKey) {
|
|
return
|
|
}
|
|
try {
|
|
const {data} = await LNbits.api.request(
|
|
'GET',
|
|
'/nostrmarket/api/v1/message/' + this.activePublicKey,
|
|
this.inkey
|
|
)
|
|
this.messages = data
|
|
console.log(
|
|
'### this.messages',
|
|
this.messages.map(m => m.message)
|
|
)
|
|
this.focusOnChatBox(this.messages.length - 1)
|
|
} catch (error) {
|
|
LNbits.utils.notifyApiError(error)
|
|
}
|
|
},
|
|
sendDirectMesage: async function () {
|
|
try {
|
|
const {data} = await LNbits.api.request(
|
|
'POST',
|
|
'/nostrmarket/api/v1/message',
|
|
this.adminkey,
|
|
{
|
|
message: this.newMessage,
|
|
public_key: this.activePublicKey
|
|
}
|
|
)
|
|
this.messages = this.messages.concat([data])
|
|
console.log('### this.messages', this.messages)
|
|
this.newMessage = ''
|
|
this.focusOnChatBox(this.messages.length - 1)
|
|
} catch (error) {
|
|
LNbits.utils.notifyApiError(error)
|
|
}
|
|
},
|
|
focusOnChatBox: function (index) {
|
|
setTimeout(() => {
|
|
const lastChatBox = document.getElementsByClassName(
|
|
`chat-mesage-index-${index}`
|
|
)
|
|
if (lastChatBox && lastChatBox[0]) {
|
|
lastChatBox[0].scrollIntoView()
|
|
}
|
|
}, 100)
|
|
}
|
|
},
|
|
created: async function () {
|
|
await this.getDirectMessages()
|
|
}
|
|
})
|
|
}
|