chore: code format
This commit is contained in:
parent
9bf416072f
commit
82a04cc8b9
3 changed files with 6 additions and 7 deletions
|
|
@ -18,11 +18,10 @@
|
|||
<q-card-section>
|
||||
<div class="chat-container" ref="chatCard">
|
||||
<div class="chat-box">
|
||||
<div class="chat-messages" style="height: 45vh">
|
||||
<div class="chat-messages" style="height: 45vh">
|
||||
<q-chat-message
|
||||
v-for="(dm, index) in messages"
|
||||
:key="index"
|
||||
|
||||
:name="dm.incoming ? 'customer': 'me'"
|
||||
:text="[dm.message]"
|
||||
:sent="!dm.incoming"
|
||||
|
|
|
|||
|
|
@ -31,7 +31,6 @@ async function directMessages(path) {
|
|||
this.messages.map(m => m.message)
|
||||
)
|
||||
this.focusOnChatBox(this.messages.length - 1)
|
||||
|
||||
} catch (error) {
|
||||
LNbits.utils.notifyApiError(error)
|
||||
}
|
||||
|
|
@ -50,14 +49,16 @@ async function directMessages(path) {
|
|||
this.messages = this.messages.concat([data])
|
||||
console.log('### this.messages', this.messages)
|
||||
this.newMessage = ''
|
||||
this.focusOnChatBox(this.messages.length - 1)
|
||||
this.focusOnChatBox(this.messages.length - 1)
|
||||
} catch (error) {
|
||||
LNbits.utils.notifyApiError(error)
|
||||
}
|
||||
},
|
||||
focusOnChatBox: function(index) {
|
||||
focusOnChatBox: function (index) {
|
||||
setTimeout(() => {
|
||||
const lastChatBox = document.getElementsByClassName(`chat-mesage-index-${index}`);
|
||||
const lastChatBox = document.getElementsByClassName(
|
||||
`chat-mesage-index-${index}`
|
||||
)
|
||||
if (lastChatBox && lastChatBox[0]) {
|
||||
lastChatBox[0].scrollIntoView()
|
||||
}
|
||||
|
|
|
|||
|
|
@ -166,7 +166,6 @@
|
|||
margin-left: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<!-- todo: serve locally -->
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue