forked from rDrama/rDrama
fds
parent
8244bcd41a
commit
a4aa26daad
|
@ -7,41 +7,18 @@
|
|||
|
||||
{% block content %}
|
||||
|
||||
<div class="container p-md-0 chat-container">
|
||||
|
||||
<div id="chat-window">
|
||||
<div id="chat-text" class="fullchat">
|
||||
</div>
|
||||
<div id="system-template">
|
||||
<div class="system-line">
|
||||
<p class="message text-muted"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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" autocomplete="off" autofocus />
|
||||
<button id="chatsend" class="btn btn-primary ml-3" type="submit">Send</button>
|
||||
</div>
|
||||
|
||||
<input id="username" type="hidden" value="{{ v.username }}">
|
||||
|
||||
<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 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>
|
||||
</div>
|
||||
|
@ -49,6 +26,13 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container p-md-0 chat-container">
|
||||
<div id="chat-window">
|
||||
<div id="chat-text" class="fullchat">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="/assets/js/socketio.js"></script>
|
||||
<script src="/assets/js/chat.js?v=8"></script>
|
||||
|
||||
|
|
Loading…
Reference in New Issue