Page MenuHomePhorge
Files F117760892

D2209.1775213638.diff
No OneTemporary
Actions

Authored By
Unknown
Size
2 KB
Referenced Files
None
Subscribers
None

D2209.1775213638.diff
View Options

diff --git a/src/resources/js/meet/app.js b/src/resources/js/meet/app.js
--- a/src/resources/js/meet/app.js
+++ b/src/resources/js/meet/app.js
@@ -42,14 +42,9 @@
let chatCount = 0
let volumeElement
let subscribersContainer
+ let scrollStop
- OV = new OpenVidu()
-
- // If there's anything to do, do it here.
- //OV.setAdvancedConfiguration(config)
-
- // Disable all logging except errors
- // OV.enableProdMode()
+ OV = ovInit()
// Disconnect participant when browser's window close
window.addEventListener('beforeunload', () => {
@@ -71,6 +66,22 @@
this.switchVideo = switchVideo
this.updateSession = updateSession
+ /**
+ * Initialize OpenVidu instance
+ */
+ function ovInit()
+ {
+ let ov = new OpenVidu()
+
+ // If there's anything to do, do it here.
+ //ov.setAdvancedConfiguration(config)
+
+ // Disable all logging except errors
+ // ov.enableProdMode()
+
+ return ov
+ }
+
/**
* Join the room session
*
@@ -475,6 +486,7 @@
// The UI elements are created in the vue template
// Here we add a logic for how they work
+ const chat = $(sessionData.chatElement).find('.chat').get(0)
const textarea = $(sessionData.chatElement).find('textarea')
const button = $(sessionData.menuElement).find('.link-chat')
@@ -494,7 +506,16 @@
.on('click', () => {
button.find('.badge').text('')
chatCount = 0
+ // When opening the chat scroll it to the bottom, or we shouldn't?
+ scrollStop = false
+ chat.scrollTop = chat.scrollHeight
})
+
+ $(chat).on('scroll', event => {
+ // Detect manual scrollbar moves, disable auto-scrolling until
+ // the scrollbar is positioned on the element bottom again
+ scrollStop = chat.scrollTop + chat.offsetHeight < chat.scrollHeight
+ })
}
/**
@@ -617,6 +638,11 @@
}
$(sessionData.menuElement).find('.link-chat .badge').text(chatCount ? chatCount : '')
+
+ // Scroll the chat element to the end
+ if (!scrollStop) {
+ chat.get(0).scrollTop = chat.get(0).scrollHeight
+ }
}
/**
@@ -1207,7 +1233,7 @@
let gotSession = !!screenSession
if (!screenOV) {
- screenOV = new OpenVidu()
+ screenOV = ovInit()
}
// Init screen sharing session
diff --git a/src/resources/themes/meet.scss b/src/resources/themes/meet.scss
--- a/src/resources/themes/meet.scss
+++ b/src/resources/themes/meet.scss
@@ -251,6 +251,7 @@
.chat {
flex: 1;
overflow-y: auto;
+ scrollbar-width: thin;
}
.message {
@@ -263,6 +264,10 @@
&.self {
background: lighten($main-color, 30%);
}
+
+ &:last-child {
+ margin-bottom: 0;
+ }
}
.nickname {

File Metadata

Mime Type
text/plain
Expires
Fri, Apr 3, 10:53 AM (4 d, 13 h ago)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
18778992
Default Alt Text
D2209.1775213638.diff (2 KB)

Event Timeline