-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
99 lines (92 loc) · 3 KB
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
$(function() {
var INDEX = 0;
$("#chat-submit").click(function(e) {
e.preventDefault();
var msg = $("#chat-input").val();
if(msg.trim() == ''){
return false;
}
generate_message(msg, 'self');
var buttons = [
{
name: 'Existing User',
value: 'existing'
},
{
name: 'New User',
value: 'new'
}
];
setTimeout(function() {
generate_message(msg, 'user');
}, 1000)
})
function generate_message(msg, type) {
INDEX++;
var str="";
str += "<div id='cm-msg-"+INDEX+"' class=\"chat-msg "+type+"\">";
str += " <span class=\"msg-avatar\">";
str += " <img src=\"https:\/\/image.crisp.im\/avatar\/operator\/196af8cc-f6ad-4ef7-afd1-c45d5231387c\/240\/?1483361727745\">";
str += " <\/span>";
str += " <div class=\"cm-msg-text\">";
str += msg;
str += " <\/div>";
str += " <\/div>";
$(".chat-logs").append(str);
$("#cm-msg-"+INDEX).hide().fadeIn(300);
if(type == 'self'){
$("#chat-input").val('');
}
$(".chat-logs").stop().animate({ scrollTop: $(".chat-logs")[0].scrollHeight}, 1000);
}
function generate_button_message(msg, buttons){
/* Buttons should be object array
[
{
name: 'Existing User',
value: 'existing'
},
{
name: 'New User',
value: 'new'
}
]
*/
INDEX++;
var btn_obj = buttons.map(function(button) {
return " <li class=\"button\"><a href=\"javascript:;\" class=\"btn btn-primary chat-btn\" chat-value=\""+button.value+"\">"+button.name+"<\/a><\/li>";
}).join('');
var str="";
str += "<div id='cm-msg-"+INDEX+"' class=\"chat-msg user\">";
str += " <span class=\"msg-avatar\">";
str += " <img src=\"https:\/\/image.crisp.im\/avatar\/operator\/196af8cc-f6ad-4ef7-afd1-c45d5231387c\/240\/?1483361727745\">";
str += " <\/span>";
str += " <div class=\"cm-msg-text\">";
str += msg;
str += " <\/div>";
str += " <div class=\"cm-msg-button\">";
str += " <ul>";
str += btn_obj;
str += " <\/ul>";
str += " <\/div>";
str += " <\/div>";
$(".chat-logs").append(str);
$("#cm-msg-"+INDEX).hide().fadeIn(300);
$(".chat-logs").stop().animate({ scrollTop: $(".chat-logs")[0].scrollHeight}, 1000);
$("#chat-input").attr("disabled", true);
}
$(document).delegate(".chat-btn", "click", function() {
var value = $(this).attr("chat-value");
var name = $(this).html();
$("#chat-input").attr("disabled", false);
generate_message(name, 'self');
})
$("#chat-circle").click(function() {
$("#chat-circle").toggle('scale');
$(".chat-box").toggle('scale');
})
$(".chat-box-toggle").click(function() {
$("#chat-circle").toggle('scale');
$(".chat-box").toggle('scale');
})
})