Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
25
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

Add some resistance around chatbox's original height when resizing

Browse Source
This commit is contained in:
JC Brand 2014-02-23 03:38:26 +02:00
parent 1ce7620b88
commit 0414fa02c2
1 changed files with 18 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
converse.js
View File

@ -868,9 +868,10 @@
}
// Drag to resize values
this.chatboxMinHeight = 250;
this.chatboxHeight = this.$el.children('.box-flyout').height();
this.prevPageY = 0; // To store last known mouse position
this.height = this.$el.children('.box-flyout').height();
this.min_height = 150;
this.original_height = this.height;
this.prev_pageY = 0; // To store last known mouse position
if ((_.contains([UNVERIFIED, VERIFIED], this.model.get('otr_status'))) || converse.use_otr_by_default) {
this.model.initiateOTR();
@ -1100,20 +1101,26 @@
onDragResizeStart: function (ev) {
if (!converse.allow_dragresize) { return true; }
// Record element attributes for mouseMove().
this.chatboxHeight = this.$el.children('.box-flyout').height();
this.height = this.$el.children('.box-flyout').height();
converse.resized_chatbox = this;
this.prevPageY = ev.pageY;
this.prev_pageY = ev.pageY;
},
resizeChatbox: function (ev) {
var diff = ev.pageY - this.prevPageY;
var diff = ev.pageY - this.prev_pageY;
if (!diff) { return; }
if (this.chatboxHeight - diff < this.chatboxMinHeight) {
diff = this.chatboxHeight - this.chatboxMinHeight;
if (this.height - diff < this.min_height) {
diff = this.height - this.min_height;
}
this.height -= diff;
this.prev_pageY = ev.pageY;
if (Math.abs(this.height - this.original_height) < 7) {
// Add some resistance around the original height, to allow
// users to more easily return to it.
this.$el.children('.box-flyout')[0].style.height = this.original_height + 'px';
} else {
this.$el.children('.box-flyout')[0].style.height = this.height + 'px';
}
this.chatboxHeight -= diff;
this.prevPageY = ev.pageY;
this.$el.children('.box-flyout')[0].style.height = this.chatboxHeight + 'px';
},
insertEmoticon: function (ev) {