60 lines
1.9 KiB
JavaScript
60 lines
1.9 KiB
JavaScript
|
/**
|
||
|
|
* Theme: Ubold Admin Template
|
||
|
|
* Author: Coderthemes
|
||
|
|
* Chat application
|
||
|
|
*/
|
||
|
|
|
||
|
|
!function($) {
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
var ChatApp = function() {
|
||
|
|
this.$body = $("body"),
|
||
|
|
this.$chatInput = $('.chat-input'),
|
||
|
|
this.$chatList = $('.conversation-list'),
|
||
|
|
this.$chatSendBtn = $('.chat-send .btn')
|
||
|
|
};
|
||
|
|
|
||
|
|
//saves chat entry - You should send ajax call to server in order to save chat enrty
|
||
|
|
ChatApp.prototype.save = function() {
|
||
|
|
var chatText = this.$chatInput.val();
|
||
|
|
var chatTime = moment().format("h:mm");
|
||
|
|
if (chatText == "") {
|
||
|
|
sweetAlert("Oops...", "You forgot to enter your chat message", "error");
|
||
|
|
this.$chatInput.focus();
|
||
|
|
} else {
|
||
|
|
$('<li class="clearfix"><div class="chat-avatar"><img src="assets/images/avatar-1.jpg" alt="male"><i>' + chatTime + '</i></div><div class="conversation-text"><div class="ctext-wrap"><i>John Deo</i><p>' + chatText + '</p></div></div></li>').appendTo('.conversation-list');
|
||
|
|
this.$chatInput.val('');
|
||
|
|
this.$chatInput.focus();
|
||
|
|
this.$chatList.scrollTo('100%', '100%', {
|
||
|
|
easing: 'swing'
|
||
|
|
});
|
||
|
|
}
|
||
|
|
},
|
||
|
|
ChatApp.prototype.init = function () {
|
||
|
|
var $this = this;
|
||
|
|
//binding keypress event on chat input box - on enter we are adding the chat into chat list -
|
||
|
|
$this.$chatInput.keypress(function (ev) {
|
||
|
|
var p = ev.which;
|
||
|
|
if (p == 13) {
|
||
|
|
$this.save();
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
//binding send button click
|
||
|
|
$this.$chatSendBtn.click(function (ev) {
|
||
|
|
$this.save();
|
||
|
|
return false;
|
||
|
|
});
|
||
|
|
},
|
||
|
|
//init ChatApp
|
||
|
|
$.ChatApp = new ChatApp, $.ChatApp.Constructor = ChatApp
|
||
|
|
|
||
|
|
}(window.jQuery),
|
||
|
|
|
||
|
|
//initializing main application module
|
||
|
|
function($) {
|
||
|
|
"use strict";
|
||
|
|
$.ChatApp.init();
|
||
|
|
}(window.jQuery);
|