skorotkiewicz/rDrama
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fds

Browse source
This commit is contained in:
Aevann1 2022-03-20 01:03:17 +02:00
parent b082d25932
commit f3d21bb958
2 changed files with 11 additions and 105 deletions
Download patch file Download diff file Expand all files Collapse all files

19
files/assets/js/chat.js
View file

@ -2,21 +2,16 @@ let socket=io()
document.getElementById('chatsend').onclick = function () {
console.log('clicked')
text = document.getElementById('input-text').val()
text = document.getElementById('input-text').value
socket.emit('speak', text);
document.getElementById('input-text').val('')
document.getElementById('input-text').value = ''
}
socket.on('speak', function() {
console.log(json);
username=json['username'];
text=json['text'];
ava=json['avatar']
document.getElementById('chat-line-template img').attr('src', ava)
document.getElementById('chat-line-template img').attr('data-original-title', json['time'])
document.getElementById('chat-line-template .userlink').attr('href', json['userlink'])
document.getElementById('chat-line-template .username').text(username)
document.getElementById('chat-line-template .chat-message').html(text)
document.getElementById('chat-text').append(document.getElementById('chat-line-template .chat-line').clone())
document.getElementById('img').src = json['avatar']
document.getElementsByClassName('userlink')[0].href = json['userlink']
document.getElementsByClassName('username')[0].value = json['username']
document.getElementsByClassName('chat-message').innerHTML = json['text']
document.getElementById('chat-text').append(document.getElementById('chat-line-template .chat-line').cloneNode())
})

97
files/templates/chat.html
View file

@ -1,27 +1,8 @@
{% extends "default.html" %}
{% block PseudoSubmitForm %}{% endblock %}
{% block sidebar %}{% endblock %}
{% block navbar %}{% endblock %}
{% block sortnav %}{% endblock %}
{% block viewfilters %}{% endblock %}
{% block mobilenavbar %}{% endblock %}
{% block mobile_description %}{% endblock %}
{% block title %}
<title>Chat</title>
<meta name="description" content="Chat">
{% endblock %}
{% block desktopbanner %}
{% endblock %}
{% block infobar %}
<div class="border-right py-3 px-3">
<span data-toggle="tooltip" data-placement="bottom" title="people online right now" class="text-muted">
<i class="far fa-user fa-sm mr-1"></i><span class="board-chat-count"></span>
</span>
</div>
<title>Chat</title>
<meta name="description" content="Chat">
{% endblock %}
{% block content %}
@ -37,42 +18,15 @@
</div>
</div>
</div>
{% if request.path.endswith('/chat') %}
<div class="position-relative form-group d-flex pb-3">
<div class="position-absolute text-muted text-small" style="bottom: -1.5rem; line-height: 1;">
<span id="typing-indicator"></span>
<span id="loading-indicator" class="d-none"></span>
</div>
<input id="input-text" type="text" class="form-control" placeholder="Message #, or type /help" autocomplete="off" autofocus />
{% if v.has_premium %}
<label class="btn btn-secondary ml-3 mb-0" for="chat-image-upload">
<div id="filename-show"><i class="fad fa-image"></i></div>
<input id="chat-image-upload" type="file" name="image" accept="image/*" onchange="upload_chat_image()" hidden>
</label>
{% endif %}
<button id="chatsend" class="btn btn-primary ml-3" type="submit">Send</button>
</div>
<input id="autojoin" type="hidden" value="True">
{% else %}
<div class="position-relative form-group pb-3">
<div class="position-absolute text-muted text-small" style="bottom: -.5rem; line-height: 1;">
<span id="typing-indicator"></span>
<span id="loading-indicator" class="d-none"></span>
</div>
<input id="input-text" type="text" class="form-control" placeholder="Message or type /help" autocomplete="off">
<div class="d-flex mt-3">
{% if v.has_premium %}
<label class="btn btn-secondary w-20 mr-3 mb-0 ml-auto" for="chat-image-upload">
<div id="filename-show"><i class="fad fa-image"></i></div>
<input id="chat-image-upload" type="file" name="image" accept="image/*" onchange="upload_chat_image()" hidden>
</label>
{% endif %}
<button id="chatsend" class="btn btn-primary w-100 ml-auto" type="submit">Send</button>
</div>
</div>
<input id="autojoin" type="hidden" value="{{ v.auto_join_chat }}">
{% endif %}
<input id="guildname" type="hidden" value="general">
<input id="username" type="hidden" value="{{ v.username }}">
<div id="chat-line-template" class="d-none">
@ -96,7 +50,7 @@
</div>
<script src="/assets/js/socketio.js"></script>
<script src="/assets/js/chat.js?v=2"></script>
<script src="/assets/js/chat.js?v=3"></script>
<style>
@ -105,55 +59,12 @@
overflow-y: scroll;
}
#loading-indicator:after {
overflow: hidden;
display: inline-block;
vertical-align: bottom;
-webkit-animation: ellipsis steps(4,end) 900ms infinite;
animation: ellipsis steps(4,end) 900ms infinite;
content: "\2026"; /* ascii code for the ellipsis character */
width: 0px;
}
@keyframes ellipsis {
to {
width: 20px;
}
}
@-webkit-keyframes ellipsis {
to {
width: 20px;
}
}
.chat-mention {
background-color: rgba(128, 90, 213, 0.3);
}
/* Hide scrollbar for Chrome, Safari and Opera */
#chat-window::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
#chat-window {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.fullchat .chat-profile {
min-width: 42px;
width: 42px;
height: 42px;
}
.sidebarchat .chat-profile {
min-width: 30px;
width: 30px;
height: 30px;
}
</style>
{% endblock %}