2022-03-19 21:20:23 +00:00
|
|
|
{% extends "default.html" %}
|
|
|
|
|
|
|
|
{% block title %}
|
2022-03-19 23:03:17 +00:00
|
|
|
<title>Chat</title>
|
|
|
|
<meta name="description" content="Chat">
|
2022-03-19 21:20:23 +00:00
|
|
|
{% endblock %}
|
|
|
|
|
|
|
|
{% block content %}
|
|
|
|
|
2022-03-19 23:14:44 +00:00
|
|
|
<div id="chat-line-template" class="d-none">
|
|
|
|
<div class="chat-line my-2">
|
|
|
|
<div class="d-flex align-items-center">
|
|
|
|
<span class="rounded mb-auto d-none d-md-block chat-profile">
|
|
|
|
<img class="desktop-avatar rounded-circle w-100">
|
|
|
|
</span>
|
|
|
|
<div class="pl-md-3 text-muted">
|
|
|
|
<div>
|
|
|
|
<img class="mobile-avatar profile-pic-30 mr-2 d-inline-block d-md-none" data-toggle="tooltip" data-placement="right">
|
|
|
|
<a href="" class="font-weight-bold text-black userlink" target="_blank">@<span class="username"></span></a>
|
|
|
|
<div style="overflow:hidden" class="pl-4 pl-md-0 ml-4 ml-md-0">
|
|
|
|
<span class="chat-message text-black text-break"></span>
|
|
|
|
</div>
|
|
|
|
</div>
|
2022-03-19 21:20:23 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2022-03-19 23:14:44 +00:00
|
|
|
</div>
|
2022-03-19 21:20:23 +00:00
|
|
|
|
2022-03-19 23:14:44 +00:00
|
|
|
<div class="container p-md-0 chat-container">
|
|
|
|
<div id="chat-window">
|
|
|
|
<div id="chat-text" class="fullchat">
|
2022-03-19 21:20:23 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<script src="/assets/js/socketio.js"></script>
|
2022-03-19 23:11:18 +00:00
|
|
|
<script src="/assets/js/chat.js?v=8"></script>
|
2022-03-19 21:20:23 +00:00
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
#chat-window {
|
|
|
|
max-height:calc(100vh - 300px);
|
|
|
|
overflow-y: scroll;
|
|
|
|
}
|
|
|
|
|
|
|
|
.fullchat .chat-profile {
|
|
|
|
min-width: 42px;
|
|
|
|
width: 42px;
|
|
|
|
height: 42px;
|
|
|
|
}
|
|
|
|
|
2022-03-19 23:08:22 +00:00
|
|
|
#chat-window::-webkit-scrollbar {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
#chat-window {
|
|
|
|
-ms-overflow-style: none;
|
|
|
|
scrollbar-width: none;
|
|
|
|
}
|
|
|
|
|
2022-03-19 21:20:23 +00:00
|
|
|
</style>
|
|
|
|
|
2022-03-19 22:47:52 +00:00
|
|
|
{% endblock %}
|