95 lines
4.3 KiB
HTML
95 lines
4.3 KiB
HTML
{%- extends 'root.html' -%}
|
|
{% block pagetitle -%}{{chat.name}}{%- endblock %}
|
|
{% block pagetype %}chat{% endblock %}
|
|
{% block body_attributes %}class="has_header"{% endblock %}
|
|
{% block body %}
|
|
<link rel="stylesheet" href="{{'css/chat.css' | asset}}">
|
|
<link rel="stylesheet" href="{{'css/orgy.css' | asset}}">
|
|
{% include "header.html" %}
|
|
{% include "modals/emoji.html" %}
|
|
{% include "modals/gif.html" %}
|
|
{% set vlink = '<a href="/id/' ~ v.id ~ '"' %}
|
|
<div class="orgy-top-container container">
|
|
<div id="orgy-col" class="col text-left px-md-2">
|
|
<h5 class="mt-2 mb-3 ml-1 d-mob-none" style="display:inline-block">{{orgy.title}}</h5>
|
|
<b class="mt-2 mb-2 ml-1 text-small d-md-none" style="display:inline-block">{{orgy.title}}</b>
|
|
|
|
{% if v.id == chat.owner_id %}
|
|
<a href="/chat/{{chat.id}}/orgies" class="orgy-control fas fa-tv text-muted ml-2"></a>
|
|
{% else %}
|
|
<button id="leave-private-chat" type="submit" class="btn btn-danger ml-1 ml-md-3 px-2 text-small-sm" data-nonce="{{g.nonce}}" data-onclick="areyousure(this)" data-areyousure="postToastReload(this, '/chat/{{chat.id}}/leave')">Leave</button>
|
|
{% endif %}
|
|
|
|
<div>
|
|
<p id="orgy-file-container" class="resizable">
|
|
{% if orgy.type == 'youtube' %}
|
|
<iframe style="border: none" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox" title="Play" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen src="https://cdpn.io/pen/debug/NWeVNRj?v={{orgy.data}}&autoplay=1{% if orgy.end_utc %}&start={{orgy.seconds_since_starts}}{% endif %}"></iframe>
|
|
{% elif orgy.type == 'rumble' %}
|
|
<iframe src="{{orgy.data}}" frameborder="0" allowfullscreen></iframe>
|
|
{% elif orgy.type == 'twitch' %}
|
|
<iframe src="https://player.twitch.tv/?channel={{orgy.data}}&parent={{SITE}}" frameborder="0" allowfullscreen></iframe>
|
|
{% elif orgy.type == 'file' %}
|
|
<video id="orgy-file" data-created_utc="{{orgy.real_start_utc}}" controls preload="none" src="{{orgy.data}}"></video>
|
|
<video id="break-file" class="d-none" controls preload="none" src="/assets/break.mp4" data-run="{{orgy.start_utc != orgy.real_start_utc}}"></video>
|
|
<script defer src="{{'js/orgy_file.js' | asset}}"></script>
|
|
{% endif %}
|
|
</p>
|
|
{% if (orgies)|length > 1 %}
|
|
<table class="mt-2 d-mob-none">
|
|
<thead>
|
|
<tr>
|
|
<th>Title</th>
|
|
<th>Starts on</th>
|
|
<th>Ends on</th>
|
|
</tr>
|
|
</thead>
|
|
{% for orgy in orgies %}
|
|
<tr>
|
|
<td>{{orgy.title}}</td>
|
|
{% if orgy.started %}
|
|
<td>Started</td>
|
|
{% else %}
|
|
<td data-time="{{orgy.start_utc}}"></td>
|
|
{% endif %}
|
|
<td {% if orgy.end_utc %}data-time="{{orgy.end_utc}}"{% endif %}></td>
|
|
</tr>
|
|
{% endfor %}
|
|
</table>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="orgy-chat-window-item pl-1 pr-2">
|
|
{% if chat.id != 1 %}
|
|
<div class="border-right d-none d-md-block fl-r pt-2 mr-3" style="margin-top:-3px">
|
|
<span data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="bottom" title="<b>Members</b> {% for membership in sorted_memberships %}<br>@{{membership.user.username}} {% if membership.user_id == chat.owner_id %}👑{% endif %}{% endfor %}" class="text-muted">
|
|
<i class="fas fa-user fa-sm mr-1"></i>
|
|
<span class="chat-count" style="cursor:default">{{sorted_memberships|length}}</span>
|
|
</span>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div id="chat-group-template" class="d-none">
|
|
{{macros.chat_group_template()}}
|
|
</div>
|
|
</div>
|
|
|
|
<div id="chat-line-template" class="d-none">
|
|
{{macros.chat_line_template()}}
|
|
</div>
|
|
{{macros.chat_window(vlink)}}
|
|
</div>
|
|
</div>
|
|
|
|
<input id="chat_id" hidden value="{{chat.id}}">
|
|
<input id="vid" hidden value="{{v.id}}">
|
|
<input id="slurreplacer" hidden value="{{v.slurreplacer}}">
|
|
<input id="admin_level" hidden value="{{v.admin_level}}">
|
|
<input id="blocked_user_ids" hidden value="{{(v.userblocks|string)[1:-1]}}">
|
|
<script defer src="{{'js/vendor/socketio.js' | asset}}"></script>
|
|
<script defer src="{{'js/flash.js' | asset}}"></script>
|
|
<script defer src="{{'js/vendor/lozad.js' | asset}}"></script>
|
|
<script defer src="{{'js/vendor/lite-youtube.js' | asset}}"></script>
|
|
<script defer src="{{'js/chat.js' | asset}}"></script>
|
|
{% endblock %}
|