2022-11-16 09:25:50 +00:00
{%- macro plural(value, suffix='s') -%}
{%- if value != 1 -%}
{{suffix}}
{%- endif -%}
{%- endmacro -%}
2022-12-19 16:15:25 +00:00
{%- macro random_image(path) -%}
2023-08-18 20:33:29 +00:00
{{- SITE_FULL_IMAGES ~ "/" ~ path ~ "/" ~ listdir('files/' ~ path)|random() ~ '?x=6' -}}
2022-11-21 04:57:20 +00:00
{%- endmacro -%}
2022-11-19 19:54:07 +00:00
{% macro post_meta(p) %}
{% if p.sub %}
{% if not HOLE_STYLE_FLAIR -%}
< a class = "mr-2" href = '/h/{{p.sub}}' > /h/{{p.sub}}< / a >
{%- else -%}
< a href = '/h/{{p.sub}}' class = "sub-flair" > {{p.sub|capitalize}}< / a >
{%- endif %}
{% endif %}
2023-08-08 17:01:58 +00:00
{% if p.sub and p.author.exiler_username(p.sub) %}
< a > < i class = "fas fa-campfire text-danger" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "User has been exiled from /h/{{p.sub}} by @{{p.author.exiler_username(p.sub)}}" > < / i > < / a >
2022-11-19 19:54:07 +00:00
{% endif %}
2023-09-17 19:48:02 +00:00
{% if p.bannedfor and p.sub != 'chudrama' %}
2022-11-19 19:54:07 +00:00
< i class = "fas fa-hammer-crash text-danger" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "User was banned for this post {{p.bannedfor}}" > < / i >
{% endif %}
2023-09-17 19:48:02 +00:00
{% if p.chuddedfor and p.sub != 'chudrama' %}
2022-11-19 19:54:07 +00:00
< i class = "fas fa-face-sleeping text-danger" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "User was chudded for this post {{p.chuddedfor}}" > < / i >
{% endif %}
{% for a in p.awards %}
< i class = "{{a.class_list}} px-1" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "{{a.title}} Award given by @{{a.user.username}}" > < / i >
{% endfor %}
{% if v and v.admin_level >= PERMS['USER_SHADOWBAN'] and p.author.shadowbanned %}
2023-08-10 15:37:29 +00:00
< i class = "fas fa-user-times text-admin" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = 'Shadowbanned by @{{p.author.shadowbanner}} for "{{p.author.ban_reason}}"' data-bs-html = "true" > < / i >
2022-11-19 19:54:07 +00:00
{% endif %}
{% if p.stickied %}
2023-01-25 03:32:08 +00:00
< i id = 'pinned-{{p.id}}' class = "fas fa-thumbtack fa-rotate--45 pr-1 ml-1 mt-3 text-admin" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Pinned by @{{p.stickied}}" { % if p . stickied_utc % } data-onmouseover = "pinned_timestamp('pinned-{{p.id}}')" data-timestamp = {{p.stickied_utc}} data-nonce = "{{g.nonce}}" { % endif % } > < / i >
2022-11-19 19:54:07 +00:00
{% endif %}
{% if p.hole_pinned %}
2023-01-25 03:32:08 +00:00
< i id = 'hole-pinned-{{p.id}}' class = "fas fa-thumbtack fa-rotate--45 pr-1 ml-1 mt-3 text-blue" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Pinned to /h/{{p.sub}} by @{{p.hole_pinned}}" > < / i >
2022-11-19 19:54:07 +00:00
{% endif %}
{% if p.distinguish_level %}< i class = "fas fa-broom text-admin" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "{{SITE_NAME}} Admin, speaking officially" > < / i > {% endif %}
2023-01-22 08:50:03 +00:00
{% if p.is_pinned and request.path != '/' %}
2023-01-25 03:32:08 +00:00
< i class = "fas fa-thumbtack fa-rotate--45 pr-1 ml-1 mt-3 text-admin" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Pinned to profile" > < / i >
2023-01-22 08:50:03 +00:00
{% endif %}
2022-11-19 19:54:07 +00:00
{% if p.over_18 %}< span class = "badge badge-danger text-small-extra mr-1" > +18< / span > {% endif %}
{% if p.is_bot %} < i class = "fas fa-robot text-info" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Bot" > < / i > {% endif %}
2023-05-03 21:58:37 +00:00
{% if p.is_blocking and not p.ghost %}< i class = "fas fa-user-minus text-warning" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "You're blocking this user." > < / i > {% endif %}
2023-02-07 01:36:41 +00:00
{% if p.is_blocked and not p.ghost %}< i class = "fas fa-user-minus text-danger" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "This user is blocking you." > < / i > {% endif %}
2023-02-10 04:21:19 +00:00
{% if p.private %}< span class = "mr-2 badge border-warning border-1 text-small-extra" > Draft< / span > {% endif %}
2023-07-30 04:45:07 +00:00
{% if p.active_reports(v) %}< button type = "button" class = "btn btn-primary mr-1" style = "padding:1px 5px; font-size:10px" data-nonce = "{{g.nonce}}" data-toggleelement = "#reports-{{p.id}}" data-toggleattr = "d-none" > {{p.active_reports(v)}} Report{{plural(p.active_reports(v))}}< / button > {% endif %}
2022-11-19 19:54:07 +00:00
{% if p.ghost %}
2022-12-29 14:20:27 +00:00
< span { % if p . distinguish_level % } class = "mod {% if SITE_NAME == 'rDrama' %}mod-rdrama{% endif %}" { % endif % } > 👻< / span >
2022-11-19 19:54:07 +00:00
{% else %}
2023-05-03 15:29:31 +00:00
{% if FEATURES['PATRON_ICONS'] and p.author.patron > 1 %}
2023-08-01 07:44:35 +00:00
< img loading = "lazy" src = "{{SITE_FULL_IMAGES}}/i/{{SITE_NAME}}/badges/2{{p.author.patron}}.webp?b=11" class = "patron-img" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "{{p.author.patron_tooltip}}" alt = "{{p.author.patron_tooltip}}" >
2022-11-19 19:54:07 +00:00
{% endif %}
{% if FEATURES['HOUSES'] and p.author.house %}
2023-06-29 20:14:30 +00:00
< img loading = "lazy" src = "{{SITE_FULL_IMAGES}}/i/{{SITE_NAME}}/houses/{{p.author.house}}.webp?x=6" class = "house-img" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "House {{p.author.house}}" alt = "House {{p.author.house}}" >
2022-11-19 19:54:07 +00:00
{% endif %}
{% if p.author.verified %}< i class = "fas fa-badge-check align-middle ml-1 {% if p.author.verified=='Glowiefied' %}glow{% endif %}" style = "color:{% if p.author.verifiedcolor %}#{{p.author.verifiedcolor}}{% else %}#1DA1F2{% endif %}" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "{{p.author.verified}}" > < / i >
{% endif %}
2023-09-15 11:01:04 +00:00
< a class = "user-name text-decoration-none" href = "{{p.author.url}}" data-pop-info = '{{p.author.json_popover(v) | tojson}}' data-bs-placement = "bottom" data-bs-toggle = "popover" data-bs-trigger = "manual" data-content-id = "popover" tabindex = "0" style = "color: #{{p.author.name_color}}; font-weight: bold" >
2022-11-19 19:54:07 +00:00
< div class = "profile-pic-30-wrapper" style = "margin-top:9px" >
2023-05-03 17:53:51 +00:00
< img loading = "lazy" alt = "@{{p.author.username}}'s profile picture" src = "{{p.author.profile_url}}" class = "profile-pic-30 mr-2" >
2022-12-24 22:21:49 +00:00
{% if p.author.hat_active(v)[0] -%}
2023-06-29 20:14:30 +00:00
< img class = "profile-pic-30-hat hat" loading = "lazy" src = "{{p.author.hat_active(v)[0]}}?x=6" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "{{p.author.hat_active(v)[1]}}" alt = "@{{p.author.username}}'s hat" >
2022-11-19 19:54:07 +00:00
{%- endif %}
< / div >
2023-09-15 11:01:04 +00:00
< span { % if p . author . patron and not p . distinguish_level % } class = "patron" style = "background-color:#{{p.author.name_color}}" { % elif p . distinguish_level % } class = "mod {% if SITE_NAME == 'rDrama' %}mod-rdrama{% endif %}" { % endif % } > {{p.author_name}}< / span >
2022-11-19 19:54:07 +00:00
< / a >
{% if FEATURES['PRONOUNS'] %}
< span class = "pronouns" style = "color:#{{p.author.titlecolor}};border-color:#{{p.author.titlecolor}}" > {{p.author.pronouns}}< / span >
{% endif %}
{% if p.author.customtitle %}
2023-03-17 07:31:06 +00:00
< bdi class = "text-break ml-2" style = "color: #{{p.author.titlecolor}}" > {{p.author.customtitle | safe}}< / bdi >
2022-11-19 19:54:07 +00:00
{% endif %}
{% endif %}
2023-02-03 19:55:19 +00:00
< span class = "ml-2 d-inline-block" data-bs-toggle = "tooltip" data-bs-placement = "bottom" data-nonce = "{{g.nonce}}" data-onmouseover = "timestamp(this, '{{p.created_utc}}')" id = "timestamp-{{p.id}}" > {{p.age_string}}< / span >
2023-03-24 11:59:46 +00:00
{% if not p.deleted_utc %}
2023-07-30 07:12:26 +00:00
< span class = "ml-2 d-inline-block" > ({% if p.is_image %}image post{% elif p.is_video %}video post{% elif p.is_audio %}audio post{% elif p.domain %}< a href = "/search/posts/?q=domain%3A{{p.domain}}" class = "post-meta-domain" { % if v and v . newtab % } data-target = "t" target = "_blank" { % endif % } > {{p.domain|truncate(50, True)}}< / a > {% else %}text post{% endif %})< / span >
2023-03-24 11:59:46 +00:00
{% endif %}
2022-11-19 19:54:07 +00:00
{% if p.edited_utc %}
2023-02-03 19:55:19 +00:00
< span class = "ml-2 d-inline-block" > Edited < span data-bs-toggle = "tooltip" data-bs-placement = "bottom" id = "edited_timestamp-{{p.id}}" data-nonce = "{{g.nonce}}" data-onmouseover = "timestamp(this, '{{p.edited_utc}}')" > {{p.edited_string}}< / span > < / span >
2022-11-19 19:54:07 +00:00
{% endif %}
2023-02-03 19:55:19 +00:00
< span class = "ml-2 d-inline-block" > {{p.views}} thread views< / span >
2023-03-16 06:36:24 +00:00
#{{p.id}}
2023-06-24 20:31:12 +00:00
{% if p.ping_cost %}
2023-08-09 13:11:22 +00:00
< em class = "ml-2" > spent {{p.ping_cost}} currency on pings< / em >
2023-06-24 20:31:12 +00:00
{% endif %}
2022-11-19 19:54:07 +00:00
{% endmacro %}
2022-12-09 03:35:28 +00:00
2023-02-27 15:02:35 +00:00
2023-08-14 14:28:27 +00:00
{% macro file_input(input_id, textarea_id, disabled) %}
< div class = "comment-format" >
< button type = "button" class = "btn btn-secondary format m-0 font-weight-bolder text-uppercase" data-nonce = "{{g.nonce}}" data-onclick = "getGifs('{{textarea_id}}')" data-bs-toggle = "modal" data-bs-target = "#gifModal" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Add GIF" > GIF< / button >
< button type = "button" class = "btn btn-secondary format m-0 ml-2" data-nonce = "{{g.nonce}}" data-onclick = "loadEmojis('{{textarea_id}}')" data-bs-toggle = "modal" data-bs-target = "#emojiModal" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Add Emoji" > < i class = "fas fa-smile-beam" > < / i > < / button >
< label class = "btn btn-secondary format m-0 ml-2" for = "{{input_id}}" { % if g . is_tor or disabled % } disabled { % endif % } >
< i class = "fas fa-{% if image_only %}image{% else %}file{% endif %}" > < / i >
< input autocomplete = "off" id = "{{input_id}}" accept = "image/*{% if not image_only %}, video/*, audio/*{% endif %}" type = "file" multiple = "multiple" name = "file" { % if g . is_tor or disabled % } disabled { % endif % } hidden >
< / label >
< / div >
2023-02-27 15:02:35 +00:00
{% endmacro %}
2023-08-14 14:28:27 +00:00
{% macro comment_reply_box(target_fullname, html_id, wrapper_css_classes="", subwrapper_css_classes="", hide="", enable_cancel_button=true) %}
2022-12-09 03:35:28 +00:00
< div class = "comment-box-wrapper{% if wrapper_css_classes %} {{wrapper_css_classes}}{% endif %}" id = "{{html_id}}" >
{% if v %}
< div id = "comment-form-space-{{target_fullname}}" class = "comment-write {{subwrapper_css_classes}}" >
2023-01-24 05:10:16 +00:00
< input hidden name = "formkey" value = "{{v|formkey}}" >
< input hidden name = "parent_fullname" value = "{target_fullname}}" >
2023-09-15 13:55:27 +00:00
< textarea required autocomplete = "off" { % if not ( p and p . id in ADMIGGER_THREADS ) % } { % if v . longpost % } minlength = "280" { % elif v . bird % } maxlength = "140" { % endif % } { % endif % } minlength = "1" maxlength = "10000" data-preview = "form-preview-{{target_fullname}}" data-nonce = "{{g.nonce}}" data-oninput = "markdown(this);charLimit('reply-form-body-{{target_fullname}}','charcount-{{target_fullname}}');handle_disabled(this)" id = "reply-form-body-{{target_fullname}}" data-fullname = "{{target_fullname}}" class = "file-ta comment-box form-control rounded" name = "body" form = "reply-to-{{target_fullname}}" placeholder = "Add your comment..." rows = "3" > < / textarea >
2022-12-30 16:56:16 +00:00
2023-09-15 11:01:04 +00:00
< div class = "text-small font-weight-bold mt-1" id = "charcount-{{target_fullname}}" style = "right: 1rem; bottom: 0.5rem; z-index: 3" > < / div >
2022-12-30 16:56:16 +00:00
2023-08-14 14:28:27 +00:00
{{file_input('file-upload-reply-' ~ target_fullname, 'reply-form-body-' ~ target_fullname, False)}}
2023-02-27 15:02:35 +00:00
2023-09-15 13:55:27 +00:00
< button type = "button" id = "save-reply-to-{{target_fullname}}" form = "reply-to-{{target_fullname}}" class = "btn btn-primary text-whitebtn ml-auto fl-r handle_disabled disabled" disabled data-nonce = "{{g.nonce}}" data-onclick = "post_comment('{{target_fullname}}', '{{hide}}')" > Comment< / button >
2023-02-27 17:25:38 +00:00
2022-12-30 16:56:16 +00:00
{% if enable_cancel_button %}
2023-08-03 07:33:57 +00:00
< button type = "button" data-nonce = "{{g.nonce}}" data-onclick = "cancel('{{target_fullname}}')" class = "btn btn-link text-muted ml-auto fl-r mr-3" > Cancel< / button >
2022-12-30 16:56:16 +00:00
{% endif %}
2023-02-27 17:25:38 +00:00
< span id = "upload-prog-{{target_fullname}}" class = "d-none mt-1 mr-2 fl-r" >
< progress max = "100" > < / progress >
< span > < / span >
< / span >
2022-12-09 03:35:28 +00:00
< div id = "form-preview-{{target_fullname}}" class = "preview mb-3 mt-5" > < / div >
2023-02-07 00:29:03 +00:00
< div class = "form-text text-small p-0 m-0" > < a href = "/formatting" { % if v and v . newtab % } data-target = "t" target = "_blank" { % endif % } > Formatting help< / a > < / div >
2022-12-09 03:35:28 +00:00
< / div >
{% else %}
2022-12-10 15:25:34 +00:00
< div class = "comment-write mt-4 mb-3 mx-3" >
2022-12-30 12:14:18 +00:00
< textarea autocomplete = "off" maxlength = "10000" class = "comment-box form-control rounded" name = "body" placeholder = "Add your comment..." rows = "3" data-href = "/login?redirect={{request.full_path | urlencode}}" > < / textarea >
2022-12-09 03:35:28 +00:00
< / div >
2023-01-01 11:36:20 +00:00
2022-12-09 03:35:28 +00:00
< div class = "card border-0 mt-4" >
< div class = "card-body" >
< h5 class = "card-title" > Jump in the discussion.< / h5 >
< p class = "card-text" > No email address required.< / p >
< div >
< a href = "/signup?redirect={{request.full_path | urlencode}}" class = "btn btn-primary" > Sign up< / a >
< a href = "/login?redirect={{request.full_path | urlencode}}" class = "btn btn-link text-muted" > Sign in< / a >
< / div >
< / div >
< / div >
{% endif %}
< / div >
{% endmacro %}
2022-12-11 23:44:34 +00:00
{% macro ghost_box(text1, text2, mode, extra_css) %}
{# TODO: use in saved (search for "fa-ghost" in source) #}
{% if mode == 1 %}
2023-08-12 14:56:50 +00:00
< div id = "ghost-town-box" class = "text-center p-6" { % if extra_css % } style = "{{extra_css}}" { % endif % } >
2022-12-11 23:44:34 +00:00
< span class = "fa-stack fa-2x text-muted mb-4" >
< i class = "fas fa-square text-gray-500 opacity-25 fa-stack-2x" > < / i >
< i class = "fas text-gray-500 fa-ghost fa-stack-1x text-lg" > < / i >
< / span >
{% if text1 %}
< h5 > {{text1|safe}}< / h5 >
< p > < / p >
{% endif %}
{% if text2 %}
< p class = "text-muted" > {{text2|safe}}< / p >
{% endif %}
< / div >
{% elif mode == 2 %}
2023-08-12 14:56:50 +00:00
< div id = "ghost-town-box" class = "text-center border-md rounded p-6" { % if extra_css % } style = "{{extra_css}}" { % endif % } >
2023-09-15 11:01:04 +00:00
< i class = "fas fa-ghost text-gray-500 mb-3" style = "font-size: 3.5rem" > < / i >
2022-12-11 23:44:34 +00:00
< p class = "font-weight-bold text-gray-500 mb-0" > {{text1|safe}}< / p >
< / div >
{% endif %}
{% endmacro %}
{% macro alert(msg, error=false) %}
2023-01-20 07:14:59 +00:00
< div class = "alert {% if error %}alert-danger{% else %}alert-success{% endif %} alert-dismissible fade show mb-3 mt-4" >
2022-12-11 23:44:34 +00:00
< i class = "fas {% if error %}fa-exclamation-circle{% else %}fa-check-circle{% endif %} my-auto" > < / i >
< span > {{msg}}< / span >
2022-12-25 02:10:56 +00:00
< button type = "button" class = "close" data-bs-dismiss = "alert" >
2023-08-23 00:52:50 +00:00
< span > < i class = "fas fa-times" > < / i > < / span >
2022-12-11 23:44:34 +00:00
< / button >
< / div >
{% endmacro %}
2023-05-14 22:01:10 +00:00
2023-06-23 16:49:23 +00:00
{% macro reports(i, kind) %}
{% if i.active_reports(v) %}
< div id = "reports-{{i.id}}" class = "reports d-none" >
2023-08-23 20:46:09 +00:00
< strong > < i class = "far fa-fw fa-flag" > < / i > Reported by:< / strong >
2023-05-14 22:01:10 +00:00
< ul class = "mt-1 mb-0" style = "padding-left:20px;word-wrap:break-word" >
2023-06-23 16:49:23 +00:00
{% for r in i.filtered_reports(v) %}
2023-05-14 22:01:10 +00:00
< li >
2023-08-31 10:31:04 +00:00
{% if v and v.admin_level >= PERMS['USER_SHADOWBAN'] and r.user.shadowbanned %}
2023-08-10 15:37:29 +00:00
< i class = "fas fa-user-times text-admin" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = 'Shadowbanned by @{{r.user.shadowbanner}} for "{{r.user.ban_reason}}"' data-bs-html = "true" > < / i >
2023-05-14 22:01:10 +00:00
{% endif %}
2023-06-23 16:49:23 +00:00
< a style = "font-weight:bold" href = "{{r.user.url}}" > {{r.user.username}}< / a >
{% if r.reason %}: {{r.realreason(v) | safe}}{% endif %}
{% if v and v.admin_level >= PERMS['REPORTS_REMOVE'] %}
< button type = "button" data-nonce = "{{g.nonce}}" data-onclick = "delReport(this,'/del_report/{{kind}}/{{r.parent_id}}/{{r.user_id}}')" > [remove]< / button >
2023-05-14 22:01:10 +00:00
{% endif %}
< / li >
{% endfor %}
< / ul >
< / div >
{% endif %}
{% endmacro %}
Bring back orgies (watchparties), now controllable by admins, and generally better in all ways (#165)
This PR adds orgies back into rdrama. Long ago, snakes made the original orgy code, and it was super fun. But he had to rush it out, and ended up making it a bit unsustainable, and had a couple questionable coding decisions, which meant that it had to be removed. Hey, the man literally did it in a few hours before the DB trial continued, lmao.
Anyways, I took my own approach to it. I do not use iframes, i just just repurpose code from /chat window. Because I had that freedom, I also moved things around to make the user experience a bit better. I also added a title to give users some context about what's happening. Check it out
![image](/attachments/6719146c-4922-4d75-967d-8d424a09b198)
Most importantly, this is all configurable from the site. Admins with the permission "ORGIES" will see this in their control panel
![image](/attachments/423d6046-a11d-4e84-bd2c-a2a641afd552)
Nigga, idk where to put it, so I made my own category.
If there is no orgy in progress, admins will see this:
![image](/attachments/7c64b9fa-cdf4-4986-a0c4-f2324878062e)
Click the button, and, viola, the orgy begins.
If there is an orgy in progress, the page will look like this:
![image](/attachments/b65be4b3-5db1-43cb-8857-7d3a8ea24ca7)
Click the button, and the orgy stops.
If an orgy is in progress, navigating to /chat will take the user to the orgy seemlessly. But what if they don't want to participate, liek some kind of spoilsport? Just navigate to /old_chat.
That's just about it, it's really that simple. I have lots of ideas for the future, but I'll let that wait til later :).
A few notes about implementation:
- I moved some functionality out of /templates/chat.html and into /templates/util/macros.html. This is just so I could reference the code directly from my new template, /templates/orgy.html.
- The orgy is stored as a single row in the new table "orgies". Okay, I know this is a little silly, but you know what they say: "if it's stupid and it works, it's not stupid". (tbf the oceangate ceo also said that)
Co-authored-by: Chuck Sneed <sneed@formerlychucks.net>
Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/165
Co-authored-by: HeyMoon <heymoon@noreply.fsdfsd.net>
Co-committed-by: HeyMoon <heymoon@noreply.fsdfsd.net>
2023-07-02 23:55:37 +00:00
{% macro chat_users_online() %}
< div class = "border-right pb-1 px-3" >
2023-08-01 07:38:30 +00:00
< span id = "online2" data-bs-html = "true" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Users Online" class = "text-muted" >
2023-08-23 00:52:50 +00:00
< i class = "fas fa-user fa-sm mr-1" > < / i >
2023-08-01 07:38:30 +00:00
< span class = "board-chat-count" > 0< / span >
< / span >
Bring back orgies (watchparties), now controllable by admins, and generally better in all ways (#165)
This PR adds orgies back into rdrama. Long ago, snakes made the original orgy code, and it was super fun. But he had to rush it out, and ended up making it a bit unsustainable, and had a couple questionable coding decisions, which meant that it had to be removed. Hey, the man literally did it in a few hours before the DB trial continued, lmao.
Anyways, I took my own approach to it. I do not use iframes, i just just repurpose code from /chat window. Because I had that freedom, I also moved things around to make the user experience a bit better. I also added a title to give users some context about what's happening. Check it out
![image](/attachments/6719146c-4922-4d75-967d-8d424a09b198)
Most importantly, this is all configurable from the site. Admins with the permission "ORGIES" will see this in their control panel
![image](/attachments/423d6046-a11d-4e84-bd2c-a2a641afd552)
Nigga, idk where to put it, so I made my own category.
If there is no orgy in progress, admins will see this:
![image](/attachments/7c64b9fa-cdf4-4986-a0c4-f2324878062e)
Click the button, and, viola, the orgy begins.
If there is an orgy in progress, the page will look like this:
![image](/attachments/b65be4b3-5db1-43cb-8857-7d3a8ea24ca7)
Click the button, and the orgy stops.
If an orgy is in progress, navigating to /chat will take the user to the orgy seemlessly. But what if they don't want to participate, liek some kind of spoilsport? Just navigate to /old_chat.
That's just about it, it's really that simple. I have lots of ideas for the future, but I'll let that wait til later :).
A few notes about implementation:
- I moved some functionality out of /templates/chat.html and into /templates/util/macros.html. This is just so I could reference the code directly from my new template, /templates/orgy.html.
- The orgy is stored as a single row in the new table "orgies". Okay, I know this is a little silly, but you know what they say: "if it's stupid and it works, it's not stupid". (tbf the oceangate ceo also said that)
Co-authored-by: Chuck Sneed <sneed@formerlychucks.net>
Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/165
Co-authored-by: HeyMoon <heymoon@noreply.fsdfsd.net>
Co-committed-by: HeyMoon <heymoon@noreply.fsdfsd.net>
2023-07-02 23:55:37 +00:00
< / div >
{% endmacro %}
{% macro chat_group_template(id, m) %}
2023-08-01 07:38:30 +00:00
< div class = "chat-group" >
2023-08-14 12:26:42 +00:00
< a class = "font-weight-bold userlink" target = "_blank" { % if m % } style = "color:#{{m.namecolor}}" href = "/@{{m.username}}" { % endif % } >
< div class = "avatar profile-pic-20-wrapper mr-1" >
< img loading = "lazy" class = "avatar-pic pp20 mr-1" { % if m % } src = "/pp/{{m.user_id}}" { % endif % } >
< img class = "avatar-hat profile-pic-20-hat hat" loading = "lazy" { % if m % } src = "{{m.hat}}" { % endif % } >
< / div >
< span { % if m and m . patron % } class = "username patron" style = "background-color:#{{m.namecolor}}" { % else % } class = "username" { % endif % } > {% if m %}{{m.username}}{% endif %}< / span >
< / a >
2023-09-15 00:33:08 +00:00
< span class = "text-black time ml-1 mb-3 text-center" { % if m % } data-time = "{{m.time}}" { % endif % } > < / span >
2023-08-09 15:19:32 +00:00
< input hidden class = "user_id" { % if m % } value = "{{m.user_id}}" { % endif % } >
Bring back orgies (watchparties), now controllable by admins, and generally better in all ways (#165)
This PR adds orgies back into rdrama. Long ago, snakes made the original orgy code, and it was super fun. But he had to rush it out, and ended up making it a bit unsustainable, and had a couple questionable coding decisions, which meant that it had to be removed. Hey, the man literally did it in a few hours before the DB trial continued, lmao.
Anyways, I took my own approach to it. I do not use iframes, i just just repurpose code from /chat window. Because I had that freedom, I also moved things around to make the user experience a bit better. I also added a title to give users some context about what's happening. Check it out
![image](/attachments/6719146c-4922-4d75-967d-8d424a09b198)
Most importantly, this is all configurable from the site. Admins with the permission "ORGIES" will see this in their control panel
![image](/attachments/423d6046-a11d-4e84-bd2c-a2a641afd552)
Nigga, idk where to put it, so I made my own category.
If there is no orgy in progress, admins will see this:
![image](/attachments/7c64b9fa-cdf4-4986-a0c4-f2324878062e)
Click the button, and, viola, the orgy begins.
If there is an orgy in progress, the page will look like this:
![image](/attachments/b65be4b3-5db1-43cb-8857-7d3a8ea24ca7)
Click the button, and the orgy stops.
If an orgy is in progress, navigating to /chat will take the user to the orgy seemlessly. But what if they don't want to participate, liek some kind of spoilsport? Just navigate to /old_chat.
That's just about it, it's really that simple. I have lots of ideas for the future, but I'll let that wait til later :).
A few notes about implementation:
- I moved some functionality out of /templates/chat.html and into /templates/util/macros.html. This is just so I could reference the code directly from my new template, /templates/orgy.html.
- The orgy is stored as a single row in the new table "orgies". Okay, I know this is a little silly, but you know what they say: "if it's stupid and it works, it's not stupid". (tbf the oceangate ceo also said that)
Co-authored-by: Chuck Sneed <sneed@formerlychucks.net>
Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/165
Co-authored-by: HeyMoon <heymoon@noreply.fsdfsd.net>
Co-committed-by: HeyMoon <heymoon@noreply.fsdfsd.net>
2023-07-02 23:55:37 +00:00
{% endmacro %}
{% macro chat_line_template(id, m, vlink) %}
2023-08-09 15:19:32 +00:00
{% set quote_exists = m and m.quotes and messages.get(m.quotes) %}
{% set mentioned = m and vlink in m.text_html or (quote_exists and messages[m.quotes].user_id == v.id) %}
2023-08-01 07:38:30 +00:00
< div class = "chat-line {% if mentioned %}chat-mention{% endif %}" { % if m % } id = "{{id}}" { % endif % } >
< div class = "d-flex align-items-center" >
< div class = "text-muted chat-line-content" >
2023-08-09 15:19:32 +00:00
< div class = "{% if not (m and m.quotes) %}d-none{% endif %} quotes" style = "font-size:12px" >
< a class = "QuotedMessageLink" { % if m and m . quotes % } href = "#{{m.quotes}}" { % endif % } >
2023-09-07 15:26:31 +00:00
< i class = "fas fa-reply" > < / i >
2023-08-01 07:38:30 +00:00
< span class = "text-primary" > @< span class = "QuotedUser" >
{%- if quote_exists -%}
2023-08-09 15:19:32 +00:00
{{messages[m.quotes].username}}
2023-08-01 07:38:30 +00:00
{%- endif -%}
2023-09-07 15:26:31 +00:00
< / span > < / span > :
2023-08-01 07:38:30 +00:00
< em class = "QuotedMessage text-break" >
{%- if quote_exists -%}
2023-08-01 06:43:32 +00:00
{%- if v.slurreplacer -%}
2023-08-09 15:19:32 +00:00
{{messages[m.quotes].text_censored}}
2023-08-01 06:43:32 +00:00
{%- else -%}
2023-08-09 15:19:32 +00:00
{{messages[m.quotes].text}}
2023-08-01 06:43:32 +00:00
{%- endif -%}
2023-08-01 07:38:30 +00:00
{%- endif -%}
< / em >
< / a >
< / div >
< div class = "d-flex" >
< span class = "chat-message text-black text-break" >
{% if m %}
{% if v.slurreplacer %}
2023-08-09 15:19:32 +00:00
{{m.text_html_censored | safe}}
2023-08-01 07:38:30 +00:00
{% else %}
2023-08-09 15:19:32 +00:00
{{m.text_html | safe}}
2023-08-01 07:38:30 +00:00
{% endif %}
{% endif %}
< / span >
< span class = "text d-none" >
2023-08-01 06:43:32 +00:00
{%- if m -%}
2023-08-01 07:38:30 +00:00
{%- if v.slurreplacer -%}
2023-08-09 15:19:32 +00:00
{{m.text_censored}}
2023-08-01 07:38:30 +00:00
{%- else -%}
2023-08-09 15:19:32 +00:00
{{m.text}}
2023-08-01 07:38:30 +00:00
{%- endif -%}
2023-08-01 06:43:32 +00:00
{%- endif -%}
< / span >
2023-08-01 07:38:30 +00:00
< i class = "quote btn fas fa-reply ml-auto" data-nonce = "{{g.nonce}}" data-onclick = "quote(this)" > < / i >
2023-08-09 15:19:32 +00:00
{% if v.admin_level >= PERMS.POST_COMMENT_MODERATION %}
2023-08-01 07:38:30 +00:00
< i class = "btn del delconfirm fas fa-trash-alt" > < / i >
< i class = "btn d-none del delmsg fas fa-trash-alt text-danger" data-nonce = "{{g.nonce}}" data-onclick = "del(this)" > < / i >
{% endif %}
< / div >
< / div >
< / div >
< / div >
Bring back orgies (watchparties), now controllable by admins, and generally better in all ways (#165)
This PR adds orgies back into rdrama. Long ago, snakes made the original orgy code, and it was super fun. But he had to rush it out, and ended up making it a bit unsustainable, and had a couple questionable coding decisions, which meant that it had to be removed. Hey, the man literally did it in a few hours before the DB trial continued, lmao.
Anyways, I took my own approach to it. I do not use iframes, i just just repurpose code from /chat window. Because I had that freedom, I also moved things around to make the user experience a bit better. I also added a title to give users some context about what's happening. Check it out
![image](/attachments/6719146c-4922-4d75-967d-8d424a09b198)
Most importantly, this is all configurable from the site. Admins with the permission "ORGIES" will see this in their control panel
![image](/attachments/423d6046-a11d-4e84-bd2c-a2a641afd552)
Nigga, idk where to put it, so I made my own category.
If there is no orgy in progress, admins will see this:
![image](/attachments/7c64b9fa-cdf4-4986-a0c4-f2324878062e)
Click the button, and, viola, the orgy begins.
If there is an orgy in progress, the page will look like this:
![image](/attachments/b65be4b3-5db1-43cb-8857-7d3a8ea24ca7)
Click the button, and the orgy stops.
If an orgy is in progress, navigating to /chat will take the user to the orgy seemlessly. But what if they don't want to participate, liek some kind of spoilsport? Just navigate to /old_chat.
That's just about it, it's really that simple. I have lots of ideas for the future, but I'll let that wait til later :).
A few notes about implementation:
- I moved some functionality out of /templates/chat.html and into /templates/util/macros.html. This is just so I could reference the code directly from my new template, /templates/orgy.html.
- The orgy is stored as a single row in the new table "orgies". Okay, I know this is a little silly, but you know what they say: "if it's stupid and it works, it's not stupid". (tbf the oceangate ceo also said that)
Co-authored-by: Chuck Sneed <sneed@formerlychucks.net>
Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/165
Co-authored-by: HeyMoon <heymoon@noreply.fsdfsd.net>
Co-committed-by: HeyMoon <heymoon@noreply.fsdfsd.net>
2023-07-02 23:55:37 +00:00
{% endmacro %}
{% macro chat_window(vlink)%}
< div id = "shrink" >
2023-08-01 07:38:30 +00:00
< div id = "chat-window" class = "container p-0" >
{% set messages_list = messages.items()|list %}
{% for id, m in messages_list %}
2023-08-09 15:19:32 +00:00
{% set same = loop.index > 1 and m.user_id == messages_list[loop.index-2][1].user_id %}
2023-08-01 07:38:30 +00:00
{% if not same %}
{% if loop.index > 1 %}
< / div >
{% endif %}
{{chat_group_template(id, m)}}
{% endif %}
{{chat_line_template(id, m, vlink)}}
{% endfor %}
< / div >
< / div >
< div class = "mt-3" > < / div >
< div id = "quotes" class = "mt-3 ml-3 mb-2 d-none" style = "font-size:12px" >
< a id = "QuotedMessageLink" >
< i class = "fas fa-reply" > < / i > < span class = "text-primary" > @< span id = "QuotedUser" > < / span > < / span > : < em id = "QuotedMessage" > < / em >
< button type = "button" id = "cancel" class = "btn btn-secondary" > Cancel< / button >
< input hidden id = "quotes_id" >
< / a >
< / div >
2023-08-14 17:00:22 +00:00
< div id = 'message' class = "position-relative form-group d-flex" >
2023-09-15 11:01:04 +00:00
< div class = "position-absolute text-muted text-small ml-1" style = "bottom: -1.5rem; line-height: 1" >
2023-08-01 07:38:30 +00:00
< span id = "typing-indicator" > < / span >
< span id = "loading-indicator" class = "d-none" > < / span >
< / div >
< span class = "my-auto" >
< i class = "btn btn-secondary fas fa-smile-beam" style = "font-size:1.3rem!important" data-nonce = "{{g.nonce}}" data-onclick = "loadEmojis('input-text')" data-bs-toggle = "modal" data-bs-target = "#emojiModal" > < / i >
< / span >
< span class = "my-auto ml-1" >
< label class = "btn btn-secondary format mb-0" >
< div class = "mr-3" style = "font-size:12px" > < i class = "fas fa-image" style = "font-size:1.3rem!important" > < / i > < / div >
< input autocomplete = "off" id = "file" accept = "image/*" type = "file" name = "file" { % if g . is_tor % } disabled { % endif % } hidden >
< / label >
< / span >
< textarea id = "input-text" minlength = "1" maxlength = "{% if SITE == 'rdrama.net' %}200{% else %}1000{% endif %}" { % if g . browser in ( " iphone " , " mac " ) % } style = "font-size:16px!important" { % endif % } class = "file-ta form-control" placeholder = "Message" autocomplete = "off" autofocus rows = "1" > < / textarea >
< i id = "chatsend" data-nonce = "{{g.nonce}}" data-onclick = "send()" class = "btn btn-secondary fas fa-reply ml-3 my-auto" style = "transform:rotateY(180deg);font-size:1.3rem!important" > < / i >
< / div >
Bring back orgies (watchparties), now controllable by admins, and generally better in all ways (#165)
This PR adds orgies back into rdrama. Long ago, snakes made the original orgy code, and it was super fun. But he had to rush it out, and ended up making it a bit unsustainable, and had a couple questionable coding decisions, which meant that it had to be removed. Hey, the man literally did it in a few hours before the DB trial continued, lmao.
Anyways, I took my own approach to it. I do not use iframes, i just just repurpose code from /chat window. Because I had that freedom, I also moved things around to make the user experience a bit better. I also added a title to give users some context about what's happening. Check it out
![image](/attachments/6719146c-4922-4d75-967d-8d424a09b198)
Most importantly, this is all configurable from the site. Admins with the permission "ORGIES" will see this in their control panel
![image](/attachments/423d6046-a11d-4e84-bd2c-a2a641afd552)
Nigga, idk where to put it, so I made my own category.
If there is no orgy in progress, admins will see this:
![image](/attachments/7c64b9fa-cdf4-4986-a0c4-f2324878062e)
Click the button, and, viola, the orgy begins.
If there is an orgy in progress, the page will look like this:
![image](/attachments/b65be4b3-5db1-43cb-8857-7d3a8ea24ca7)
Click the button, and the orgy stops.
If an orgy is in progress, navigating to /chat will take the user to the orgy seemlessly. But what if they don't want to participate, liek some kind of spoilsport? Just navigate to /old_chat.
That's just about it, it's really that simple. I have lots of ideas for the future, but I'll let that wait til later :).
A few notes about implementation:
- I moved some functionality out of /templates/chat.html and into /templates/util/macros.html. This is just so I could reference the code directly from my new template, /templates/orgy.html.
- The orgy is stored as a single row in the new table "orgies". Okay, I know this is a little silly, but you know what they say: "if it's stupid and it works, it's not stupid". (tbf the oceangate ceo also said that)
Co-authored-by: Chuck Sneed <sneed@formerlychucks.net>
Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/165
Co-authored-by: HeyMoon <heymoon@noreply.fsdfsd.net>
Co-committed-by: HeyMoon <heymoon@noreply.fsdfsd.net>
2023-07-02 23:55:37 +00:00
< / div >
{% endmacro %}
{% macro chat_users_list() %}
2023-08-23 23:50:18 +00:00
< div class = "col text-left d-none d-lg-block pt-3 pb-5" style = "max-width:300px" >
2023-08-01 07:38:30 +00:00
< h5 > Users Online< / h5 >
< div id = "online" class = "mt-3" > < / div >
< / div >
2023-07-14 12:07:21 +00:00
{% endmacro %}
2023-09-05 14:32:36 +00:00
{% macro time_filter_buttons() %}
< div class = "dropdown dropdown-actions mr-2" >
< button type = "button" class = "btn btn-secondary dropdown-toggle" id = "dropdownMenuButton" data-bs-toggle = "dropdown" >
< i class = "fas fa-{{TIME_FILTERS[t]}} mr-2" > < / i >
{{t | capitalize}}
< / button >
2023-09-15 11:01:04 +00:00
< div class = "dropdown-menu" x-placement = "bottom-start" style = "position: absolute; will-change: transform; top: 0px; left: 0px" >
2023-09-05 14:32:36 +00:00
{% for new_time, icon in TIME_FILTERS.items() %}
{% if t != new_time %}
< a class = "dropdown-item" href = "{{'t'|change_arg(new_time, request.full_path)|safe}}" >
< i class = "fas fa-{{icon}} mr-2" > < / i >
{{new_time | capitalize}}
< / a >
{% endif %}
{% endfor %}
< / div >
< / div >
{% endmacro %}
{% macro sorting_buttons(sorts) %}
< div class = "dropdown dropdown-actions" >
< button type = "button" class = "btn btn-secondary dropdown-toggle" id = "dropdownMenuButton2" data-bs-toggle = "dropdown" >
< i class = "fas fa-{{sorts[sort]}} mr-1" > < / i >
{{sort | capitalize}}
< / button >
2023-09-15 11:01:04 +00:00
< div class = "dropdown-menu" x-placement = "bottom-start" style = "position: absolute; will-change: transform; top: 0px; left: 0px" >
2023-09-05 14:32:36 +00:00
{% for new_sort, icon in sorts.items() %}
{% if sort != new_sort %}
< a class = "dropdown-item" href = "{{'sort'|change_arg(new_sort, request.full_path)|safe}}" >
< i class = "fas fa-{{icon}} mr-2" > < / i >
{{new_sort | capitalize}}
< / a >
{% endif %}
{% endfor %}
< / div >
< / div >
{% endmacro %}