151 lines
6.3 KiB
HTML
151 lines
6.3 KiB
HTML
{% extends "settings2.html" %}
|
|
|
|
{% block pagetitle %}Moderation Log{% endblock %}
|
|
|
|
|
|
{% block content %}
|
|
{% if v %}
|
|
<style>:root{--primary:#{{v.themecolor}}}</style>
|
|
<link rel="stylesheet" href="{{'css/main.css' | asset}}">
|
|
<link rel="stylesheet" href="{{('css/'~v.theme~'.css') | asset}}">
|
|
{% if v.agendaposter %}
|
|
<style>
|
|
html {
|
|
cursor:url('/i/dildo.webp?v=2000'), auto;
|
|
}
|
|
</style>
|
|
{% elif v.css %}
|
|
<style>
|
|
{{v.css | safe}}
|
|
</style>
|
|
{% endif %}
|
|
{% else %}
|
|
<style>:root{--primary:#{{DEFAULT_COLOR}}</style>
|
|
<link rel="stylesheet" href="{{'css/main.css' | asset}}">
|
|
<link rel="stylesheet" href="{{('css/'~DEFAULT_THEME~'.css') | asset}}">
|
|
{% endif %}
|
|
|
|
<div class="row justify-content-around">
|
|
|
|
<div class="col h-100">
|
|
|
|
<div class="d-md-flex justify-content-between mt-4 ml-1">
|
|
<div>
|
|
<h5>{% if sub %}<a href="/h/{{sub.name}}">/h/{{sub.name}}</a> {% endif %}Moderation Log</h5>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row" style="overflow: visible;padding-top:5px;">
|
|
<div class="col">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
|
|
{% block navbar %}
|
|
<div class="d-flex align-items-center mb-3 ml-auto">
|
|
<div class="dropdown dropdown-actions">
|
|
|
|
<button type="button" class="btn btn-secondary dropdown-toggle" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
{% if admin %}<img src="/@{{admin}}/pic" alt="avatar" class="profile-pic-20 mr-2">{{admin}}{% else %}<img src="/e/marseyjanny.webp" alt="avatar" class="profile-pic-20 mr-2">All{% endif %}
|
|
</button>
|
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 31px, 0px); max-height: 50vh;
|
|
overflow: auto;">
|
|
<a class="dropdown-item" href="/log{% if type %}?kind={{type}}{% endif %}"><img src="/e/marseyjanny.webp" alt="avatar" class="profile-pic-20 mr-2">All</a>
|
|
{% for a in admins %}
|
|
<a class="dropdown-item" href="?admin={{a}}{% if type %}&kind={{type}}{% endif %}"><img loading="lazy" src="/@{{a}}/pic" alt="avatar" class="profile-pic-20 mr-2">{{a}}</a>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dropdown dropdown-actions ml-3">
|
|
|
|
<button type="button" class="btn btn-secondary dropdown-toggle" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
{% if type %}<i class="fas {{types[type]['icon']}} mr-2"></i>{{type}}{% else %}<i class="fas fa-broom mr-2"></i>All{% endif %}
|
|
</button>
|
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton2s" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 31px, 0px); max-height: 50vh;
|
|
overflow: auto;">
|
|
<a class="dropdown-item" href="/log{% if admin %}?admin={{admin}}{% endif %}"><i class="fas fa-broom mr-2"></i>All</a>
|
|
{% for t, v in types.items() %}
|
|
<a class="dropdown-item" href="?{% if admin %}admin={{admin}}&{% endif %}kind={{t}}"><i class="fas {{v['icon']}} mr-2"></i>{{t}}</a>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="rounded border bg-white mx-auto">
|
|
{% for ma in actions %}
|
|
|
|
<div id="action-{{ma.id}}" class="{% if ma.unread %}unread{% endif %} position-relative d-flex justify-content-between flex-wrap align-items-center h-min-16 px-3 py-3 bg-white{% if loop.index > 1 %} border-top{% endif %}">
|
|
|
|
<div class="d-flex flex-grow-1 align-items-center">
|
|
<div class="d-flex align-items-center justify-content-center {{ma.color}} mr-3 rounded-lg flex-shrink-0" style="width: 32px;height: 32px;"><i class="far text-center {{ma.icon}} text-lg text-white fa-fw"></i></div>
|
|
<div class="d-flex align-items-center">
|
|
<span class="rounded">
|
|
<div class="profile-pic-35-wrapper">
|
|
<img loading="lazy" src="{{ma.user.profile_url}}" alt="avatar" class="profile-pic-35">
|
|
{% if ma.user.hat_active -%}
|
|
<img id="profile-pic-35-hat" class="profile-pic-35-hat hat" loading="lazy" src="{{ma.user.hat_active}}?h=7" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{ma.user.hat_tooltip(v)}}">
|
|
{%- endif %}
|
|
</div>
|
|
</span>
|
|
<div class="text-muted pl-3">
|
|
<div>
|
|
<a href="{{ma.user.url}}" class="font-weight-bold text-black" target="_self">@{{ma.user.username}}</a>
|
|
|
|
<span>{{ma.string | safe}}</span>
|
|
</div>
|
|
|
|
<div class="text-gray-500">
|
|
<span class="log--item-age" id="{{ma.id}}-age" data-bs-toggle="tooltip" data-bs-placement="bottom" onmouseover="timestamp('{{ma.id}}-age','{{ma.created_utc}}')">{{ma.age_string}}</span>
|
|
<a href="{{ma.permalink}}"><i class="far fa-link ml-3 text-muted"></i></a>
|
|
<button type="button" class="copy-link ml-3" data-clipboard-text="{{ma.permalink}}"><i class="far fa-copy text-muted"></i></button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
{% else %}
|
|
<div class="p-3">There's nothing here right now.</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
|
|
<nav aria-label="Page navigation" class="mb-5">
|
|
<ul class="pagination pagination-sm mb-0">
|
|
{% if page>1 %}
|
|
<li class="page-item">
|
|
<small><a class="page-link" href="{% if sub %}/h/{{sub}}{% endif %}/log?page={{page-1}}{% if admin %}&admin={{admin}}{% endif %}{% if type %}&kind={{type}}{% endif %}" tabindex="-1">Prev</a></small>
|
|
</li>
|
|
{% else %}
|
|
<li class="page-item disabled"><span class="page-link">Prev</span></li>
|
|
{% endif %}
|
|
{% if next_exists %}
|
|
<li class="page-item">
|
|
<small><a class="page-link" href="{% if sub %}/h/{{sub}}{% endif %}/log?page={{page+1}}{% if admin %}&admin={{admin}}{% endif %}{% if type %}&kind={{type}}{% endif %}">Next</a></small>
|
|
</li>
|
|
{% else %}
|
|
<li class="page-item disabled"><span class="page-link">Next</span></li>
|
|
{% endif %}
|
|
</ul>
|
|
</nav>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="toast clipboard" id="toast-success" role="alert" aria-live="assertive" aria-atomic="true" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
|
|
<div class="toast-body text-center">
|
|
<i class="fas fa-check-circle text-success mr-2"></i>Link copied to clipboard
|
|
</div>
|
|
</div>
|
|
|
|
<script defer src="{{'js/clipboard.js' | asset}}"></script>
|
|
|
|
{% endblock %}
|