2022-05-04 23:09:46 +00:00
{% extends "settings2.html" %}
{% block pagetitle %}Moderation Log{% endblock %}
{% block content %}
{% if v %}
< style > : root { --primary : # { { v . themecolor } } } < / style >
2022-05-27 02:47:32 +00:00
< link rel = "stylesheet" href = "{{asset('css/main.css')}}" >
2022-05-30 05:50:52 +00:00
< link rel = "stylesheet" href = "{{asset('css/' + v.theme + '.css')}}" >
2022-05-04 23:09:46 +00:00
{% if v.agendaposter %}
< style >
html {
2022-06-22 15:59:47 +00:00
cursor:url('/i/dildo.webp?v=2000'), auto;
2022-05-04 23:09:46 +00:00
}
< / style >
{% elif v.css %}
2022-07-01 21:10:48 +00:00
< style >
{{v.css | safe}}
< / style >
2022-05-04 23:09:46 +00:00
{% endif %}
2022-08-27 02:57:19 +00:00
{% if v.earlylife %}
< style >
.nav-item .text-small.font-weight-bold::before {
content: "((("
}
.nav-item .text-small.font-weight-bold::after {
content: ")))"
}
< / style >
{% endif %}
2022-05-04 23:09:46 +00:00
{% else %}
2022-06-24 01:28:34 +00:00
< style > : root { --primary : # { { DEFAULT_COLOR } } < / style >
2022-05-27 02:47:32 +00:00
< link rel = "stylesheet" href = "{{asset('css/main.css')}}" >
2022-09-04 23:50:43 +00:00
< link rel = "stylesheet" href = "/assets/css/{{DEFAULT_THEME}}.css?v=4000" >
2022-05-04 23:09:46 +00:00
{% endif %}
< div class = "row justify-content-around" >
< div class = "col h-100" >
< div class = "d-md-flex justify-content-between mt-4" >
< div >
< h5 > 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 mr-2" >
{% block navbar %}
< div class = "font-weight-bold py-3" > ‎ < / div >
< div class = "d-flex align-items-center" >
< div class = "text-small font-weight-bold mr-2" > ‎ < / div >
< div class = "dropdown dropdown-actions" >
< button class = "btn btn-secondary dropdown-toggle" role = "button" id = "dropdownMenuButton" data-bs-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "false" >
2022-07-13 15:19:36 +00:00
{% 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 %}
2022-05-04 23:09:46 +00:00
< / button >
2022-08-11 12:57:20 +00:00
< 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;">
2022-07-13 15:19:36 +00:00
< 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 >
2022-05-04 23:09:46 +00:00
{% for a in admins %}
2022-07-13 15:19:36 +00:00
< 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 >
2022-05-04 23:09:46 +00:00
{% endfor %}
< / div >
< / div >
< div class = "text-small font-weight-bold mr-2" > ‎ < / div >
< div class = "dropdown dropdown-actions" >
< button class = "btn btn-secondary dropdown-toggle" role = "button" 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 >
2022-08-11 12:57:20 +00:00
< 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;">
2022-05-04 23:09:46 +00:00
< 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 %}
2022-08-05 21:50:30 +00:00
< 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 %}" >
2022-05-04 23:09:46 +00:00
< 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" >
2022-09-06 03:51:55 +00:00
< 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 -%}
2022-09-06 21:15:35 +00:00
< img id = "profile-pic-35-hat" class = "profile-pic-35-hat hat" loading = "lazy" src = "{{ma.user.hat_active}}?h=4" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "{{ma.user.hat_tooltip(v)}}" >
2022-09-06 03:51:55 +00:00
{%- endif %}
< / div >
< / span >
2022-05-04 23:09:46 +00:00
< 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 >
2022-05-16 15:33:26 +00:00
< div class = "text-gray-500" >
2022-07-03 08:38:19 +00:00
< 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 >
2022-09-08 15:38:27 +00:00
< a href = "{{ma.permalink}}" > < i class = "fas fa-link ml-1 text-muted" > < / i > < / a >
< a role = "button" class = "copy-link" role = "button" data-clipboard-text = "{{ma.permalink}}" > < i class = "fas fa-copy ml-1 text-muted" > < / i > < / a >
2022-05-04 23:09:46 +00:00
< / div >
< / div >
< / div >
< / div >
< / div >
{% else %}
2022-09-05 23:37:06 +00:00
< div class = "px-3" > There's nothing here right now.< / div >
2022-05-04 23:09:46 +00:00
{% 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 = "/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 = "/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 >
2022-07-13 15:19:36 +00:00
< 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 >
2022-09-04 23:50:43 +00:00
< script src = "/assets/js/clipboard.js?v=4000" > < / script >
2022-05-04 23:09:46 +00:00
2021-07-21 01:12:26 +00:00
{% endblock %}