lkva/NDOJ
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add ratism to chatbox

Browse source
This commit is contained in:
cuom1999 2020-05-23 18:52:19 -05:00
parent ca89510799
commit acec52f71b
2 changed files with 15 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
chat_box/views.py
View file

@ -14,10 +14,11 @@ import json
def format_messages(messages):
msg_list = [{
'time': msg.time,
'author': str(msg.author),
'author': msg.author,
'body': msg.body,
'image': gravatar(msg.author, 32),
'id': msg.id
'id': msg.id,
'css_class': msg.author.css_class,
} for msg in messages]
return json.dumps(msg_list, default=str)

20
templates/chat/chat.html
View file

@ -22,6 +22,7 @@
data['time'],
data['id'],
data['image'],
data['css_class'],
true);
// console.log(data);
$('#chat-box').scrollTop($('#chat-box')[0].scrollHeight);
@ -33,18 +34,20 @@
});
}
function loadMessage(content, user, time, messid, image, isNew) {
function loadMessage(content, user, time, messid, image, css_class, isNew) {
// if (isNew) content = encodeHTML(content)
time = new Date(time);
time = moment(time).format("HH:mm DD-MM-YYYY");
time = new Date(time);
time = moment(time).format("HH:mm DD-MM-YYYY");
content = encodeHTML(content);
li = `<li class="message">
<img src="${image}" class="profile-pic">
<div class="body-message">
<div class="user-time">
<a href="{{ url('user_page') }}/${user}" class="user">
${user}
</a>
<span class="${css_class}">
<a href="{{ url('user_page') }}/${user}" class="user">
${user}
</a>
</span>
<span class="time">${time}</span>
{% if request.user.is_staff %}
<a class="chatbtn_remove_mess" style="color:red; cursor: pointer;" data-messtime="${time}" data-author="${user}" data-messid="${messid}">Delete</a>
@ -68,7 +71,7 @@
ul = $('#chat-log')
{% autoescape on %}
{% for msg in message %}
loadMessage("{{msg.body|safe|escapejs}}", `{{msg.author}}`, `{{msg.time}}`, `{{msg.id}}`, `{{gravatar(msg.author, 32)}}`);
loadMessage("{{msg.body|safe|escapejs}}", `{{msg.author}}`, `{{msg.time}}`, `{{msg.id}}`, `{{gravatar(msg.author, 32)}}`,`{{msg.author.css_class}}`);
{% endfor %}
{% endautoescape %}
$('#chat-box').scrollTop($('#chat-box')[0].scrollHeight);
@ -93,7 +96,7 @@
data = JSON.parse(data)
setTimeout( () => {
for (msg of data) {
loadMessage(msg.body, msg.author, msg.time, msg.id, msg.image)
loadMessage(msg.body, msg.author, msg.time, msg.id, msg.image, msg.css_class)
}
loader.hide()
@ -137,6 +140,7 @@
'image': img,
'author': '{{request.profile}}',
'author_id': {{request.profile.id}},
'css_class': '{{request.profile.css_class}}',
}
chatSocket.send(JSON.stringify({