You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
154 lines
6.0 KiB
154 lines
6.0 KiB
<html>
|
|
<head>
|
|
<title>Isso admin</title>
|
|
<link type="text/css" href="{{isso_host_script}}/css/isso.css" rel="stylesheet">
|
|
<link type="text/css" href="{{isso_host_script}}/css/admin.css" rel="stylesheet">
|
|
<script type="text/javascript" src="{{isso_host_script}}/js/admin.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="wrapper">
|
|
<div class="header">
|
|
<header>
|
|
<img class="logo" src="{{isso_host_script}}/img/isso.svg" alt="Wynaut by @veekun"/>
|
|
<div class="title">
|
|
<a href="./">
|
|
<h1>Isso</h1>
|
|
<h2>Administration</h2>
|
|
</a>
|
|
</div>
|
|
</header>
|
|
</div>
|
|
<div class="outer">
|
|
<div class="filters">
|
|
<div class="mode">
|
|
<a href="?mode=1&page={{page}}&order_by={{order_by}}">
|
|
<span class="label label-valid {% if mode == 1 %}active{% endif %}">
|
|
Valid ({{counts.get(1, 0)}})
|
|
</span>
|
|
</a>
|
|
<a href="?mode=2&page={{page}}&order_by={{order_by}}">
|
|
<span class="label label-pending {% if mode == 2 %}active{% endif %}">
|
|
Pending ({{counts.get(2, 0)}})
|
|
</span>
|
|
</a>
|
|
<a href="?mode=4&page={{page}}&order_by={{order_by}}">
|
|
<span class="label label-staled {% if mode == 4 %}active{% endif %}">
|
|
Staled ({{counts.get(4, 0)}})
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div class="group">
|
|
Group by thread: <input type="checkbox" {% if order_by == "tid" %}checked{% endif %} onClick="javascript:window.location='?mode={{mode}}&page={{page}}&order_by={% if order_by == "tid" %}id{% else %}tid{% endif %}';" />
|
|
</div>
|
|
<div class="pagination">
|
|
Pages:
|
|
{% if page > 0 %}
|
|
<a href="?mode={{mode}}&page={{page - 1}}">
|
|
«
|
|
</a>
|
|
{% endif %}
|
|
<input type="text" size="1" name="page" value="{{page}}" />
|
|
{% if page < max_page %}
|
|
<a href="?mode={{mode}}&page={{page + 1}}">
|
|
»
|
|
</a>
|
|
{% endif %}
|
|
/ {{ max_page }}
|
|
</div>
|
|
</div>
|
|
<div class="filters order">
|
|
Order:
|
|
{% for order in ['id', 'created', 'modified', 'likes', 'dislikes'] %}
|
|
<a href="?mode={{mode}}&page={{page}}&order_by={{order}}&asc={{1 - asc}}">
|
|
<span class="label label-valid {% if order == order_by %}active{% endif %}">
|
|
{{ order }}
|
|
{% if order == order_by %}
|
|
{% if asc %} ↑ {% else %} ↓ {% endif %}
|
|
{% else %}
|
|
↓
|
|
{% endif %}
|
|
</span>
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<div id="isso-root">
|
|
{% set thread_id = "no_id" %}
|
|
{% for comment in comments %}
|
|
{% if order_by == "tid" %}
|
|
{% if thread_id != comment.tid %}
|
|
{% set thread_id = comment.tid %}
|
|
<h2 class="thread-title">{{comment.title}} (<a href="{{comment.uri}}">{{comment.uri}}</a>)</h2>
|
|
{% endif %}
|
|
{% endif %}
|
|
<div class='isso-comment' id='isso-{{comment.id}}'>
|
|
{% if conf.avatar %}
|
|
<div class='avatar'>
|
|
svg(data-hash='#{{comment.hash}}')
|
|
</div>
|
|
{% endif %}
|
|
<div class='text-wrapper'>
|
|
<div class='isso-comment-header' role='meta'>
|
|
{% if order_by != "tid" %}
|
|
<div>Thread: {{comment.title}} (<a href="{{comment.uri}}">{{comment.uri}}</a>)</div><br />
|
|
{% endif %}
|
|
{% if comment.author %}
|
|
<span class='author' id="isso-author-{{comment.id}}">{{comment.author}}</span>
|
|
{% else %}
|
|
<span class='author' id="isso-author-{{comment.id}}">Anonymous</span>
|
|
{% endif %}
|
|
{% if comment.email %}
|
|
(<span id="isso-email-{{comment.id}}">{{comment.email}}</span> <a href="mailto:{{comment.email}}" rel='nofollow' class='email'>mailto</a>)
|
|
{% else %}
|
|
<span id="isso-email-{{comment.id}}"></span>
|
|
{% endif %}
|
|
{% if comment.website %}
|
|
(<span id="isso-website-{{comment.id}}">{{comment.website}}</span> <a href="{{comment.website}}" rel='nofollow' class='website'>open</a>)
|
|
{% else %}
|
|
<span id="isso-website-{{comment.id}}"></span>
|
|
{% endif %}
|
|
<span class="spacer"> •</span>
|
|
<time>{{comment.created | datetimeformat}}</time>
|
|
<span class='note'>
|
|
{% if comment.mode == 1 %}
|
|
<span class="label label-valid">Valid</span>
|
|
{% elif comment.mode == 2 %}
|
|
<span class="label label-pending">Pending</span>
|
|
{% elif comment.mode == 4 %}
|
|
<span class="label label-staled">Staled</span>
|
|
{% endif %}
|
|
</span>
|
|
</div>
|
|
<div class='text'>
|
|
{% if comment.mode == 4 %}
|
|
<strong>HIDDEN</strong>. Original text: <br />
|
|
{% endif %}
|
|
<div id="isso-text-{{comment.id}}">{{comment.text}}</div>
|
|
</div>
|
|
<div class='isso-comment-footer'>
|
|
{% if conf.votes and comment.likes - comment.dislikes != 0 %}
|
|
<span class='votes'>{{comment.likes - comment.dislikes}}</span>
|
|
{% endif %}
|
|
<span class='spacer'></span>
|
|
<a id="edit-btn-{{comment.id}}" class="edit" onClick="javascript:start_edit({{comment.id}})">Edit</a>
|
|
<a id="stop-edit-btn-{{comment.id}}" class="hidden edit" onClick="javascript:stop_edit({{comment.id}})">Cancel</a>
|
|
<a id="send-edit-btn-{{comment.id}}" class="hidden edit" onClick="javascript:send_edit({{comment.id}}, '{{comment.hash}}','{{isso_host_script}}')">Send</a>
|
|
{% if comment.mode != 4 %}
|
|
<a class="delete"
|
|
onClick="javascript:delete_com({{comment.id}}, '{{comment.hash}}', '{{isso_host_script}}')">
|
|
Delete
|
|
</a>
|
|
{% endif %}
|
|
{% if comment.mode == 2 %}
|
|
<a class='validate'
|
|
onClick="javascript:validate_com({{comment.id}}, '{{comment.hash}}', '{{isso_host_script}}')">Validate</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|