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 Hide 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 @@
return this;
},
showChatEvent (message, data='') {
showChatEvent (message) {
const isodate = moment().format();
this.content.insertAdjacentHTML(
'beforeend',
......@@ -507,7 +507,6 @@
'extra_classes': 'chat-event',
'message': message,
'isodate': isodate,
'data': data
}));
this.insertDayIndicator(this.content.lastElementChild);
this.scrollDown();
......
src/converse-message-view.js
View file @ 7b9c97df
......@@ -163,8 +163,7 @@
msg = u.stringToElement(
tpl_info(_.extend(this.model.toJSON(), {
'extra_classes': 'chat-error',
'isodate': moment_time.format(),
'data': ''
'isodate': moment_time.format()
})));
return this.replaceElement(msg);
},
......
src/converse-muc-views.js
View file @ 7b9c97df
......@@ -1462,7 +1462,6 @@
this.content.insertAdjacentHTML(
'beforeend',
tpl_info({
'data': '',
'isodate': moment().format(),
'extra_classes': 'chat-event',
'message': message
......@@ -1505,19 +1504,22 @@
}
const nick = occupant.get('nick'),
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') &&
_.get(last_el, 'dataset', {}).leave === `"${nick}"`) {
if (_.includes(_.get(last_leave_el, 'classList', []), 'chat-info') &&
_.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({
'data': `data-leavejoin="${nick}"`,
'data_name': 'leavejoin',
'data_value': nick,
'isodate': moment().format(),
'extra_classes': 'chat-event',
'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(() => el.parentElement && el.parentElement.removeChild(el), 5250);
} else {
......@@ -1528,15 +1530,16 @@
message = __('%1$s has entered the groupchat. "%2$s"', nick, stat);
}
const data = {
'data': `data-join="${nick}"`,
'data_name': 'join',
'data_value': nick,
'isodate': moment().format(),
'extra_classes': 'chat-event',
'message': message
};
if (_.includes(_.get(last_el, 'classList', []), 'chat-info') &&
_.get(last_el, 'dataset', {}).joinleave === `"${nick}"`) {
if (_.includes(_.get(last_leave_el, 'classList', []), 'chat-info') &&
_.get(last_leave_el, 'dataset', {}).joinleave === nick) {
last_el.outerHTML = tpl_info(data);
last_leave_el.outerHTML = tpl_info(data);
} else {
const el = u.stringToElement(tpl_info(data));
this.content.insertAdjacentElement('beforeend', el);
......@@ -1546,15 +1549,24 @@
this.scrollDown();
},
getImmediateJoinNotification (el, nick) {
getImmediateNotification (el, nick, type='join') {
while (!_.isNil(el)) {
const data = _.get(el, 'dataset', {});
if (!_.includes(_.get(el, 'classList', []), 'chat-info')) {
return;
}
if (moment(el.getAttribute('data-isodate')).isSame(new Date(), "day") &&
(data.join === `"${nick}"` || data.leavejoin === `"${nick}"`)) {
return el;
if (!moment(el.getAttribute('data-isodate')).isSame(new Date(), "day")) {
el = el.previousElementSibling;
continue;
}
if (type === 'join') {
if (data.join === nick || data.leavejoin === nick) {
return el;
}
} else {
if (data.leave === nick || data.joinleave === nick) {
return el;
}
}
el = el.previousElementSibling;
}
......@@ -1566,12 +1578,12 @@
}
const nick = occupant.get('nick'),
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', {});
if (last_join_el) {
let message;
if (data.join === `"${nick}"`) {
if (data.join === nick) {
if (_.isNil(stat)) {
message = __('%1$s has entered and left the groupchat', nick);
} else {
......@@ -1581,7 +1593,8 @@
el.insertAdjacentElement('afterend', last_join_el);
last_join_el.outerHTML =
tpl_info({
'data': `data-joinleave="${nick}"`,
'data_name': 'joinleave',
'data_value': nick,
'isodate': moment().format(),
'extra_classes': 'chat-event',
'message': message
......@@ -1589,7 +1602,7 @@
el = this.content.lastElementChild;
setTimeout(() => u.addClass('fade-out', el), 5000);
setTimeout(() => el.parentElement && el.parentElement.removeChild(el), 5250);
} else if (data.leavejoin === `"${nick}"`) {
} else if (data.leavejoin === nick) {
if (_.isNil(stat)) {
message = __('%1$s has left the groupchat', nick);
} else {
......@@ -1597,7 +1610,8 @@
}
last_join_el.outerHTML =
tpl_info({
'data': `data-leave="${nick}"`,
'data_name': 'leave',
'data_value': nick,
'isodate': moment().format(),
'extra_classes': 'chat-event',
'message': message
......@@ -1614,7 +1628,8 @@
'message': message,
'isodate': moment().format(),
'extra_classes': 'chat-event',
'data': `data-leave="${nick}"`
'data_name': 'leave',
'data_value': nick
}
const el = u.stringToElement(tpl_info(data));
this.content.insertAdjacentElement('beforeend', el);
......@@ -1727,7 +1742,6 @@
this.content.insertAdjacentHTML(
'beforeend',
tpl_info({
'data': '',
'isodate': date,
'extra_classes': 'chat-event',
'message': message
......@@ -1737,7 +1751,6 @@
this.content.insertAdjacentHTML(
'beforeend',
tpl_info({
'data': '',
'isodate': date,
'extra_classes': 'chat-topic',
'message': u.addHyperlinks(xss.filterXSS(_.get(this.model.get('subject'), 'text'), {'whiteList': {}})),
......
src/templates/info.html
View file @ 7b9c97df
{[ if (o.render_message) { ]}
<!-- XXX: Should only ever be rendered if the message text has been sanitized already -->
<div class="message chat-info {{{o.extra_classes}}}"
data-isodate="{{{o.isodate}}}"
{{{o.data}}}>{{o.message}}</div>
data-isodate="{{{o.isodate}}}" {[ if (o.data_name) { ]} data-{{{o.data_name}}}="{{{o.data_value}}}"{[ } ]}>{{o.message}}</div>
{[ } else { ]}
<div class="message chat-info {{{o.extra_classes}}}"
data-isodate="{{{o.isodate}}}"
{{{o.data}}}>{{{o.message}}}</div>
data-isodate="{{{o.isodate}}}" {[ if (o.data_name) { ]} data-{{{o.data_name}}}="{{{o.data_value}}}"{[ } ]}>{{{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