mirror of
https://github.com/moparisthebest/kaiwa
synced 2024-11-22 01:02:23 -05:00
Make chat state updates less chatty
This commit is contained in:
parent
28914dad11
commit
89d7a39b2f
@ -61,7 +61,6 @@ module.exports = BasePage.extend(chatHelpers).extend({
|
||||
|
||||
this.renderAndBind();
|
||||
|
||||
this.typingTimer = null;
|
||||
this.$chatInput = this.$('.chatBox textarea');
|
||||
this.$chatBox = this.$('.chatBox');
|
||||
this.$messageList = this.$('.messages');
|
||||
@ -110,8 +109,6 @@ module.exports = BasePage.extend(chatHelpers).extend({
|
||||
this.resizeInput();
|
||||
},
|
||||
handleKeyDown: function (e) {
|
||||
clearTimeout(this.typingTimer);
|
||||
|
||||
if (e.which === 13 && !e.shiftKey) {
|
||||
this.sendChat();
|
||||
e.preventDefault();
|
||||
@ -128,8 +125,9 @@ module.exports = BasePage.extend(chatHelpers).extend({
|
||||
e.preventDefault();
|
||||
return false;
|
||||
} else if (!e.ctrlKey && !e.metaKey) {
|
||||
if (!this.typing) {
|
||||
if (!this.typing || this.paused) {
|
||||
this.typing = true;
|
||||
this.paused = false;
|
||||
client.sendMessage({
|
||||
to: this.model.lockedResource || this.model.jid,
|
||||
chatState: 'composing'
|
||||
@ -139,25 +137,25 @@ module.exports = BasePage.extend(chatHelpers).extend({
|
||||
},
|
||||
handleKeyUp: function (e) {
|
||||
this.resizeInput();
|
||||
clearTimeout(this.typingTimer);
|
||||
this.typingTimer = setTimeout(this.pausedTyping.bind(this), 5000);
|
||||
if (this.typing && this.$chatInput.val().length === 0) {
|
||||
this.typing = false;
|
||||
client.sendMessage({
|
||||
to: this.model.lockedResource || this.model.jid,
|
||||
chatState: 'active'
|
||||
});
|
||||
} else if (this.typing) {
|
||||
this.pausedTyping();
|
||||
}
|
||||
},
|
||||
pausedTyping: function () {
|
||||
if (this.typing) {
|
||||
this.typing = false;
|
||||
pausedTyping: _.debounce(function () {
|
||||
if (this.typing && !this.paused) {
|
||||
this.paused = true;
|
||||
client.sendMessage({
|
||||
to: this.model.lockedResource || this.model.jid,
|
||||
chatState: 'paused'
|
||||
});
|
||||
}
|
||||
},
|
||||
}, 5000),
|
||||
sendChat: function () {
|
||||
var message;
|
||||
var val = this.$chatInput.val();
|
||||
@ -189,6 +187,7 @@ module.exports = BasePage.extend(chatHelpers).extend({
|
||||
}
|
||||
this.editMode = false;
|
||||
this.typing = false;
|
||||
this.paused = false;
|
||||
this.$chatInput.removeClass('editing');
|
||||
this.$chatInput.val('');
|
||||
},
|
||||
|
@ -54,7 +54,6 @@ module.exports = BasePage.extend(chatHelpers).extend({
|
||||
this.rendered = true;
|
||||
|
||||
this.renderAndBind();
|
||||
this.typingTimer = null;
|
||||
this.$chatInput = this.$('.chatBox textarea');
|
||||
this.$chatBox = this.$('.chatBox');
|
||||
this.$messageList = this.$('.messages');
|
||||
@ -96,7 +95,6 @@ module.exports = BasePage.extend(chatHelpers).extend({
|
||||
this.resizeInput();
|
||||
},
|
||||
handleKeyDown: function (e) {
|
||||
clearTimeout(this.typingTimer);
|
||||
if (e.which === 13 && !e.shiftKey) {
|
||||
this.sendChat();
|
||||
e.preventDefault();
|
||||
@ -113,8 +111,9 @@ module.exports = BasePage.extend(chatHelpers).extend({
|
||||
e.preventDefault();
|
||||
return false;
|
||||
} else if (!e.ctrlKey && !e.metaKey) {
|
||||
if (!this.typing) {
|
||||
if (!this.typing || this.paused) {
|
||||
this.typing = true;
|
||||
this.paused = false;
|
||||
client.sendMessage({
|
||||
type: 'groupchat',
|
||||
to: this.model.jid,
|
||||
@ -125,14 +124,16 @@ module.exports = BasePage.extend(chatHelpers).extend({
|
||||
},
|
||||
handleKeyUp: function (e) {
|
||||
this.resizeInput();
|
||||
this.typingTimer = setTimeout(this.pausedTyping.bind(this), 3000);
|
||||
if (this.typing && this.$chatInput.val().length === 0) {
|
||||
this.typing = false;
|
||||
this.paused = false;
|
||||
client.sendMessage({
|
||||
type: 'groupchat',
|
||||
to: this.model.jid,
|
||||
chatState: 'active'
|
||||
});
|
||||
} else if (this.typing) {
|
||||
this.pausedTyping();
|
||||
}
|
||||
},
|
||||
resizeInput: function () {
|
||||
@ -158,16 +159,16 @@ module.exports = BasePage.extend(chatHelpers).extend({
|
||||
}
|
||||
}
|
||||
},
|
||||
pausedTyping: function () {
|
||||
if (this.typing) {
|
||||
this.typing = false;
|
||||
pausedTyping: _.debounce(function () {
|
||||
if (this.typing && !this.paused) {
|
||||
this.paused = true;
|
||||
client.sendMessage({
|
||||
type: 'groupchat',
|
||||
to: this.model.jid,
|
||||
chatState: 'paused'
|
||||
});
|
||||
}
|
||||
},
|
||||
}, 5000),
|
||||
sendChat: function () {
|
||||
var message;
|
||||
var val = this.$chatInput.val();
|
||||
@ -197,6 +198,7 @@ module.exports = BasePage.extend(chatHelpers).extend({
|
||||
}
|
||||
this.editMode = false;
|
||||
this.typing = false;
|
||||
this.paused = false;
|
||||
this.$chatInput.removeClass('editing');
|
||||
this.$chatInput.val('');
|
||||
},
|
||||
|
@ -1,5 +1,5 @@
|
||||
CACHE MANIFEST
|
||||
# 0.0.1 1387399967854
|
||||
# 0.0.1 1387404089194
|
||||
|
||||
CACHE:
|
||||
/app.js
|
||||
|
Loading…
Reference in New Issue
Block a user