rDrama
/
rDrama
9
10
Fork 8
Code Issues Pull Requests Packages Releases Wiki Activity
rDrama/files/templates/chat.html

204 lines
6.0 KiB
HTML
Raw Normal View History

Templates: create assetcache template. For too long, we've Replace-All'd to increment site asset version numbers. This is a task that has an obvious solution using the templating engine. As such, we now have templates/util/assetcache.html which contains a dict of version numbers and a macro to generate the versioned name of an asset. Going forward, it is recommended that all future replace-all uses are used as opportunities to switch to the macro. Do remember to import the macro in all top-level templates, if not already present. Recommended form: {%- from 'util/assetcache.html' import asset -%} Then add a key to CACHE_VER in util/assetcache.html. Then replace the asset path in templates eg: {{asset('css/main.css')}} For all future versions of those assets, one can simply increment the value in util/assetcache.html instead. This will greatly reduce git spam touching unrelated files and generally be clearer and easier.
2022-05-27 02:47:32 +00:00
{%- from 'util/assetcache.html' import asset -%}
what a mess
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="">
sdf
2022-05-27 20:03:23 +00:00
<link id="favicon" rel="icon" type="image/webp" href="/assets/images/{{SITE_NAME}}/icon.webp?v=1015">
fart
2022-03-19 21:20:23 +00:00
chat
2022-03-22 02:35:12 +00:00
<title>Chat</title>
fart
2022-03-19 21:20:23 +00:00
what a mess
2022-03-24 19:44:12 +00:00
<style>:root{--primary:#{{v.themecolor}}}</style>
Templates: create assetcache template. For too long, we've Replace-All'd to increment site asset version numbers. This is a task that has an obvious solution using the templating engine. As such, we now have templates/util/assetcache.html which contains a dict of version numbers and a macro to generate the versioned name of an asset. Going forward, it is recommended that all future replace-all uses are used as opportunities to switch to the macro. Do remember to import the macro in all top-level templates, if not already present. Recommended form: {%- from 'util/assetcache.html' import asset -%} Then add a key to CACHE_VER in util/assetcache.html. Then replace the asset path in templates eg: {{asset('css/main.css')}} For all future versions of those assets, one can simply increment the value in util/assetcache.html instead. This will greatly reduce git spam touching unrelated files and generally be clearer and easier.
2022-05-27 02:47:32 +00:00
<link rel="stylesheet" href="{{asset('css/main.css')}}">
assetcache: Add theme CSS support; bust recent.
2022-05-30 05:50:52 +00:00
<link rel="stylesheet" href="{{asset('css/' + v.theme + '.css')}}">
what a mess
2022-03-24 19:44:12 +00:00
{% if v.css %}
<link rel="stylesheet" href="/@{{v.username}}/css">
{% endif %}
<style>
#chat-window {
c
2022-03-26 11:36:25 +00:00
max-height: calc(100vh - 220px);
what a mess
2022-03-24 19:44:12 +00:00
overflow-y: scroll;
c
2022-03-25 01:17:36 +00:00
background-color: transparent !important;
what a mess
2022-03-24 19:44:12 +00:00
}
fart
2022-03-19 21:20:23 +00:00
what a mess
2022-03-24 19:44:12 +00:00
#chat-window .chat-profile {
min-width: 42px;
width: 42px;
height: 42px;
}
fds
2022-03-22 00:56:41 +00:00
what a mess
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 {
fds
2022-03-24 20:22:04 +00:00
background-color: #{{v.themecolor}}55;
fd
2022-03-24 20:28:49 +00:00
border-radius: 3px;
what a mess
2022-03-24 19:44:12 +00:00
}
.chat-message p {
display: inline-block;
}
.diff {
margin-top: 1rem;
}
@media (max-width: 768px) {
#shrink * {
fds
2022-03-26 12:27:01 +00:00
font-size: 10px !important;
what a mess
2022-03-24 19:44:12 +00:00
}
.fa-reply:before {
font-size: 9px;
}
.diff {
margin-top: 0.5rem;
}
fds
2022-03-26 12:27:01 +00:00
#chat-window {
fsd
2022-04-02 15:47:24 +00:00
max-height: calc(100vh - 180px);
fds
2022-03-26 12:27:01 +00:00
}
what a mess
2022-03-24 19:44:12 +00:00
}
fsd
2022-03-24 20:04:52 +00:00
p {
fd
2022-03-25 22:30:15 +00:00
display: inline !important;
what a mess
2022-03-24 19:44:12 +00:00
}
fsd
2022-03-24 20:04:52 +00:00
blockquote {
fsd
2022-03-25 22:43:45 +00:00
margin: 5px 0 5px 0;
padding: 0.3rem 1rem;
fsd
2022-03-24 20:04:52 +00:00
}
c
2022-03-25 01:17:36 +00:00
#online {
fds
2022-04-13 19:35:22 +00:00
background-color: var(--background) !important;
c
2022-03-25 01:17:36 +00:00
}
.chat-line .btn {
background-color: transparent !important;
}
fd
2022-03-25 22:30:15 +00:00
.cdiv {
overflow: hidden;
margin-left: 27px;
}
d
2022-03-26 10:52:14 +00:00
.quote {
display: inline-block !important;
padding: 0 0.5rem !important;
margin-bottom: 0.25rem !important;
}
fds
2022-05-23 17:57:08 +00:00
lite-youtube {
min-width: min(80vw,500px);
}
what a mess
2022-03-24 19:44:12 +00:00
</style>
</head>
fds
2022-04-13 20:20:57 +00:00
<body>
assetcache: Add dynamic file parameter, apply more. Assetcache macro improvement: to support assets in folders which are dynamically referenced by e.g. ID or name, the `asset` macro now accepts an optional second parameter to be included in the path but not to be used for versioning the class of assets. To support recent commits, assetcache now applies for: - images/badges/*.webp - js/: award_modal.js, bootstrap.js, header.js
2022-05-29 04:52:40 +00:00
<script src="{{asset('js/bootstrap.js')}}"></script>
what a mess
2022-03-24 19:44:12 +00:00
{% include "header.html" %}
fd
2022-03-25 22:30:15 +00:00
<div class="container pb-4">
what a mess
2022-03-24 19:44:12 +00:00
<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">
hgf
2022-04-07 00:21:38 +00:00
<div class="border-right pb-1 pt-2 px-3">
fsd
2022-03-27 14:43:25 +00:00
<span data-bs-toggle="tooltip" data-bs-placement="bottom" title="Users online right now" class="text-muted">
what a mess
2022-03-24 19:44:12 +00:00
<i class="far fa-user fa-sm mr-1"></i>
<span class="board-chat-count">0</span>
</span>
chat
2022-03-22 02:35:12 +00:00
</div>
fart
2022-03-19 21:20:23 +00:00
what a mess
2022-03-24 19:44:12 +00:00
<div id="chat-line-template" class="d-none">
<div class="chat-line">
chat improvements
2022-03-22 05:19:56 +00:00
<div class="d-flex align-items-center">
<div class="pl-md-3 text-muted">
<div>
what a mess
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>
fd
2022-03-25 22:30:15 +00:00
<div class="cdiv">
what a mess
2022-03-24 19:44:12 +00:00
<span class="chat-message text-black text-break"></span>
<span class="text d-none"></span>
d
2022-03-26 10:52:14 +00:00
<button class="quote btn" onclick="quote(this)"><i class="fas fa-reply" aria-hidden="true"></i></button>
chat improvements
2022-03-22 05:19:56 +00:00
</div>
</div>
</div>
</div>
what a mess
2022-03-24 19:44:12 +00:00
</div>
</div>
<div id="shrink">
fd
2022-03-25 22:30:15 +00:00
<div id="chat-window" class="container pl-0 py-0">
what a mess
2022-03-24 19:44:12 +00:00
{% 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 + '">' %}
fd
2022-03-24 22:42:49 +00:00
{% set same = loop.index > 1 and m['username'] == messages[loop.index-2]['username'] %}
what a mess
2022-03-24 19:44:12 +00:00
<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>
fd
2022-03-24 23:58:07 +00:00
{% if not same %}
<img src="{{m['avatar']}}" class="avatar pp20 mr-1" data-toggle="tooltip" data-placement="right">
{% endif %}
what a mess
2022-03-24 19:44:12 +00:00
<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>
fd
2022-04-06 22:54:09 +00:00
{% if not same %}
<span class="text-black time ml-2">{{m['time'] | timestamp}}</a>
{% endif %}
fd
2022-03-25 22:30:15 +00:00
<div class="cdiv">
what a mess
2022-03-24 19:44:12 +00:00
<span class="chat-message text-black text-break">{{text_html | safe}}</span>
<span class="d-none">{{m['text']}}</span>
d
2022-03-26 10:52:14 +00:00
<button class="quote btn" onclick="quote(this)"><i class="fas fa-reply" aria-hidden="true"></i></button>
what a mess
2022-03-24 19:44:12 +00:00
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
fsd
2022-03-26 14:36:37 +00:00
<div id='message' class="d-none position-relative form-group d-flex mt-3">
fds
2022-04-02 15:48:57 +00:00
<div class="position-absolute text-muted text-small ml-1" style="bottom: -1.5rem; line-height: 1;">
what a mess
2022-03-24 19:44:12 +00:00
<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>
chat
2022-03-22 02:35:12 +00:00
</div>
</div>
what a mess
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">
chat
2022-03-22 02:35:12 +00:00
</div>
what a mess
2022-03-24 19:44:12 +00:00
chat
2022-03-22 02:35:12 +00:00
</div>
what a mess
2022-03-24 19:44:12 +00:00
fart
2022-03-19 21:20:23 +00:00
</div>
fsd
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}}">
what a mess
2022-03-24 19:44:12 +00:00
<input id="slurreplacer" type="hidden" value="{{v.slurreplacer}}">
chat
2022-03-22 02:35:12 +00:00
dgf
2022-05-04 21:42:34 +00:00
<script src="/chat.js?v=20"></script>
v
2022-03-24 02:13:01 +00:00
fds
2022-03-22 03:08:00 +00:00
{% include "emoji_modal.html" %}
v
2022-03-24 02:13:01 +00:00
{% include "expanded_image_modal.html" %}
fds
2022-03-22 03:08:00 +00:00
fdsfd
2022-04-16 15:25:17 +00:00
<script src="/assets/js/lozad.js?v=242"></script>
dg
2022-05-10 04:09:14 +00:00
<script src="/assets/js/lite-youtube.js?v=241"></script>
what a mess
2022-03-24 19:44:12 +00:00
</body>