Skip to content

C
converse.js
Commit 7b9c97df authored by JC Brand's avatar JC Brand
Browse files
Options

Also squash leave/join messages 

And fix an HTML rendering bug for info messages and nicks that contain spaces
parent 71cc98d6
Expand all Show whitespace changes
Inline Side-by-side
Showing with 46785 additions and 46303 deletions
dist/converse.js
View file @ 7b9c97df
This diff is collapsed.
spec/chatroom.js
View file @ 7b9c97df
This diff is collapsed.
src/converse-chatview.js
View file @ 7b9c97df
...@@ -499,7 +499,7 @@ ...@@ -499,7 +499,7 @@
return this; return this;
}, },
showChatEvent (message, data='') { showChatEvent (message) {
const isodate = moment().format(); const isodate = moment().format();
this.content.insertAdjacentHTML( this.content.insertAdjacentHTML(
'beforeend', 'beforeend',
...@@ -507,7 +507,6 @@ ...@@ -507,7 +507,6 @@
'extra_classes': 'chat-event', 'extra_classes': 'chat-event',
'message': message, 'message': message,
'isodate': isodate, 'isodate': isodate,
'data': data
})); }));
this.insertDayIndicator(this.content.lastElementChild); this.insertDayIndicator(this.content.lastElementChild);
this.scrollDown(); this.scrollDown();
......
src/converse-message-view.js
View file @ 7b9c97df
...@@ -163,8 +163,7 @@ ...@@ -163,8 +163,7 @@
msg = u.stringToElement( msg = u.stringToElement(
tpl_info(_.extend(this.model.toJSON(), { tpl_info(_.extend(this.model.toJSON(), {
'extra_classes': 'chat-error', 'extra_classes': 'chat-error',
'isodate': moment_time.format(), 'isodate': moment_time.format()
'data': ''
}))); })));
return this.replaceElement(msg); return this.replaceElement(msg);
}, },
......
src/converse-muc-views.js
View file @ 7b9c97df
...@@ -1462,7 +1462,6 @@ ...@@ -1462,7 +1462,6 @@
this.content.insertAdjacentHTML( this.content.insertAdjacentHTML(
'beforeend', 'beforeend',
tpl_info({ tpl_info({
'data': '',
'isodate': moment().format(), 'isodate': moment().format(),
'extra_classes': 'chat-event', 'extra_classes': 'chat-event',
'message': message 'message': message
...@@ -1505,19 +1504,22 @@ ...@@ -1505,19 +1504,22 @@
} }
const nick = occupant.get('nick'), const nick = occupant.get('nick'),
stat = occupant.get('status'), stat = occupant.get('status'),
last_el = this.content.lastElementChild; last_leave_el = this.getImmediateNotification(this.content.lastElementChild, nick, 'leave');
if (_.includes(_.get(last_el, 'classList', []), 'chat-info') && if (_.includes(_.get(last_leave_el, 'classList', []), 'chat-info') &&
_.get(last_el, 'dataset', {}).leave === `"${nick}"`) { _.get(last_leave_el, 'dataset', {}).leave === nick) {
last_el.outerHTML = let el = this.content.lastElementChild;
el.insertAdjacentElement('afterend', last_leave_el);
last_leave_el.outerHTML =
tpl_info({ tpl_info({
'data': `data-leavejoin="${nick}"`, 'data_name': 'leavejoin',
'data_value': nick,
'isodate': moment().format(), 'isodate': moment().format(),
'extra_classes': 'chat-event', 'extra_classes': 'chat-event',
'message': __('%1$s has left and re-entered the groupchat', nick) 'message': __('%1$s has left and re-entered the groupchat', nick)
}); });
const el = this.content.lastElementChild; el = this.content.lastElementChild;
setTimeout(() => u.addClass('fade-out', el), 5000); setTimeout(() => u.addClass('fade-out', el), 5000);
setTimeout(() => el.parentElement && el.parentElement.removeChild(el), 5250); setTimeout(() => el.parentElement && el.parentElement.removeChild(el), 5250);
} else { } else {
...@@ -1528,15 +1530,16 @@ ...@@ -1528,15 +1530,16 @@
message = __('%1$s has entered the groupchat. "%2$s"', nick, stat); message = __('%1$s has entered the groupchat. "%2$s"', nick, stat);
} }
const data = { const data = {
'data': `data-join="${nick}"`, 'data_name': 'join',
'data_value': nick,
'isodate': moment().format(), 'isodate': moment().format(),
'extra_classes': 'chat-event', 'extra_classes': 'chat-event',
'message': message 'message': message
}; };
if (_.includes(_.get(last_el, 'classList', []), 'chat-info') && if (_.includes(_.get(last_leave_el, 'classList', []), 'chat-info') &&
_.get(last_el, 'dataset', {}).joinleave === `"${nick}"`) { _.get(last_leave_el, 'dataset', {}).joinleave === nick) {
last_el.outerHTML = tpl_info(data); last_leave_el.outerHTML = tpl_info(data);
} else { } else {
const el = u.stringToElement(tpl_info(data)); const el = u.stringToElement(tpl_info(data));
this.content.insertAdjacentElement('beforeend', el); this.content.insertAdjacentElement('beforeend', el);
...@@ -1546,16 +1549,25 @@ ...@@ -1546,16 +1549,25 @@
this.scrollDown(); this.scrollDown();
}, },
getImmediateJoinNotification (el, nick) { getImmediateNotification (el, nick, type='join') {
while (!_.isNil(el)) { while (!_.isNil(el)) {
const data = _.get(el, 'dataset', {}); const data = _.get(el, 'dataset', {});
if (!_.includes(_.get(el, 'classList', []), 'chat-info')) { if (!_.includes(_.get(el, 'classList', []), 'chat-info')) {
return; return;
} }
if (moment(el.getAttribute('data-isodate')).isSame(new Date(), "day") && if (!moment(el.getAttribute('data-isodate')).isSame(new Date(), "day")) {
(data.join === `"${nick}"` || data.leavejoin === `"${nick}"`)) { el = el.previousElementSibling;
continue;
}
if (type === 'join') {
if (data.join === nick || data.leavejoin === nick) {
return el; return el;
} }
} else {
if (data.leave === nick || data.joinleave === nick) {
return el;
}
}
el = el.previousElementSibling; el = el.previousElementSibling;
} }
}, },
...@@ -1566,12 +1578,12 @@ ...@@ -1566,12 +1578,12 @@
} }
const nick = occupant.get('nick'), const nick = occupant.get('nick'),
stat = occupant.get('status'), stat = occupant.get('status'),
last_join_el = this.getImmediateJoinNotification(this.content.lastElementChild, nick), last_join_el = this.getImmediateNotification(this.content.lastElementChild, nick, 'join'),
data = _.get(last_join_el, 'dataset', {}); data = _.get(last_join_el, 'dataset', {});
if (last_join_el) { if (last_join_el) {
let message; let message;
if (data.join === `"${nick}"`) { if (data.join === nick) {
if (_.isNil(stat)) { if (_.isNil(stat)) {
message = __('%1$s has entered and left the groupchat', nick); message = __('%1$s has entered and left the groupchat', nick);
} else { } else {
...@@ -1581,7 +1593,8 @@ ...@@ -1581,7 +1593,8 @@
el.insertAdjacentElement('afterend', last_join_el); el.insertAdjacentElement('afterend', last_join_el);
last_join_el.outerHTML = last_join_el.outerHTML =
tpl_info({ tpl_info({
'data': `data-joinleave="${nick}"`, 'data_name': 'joinleave',
'data_value': nick,
'isodate': moment().format(), 'isodate': moment().format(),
'extra_classes': 'chat-event', 'extra_classes': 'chat-event',
'message': message 'message': message
...@@ -1589,7 +1602,7 @@ ...@@ -1589,7 +1602,7 @@
el = this.content.lastElementChild; el = this.content.lastElementChild;
setTimeout(() => u.addClass('fade-out', el), 5000); setTimeout(() => u.addClass('fade-out', el), 5000);
setTimeout(() => el.parentElement && el.parentElement.removeChild(el), 5250); setTimeout(() => el.parentElement && el.parentElement.removeChild(el), 5250);
} else if (data.leavejoin === `"${nick}"`) { } else if (data.leavejoin === nick) {
if (_.isNil(stat)) { if (_.isNil(stat)) {
message = __('%1$s has left the groupchat', nick); message = __('%1$s has left the groupchat', nick);
} else { } else {
...@@ -1597,7 +1610,8 @@ ...@@ -1597,7 +1610,8 @@
} }
last_join_el.outerHTML = last_join_el.outerHTML =
tpl_info({ tpl_info({
'data': `data-leave="${nick}"`, 'data_name': 'leave',
'data_value': nick,
'isodate': moment().format(), 'isodate': moment().format(),
'extra_classes': 'chat-event', 'extra_classes': 'chat-event',
'message': message 'message': message
...@@ -1614,7 +1628,8 @@ ...@@ -1614,7 +1628,8 @@
'message': message, 'message': message,
'isodate': moment().format(), 'isodate': moment().format(),
'extra_classes': 'chat-event', 'extra_classes': 'chat-event',
'data': `data-leave="${nick}"` 'data_name': 'leave',
'data_value': nick
} }
const el = u.stringToElement(tpl_info(data)); const el = u.stringToElement(tpl_info(data));
this.content.insertAdjacentElement('beforeend', el); this.content.insertAdjacentElement('beforeend', el);
...@@ -1727,7 +1742,6 @@ ...@@ -1727,7 +1742,6 @@
this.content.insertAdjacentHTML( this.content.insertAdjacentHTML(
'beforeend', 'beforeend',
tpl_info({ tpl_info({
'data': '',
'isodate': date, 'isodate': date,
'extra_classes': 'chat-event', 'extra_classes': 'chat-event',
'message': message 'message': message
...@@ -1737,7 +1751,6 @@ ...@@ -1737,7 +1751,6 @@
this.content.insertAdjacentHTML( this.content.insertAdjacentHTML(
'beforeend', 'beforeend',
tpl_info({ tpl_info({
'data': '',
'isodate': date, 'isodate': date,
'extra_classes': 'chat-topic', 'extra_classes': 'chat-topic',
'message': u.addHyperlinks(xss.filterXSS(_.get(this.model.get('subject'), 'text'), {'whiteList': {}})), 'message': u.addHyperlinks(xss.filterXSS(_.get(this.model.get('subject'), 'text'), {'whiteList': {}})),
......
src/templates/info.html
View file @ 7b9c97df
{[ if (o.render_message) { ]} {[ if (o.render_message) { ]}
<!-- XXX: Should only ever be rendered if the message text has been sanitized already --> <!-- XXX: Should only ever be rendered if the message text has been sanitized already -->
<div class="message chat-info {{{o.extra_classes}}}" <div class="message chat-info {{{o.extra_classes}}}"
data-isodate="{{{o.isodate}}}" data-isodate="{{{o.isodate}}}" {[ if (o.data_name) { ]} data-{{{o.data_name}}}="{{{o.data_value}}}"{[ } ]}>{{o.message}}</div>
{{{o.data}}}>{{o.message}}</div>
{[ } else { ]} {[ } else { ]}
<div class="message chat-info {{{o.extra_classes}}}" <div class="message chat-info {{{o.extra_classes}}}"
data-isodate="{{{o.isodate}}}" data-isodate="{{{o.isodate}}}" {[ if (o.data_name) { ]} data-{{{o.data_name}}}="{{{o.data_value}}}"{[ } ]}>{{{o.message}}}</div>
{{{o.data}}}>{{{o.message}}}</div>
{[ } ]} {[ } ]}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7