2022-03-24 19:44:12 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta name = "description" content = "{{config('DESCRIPTION')}}" >
< meta http-equiv = "Content-Security-Policy" content = "script-src 'self' 'unsafe-inline'; connect-src 'self'; object-src 'none';" >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" >
< meta name = "author" content = "" >
< link id = "favicon" rel = "icon" type = "image/png" href = "/static/assets/images/{{SITE_NAME}}/icon.webp?v=1012" >
2022-03-19 21:20:23 +00:00
2022-03-22 02:35:12 +00:00
< title > Chat< / title >
2022-03-19 21:20:23 +00:00
2022-03-24 19:44:12 +00:00
< style > : root { --primary : # { { v . themecolor } } } < / style >
< link rel = "stylesheet" href = "/static/assets/css/main.css?v=188" >
< link rel = "stylesheet" href = "/static/assets/css/{{v.theme}}.css?v=30" >
{% if v.css %}
< link rel = "stylesheet" href = "/@{{v.username}}/css" >
{% endif %}
< style >
#chat-window {
max-height:90vh;
overflow-y: scroll;
}
2022-03-19 21:20:23 +00:00
2022-03-24 19:44:12 +00:00
#chat-window .chat-profile {
min-width: 42px;
width: 42px;
height: 42px;
}
2022-03-22 00:56:41 +00:00
2022-03-24 19:44:12 +00:00
#chat-window::-webkit-scrollbar {
display: none;
}
#chat-window {
-ms-overflow-style: none;
scrollbar-width: none;
}
.chat-mention {
background-color: var(--primary55);
border-radius: 5px;
}
.chat-message p {
display: inline-block;
}
.diff {
margin-top: 1rem;
}
@media (max-width: 768px) {
#shrink * {
font-size: 10px !important;
}
.fa-reply:before {
font-size: 9px;
}
.diff {
margin-top: 0.5rem;
}
}
#input-text {
max-height: 50px!important;
}
2022-03-24 20:02:58 +00:00
p, blockquote p {
2022-03-24 19:44:12 +00:00
margin: 0!important;
2022-03-24 20:02:58 +00:00
margin-left: 27px!important;
2022-03-24 19:44:12 +00:00
}
< / style >
< / head >
< body >
< script src = "/static/assets/js/bootstrap.js?v=245" > < / script >
{% include "header.html" %}
< div class = "container {% if request.path=='/' or '/post/' in request.path or '/comment/' in request.path %}transparent{% endif %}" >
< div class = "row justify-content-around" id = "main-content-row" >
< div class = "col h-100 {% block customPadding %}{% if request.path.startswith('/@') %}user-gutters{% else %}custom-gutters{% endif %}{% endblock %}" id = "main-content-col" >
< div class = "border-right py-3 px-3" >
< span data-toggle = "tooltip" data-placement = "bottom" data-bs-title = "Users online right now" title = "Users online right now" class = "text-muted" >
< i class = "far fa-user fa-sm mr-1" > < / i >
< span class = "board-chat-count" > 0< / span >
< / span >
2022-03-22 02:35:12 +00:00
< / div >
2022-03-19 21:20:23 +00:00
2022-03-24 19:44:12 +00:00
< div id = "chat-line-template" class = "d-none" >
< div class = "chat-line" >
2022-03-22 05:19:56 +00:00
< div class = "d-flex align-items-center" >
< div class = "pl-md-3 text-muted" >
< div >
2022-03-24 19:44:12 +00:00
< img class = "avatar pp20 mr-1" data-toggle = "tooltip" data-placement = "right" >
< a href = "" class = "font-weight-bold text-black userlink" target = "_blank" > < / a >
2022-03-22 05:19:56 +00:00
< div style = "overflow:hidden" >
2022-03-24 19:44:12 +00:00
< span class = "chat-message text-black text-break" > < / span >
< span class = "text d-none" > < / span >
< button class = "quote-btn btn d-inline-block py-0" onclick = "quote(this)" > < i class = "fas fa-reply" aria-hidden = "true" > < / i > < / button >
2022-03-22 05:19:56 +00:00
< / div >
< / div >
< / div >
< / div >
2022-03-24 19:44:12 +00:00
< / div >
< / div >
< div id = "shrink" >
< div id = "chat-window" class = "container py-0" >
{% for m in messages %}
{% set text_html = m['text_censored'] if v.slurreplacer else m['text_html'] %}
{% set link = '< a href = "/id/' + v.id|string + '" > ' %}
{% set same = m['username'] == messages[loop.index-2]['username'] %}
< div class = "chat-line {% if link in text_html %}chat-mention{% endif %} {% if not same %}diff{% endif %}" >
< div class = "d-flex align-items-center" >
< div class = "pl-md-3 text-muted" >
< div >
{% if not same %}< img src = "{{m['avatar']}}" class = "avatar pp20 mr-1" data-toggle = "tooltip" data-placement = "right" > {% endif %}
< a class = "{% if same %}d-none{% endif %} font-weight-bold text-black userlink" style = "color:#{{m['namecolor']}}" target = "_blank" href = "/@{{m['username']}}" > {{m['username']}}< / a >
< div style = "overflow:hidden" >
< span class = "chat-message text-black text-break" > {{text_html | safe}}< / span >
< span class = "d-none" > {{m['text']}}< / span >
< button class = "btn d-inline-block py-0" onclick = "quote(this)" > < i class = "fas fa-reply" aria-hidden = "true" > < / i > < / button >
< / div >
< / div >
< / div >
< / div >
< / div >
{% endfor %}
< / div >
< div id = 'message' class = "d-none position-relative form-group d-flex mt-4" >
< 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 >
< i class = "btn btn-secondary mr-2 fas fa-smile-beam" style = "padding-top:0.65rem" onclick = "loadEmojis('input-text')" aria-hidden = "true" data-bs-toggle = "modal" data-bs-target = "#emojiModal" data-bs-placement = "bottom" title = "Add Emoji" > < / i >
< textarea id = "input-text" minlength = "1" maxlength = "1000" type = "text" class = "form-control" placeholder = "Message" autocomplete = "off" autofocus rows = "1" > < / textarea >
< button id = "chatsend" onclick = "send()" class = "btn btn-primary ml-3" type = "submit" > Send< / button >
< / div >
2022-03-22 02:35:12 +00:00
< / div >
< / div >
2022-03-24 19:44:12 +00:00
< div id = "online" class = "col sidebar text-left d-none d-lg-block pt-3 bg-white" style = "max-width:300px" >
2022-03-22 02:35:12 +00:00
< / div >
2022-03-24 19:44:12 +00:00
2022-03-22 02:35:12 +00:00
< / div >
2022-03-24 19:44:12 +00:00
2022-03-19 21:20:23 +00:00
< / div >
2022-03-23 16:15:59 +00:00
< input id = "vid" type = "hidden" value = "{{v.id}}" >
< input id = "site_name" type = "hidden" value = "{{SITE_NAME}}" >
2022-03-24 19:44:12 +00:00
< input id = "slurreplacer" type = "hidden" value = "{{v.slurreplacer}}" >
2022-03-22 02:35:12 +00:00
2022-03-24 20:01:24 +00:00
< script data-cfasync = "false" src = "/chat.js?v=6" > < / script >
2022-03-22 14:57:04 +00:00
2022-03-23 19:40:04 +00:00
< script >
2022-03-23 19:47:33 +00:00
box.scrollTo(0, box.scrollHeight)
2022-03-23 19:40:04 +00:00
< / script >
2022-03-24 02:13:01 +00:00
2022-03-22 03:08:00 +00:00
{% include "emoji_modal.html" %}
2022-03-24 02:13:01 +00:00
{% include "expanded_image_modal.html" %}
2022-03-22 03:08:00 +00:00
2022-03-24 19:44:12 +00:00
< script src = "/static/assets/js/lozad.js?v=240" > < / script >
< / body >
