238 lines
11 KiB
HTML
238 lines
11 KiB
HTML
{% extends "dashboard/base.html" %}
|
|
|
|
{% block dashboard_header %}
|
|
<div class="flex items-center justify-between">
|
|
<div>
|
|
<h1 class="text-2xl font-bold text-gray-900">Publishers</h1>
|
|
<p class="mt-1 text-gray-600">Manage registry publishers</p>
|
|
</div>
|
|
<a href="{{ url_for('web.admin_dashboard') }}" class="text-sm text-indigo-600 hover:text-indigo-700">← Back to Admin</a>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block dashboard_content %}
|
|
<div class="bg-white rounded-lg border border-gray-200">
|
|
{% if publishers %}
|
|
<div class="overflow-x-auto">
|
|
<table class="min-w-full divide-y divide-gray-200">
|
|
<thead class="bg-gray-50">
|
|
<tr>
|
|
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Publisher</th>
|
|
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Role</th>
|
|
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Tools</th>
|
|
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Downloads</th>
|
|
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
|
|
<th scope="col" class="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="bg-white divide-y divide-gray-200">
|
|
{% for pub in publishers %}
|
|
<tr id="pub-row-{{ pub.id }}" class="hover:bg-gray-50">
|
|
<td class="px-6 py-4 whitespace-nowrap">
|
|
<div class="flex items-center">
|
|
<div>
|
|
<div class="text-sm font-medium text-gray-900">{{ pub.display_name }}</div>
|
|
<div class="text-sm text-gray-500">@{{ pub.slug }}</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-6 py-4 whitespace-nowrap">
|
|
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full
|
|
{% if pub.role == 'admin' %}bg-red-100 text-red-800
|
|
{% elif pub.role == 'moderator' %}bg-purple-100 text-purple-800
|
|
{% else %}bg-gray-100 text-gray-800{% endif %}">
|
|
{{ pub.role }}
|
|
</span>
|
|
</td>
|
|
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
|
|
{{ pub.tool_count }}
|
|
</td>
|
|
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
|
|
{{ pub.total_downloads|default(0)|int }}
|
|
</td>
|
|
<td class="px-6 py-4 whitespace-nowrap">
|
|
{% if pub.banned %}
|
|
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">
|
|
Banned
|
|
</span>
|
|
{% elif pub.verified %}
|
|
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
|
|
Verified
|
|
</span>
|
|
{% else %}
|
|
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">
|
|
Active
|
|
</span>
|
|
{% endif %}
|
|
</td>
|
|
<td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
|
|
{% if user.role == 'admin' and pub.role != 'admin' %}
|
|
{% if pub.banned %}
|
|
<button onclick="unbanPublisher({{ pub.id }})" class="text-green-600 hover:text-green-900 mr-2">Unban</button>
|
|
{% else %}
|
|
<button onclick="banPublisher({{ pub.id }}, '{{ pub.slug }}')" class="text-red-600 hover:text-red-900 mr-2">Ban</button>
|
|
{% endif %}
|
|
<button onclick="changeRole({{ pub.id }}, '{{ pub.slug }}', '{{ pub.role }}')" class="text-indigo-600 hover:text-indigo-900">Role</button>
|
|
{% endif %}
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<!-- Pagination -->
|
|
{% if meta.total_pages > 1 %}
|
|
<div class="bg-gray-50 px-6 py-3 flex items-center justify-between border-t border-gray-200">
|
|
<div class="text-sm text-gray-700">
|
|
Page {{ meta.page }} of {{ meta.total_pages }} ({{ meta.total }} total)
|
|
</div>
|
|
<div class="flex space-x-2">
|
|
{% if meta.page > 1 %}
|
|
<a href="?page={{ meta.page - 1 }}" class="px-3 py-1 border rounded text-sm hover:bg-gray-100">Previous</a>
|
|
{% endif %}
|
|
{% if meta.page < meta.total_pages %}
|
|
<a href="?page={{ meta.page + 1 }}" class="px-3 py-1 border rounded text-sm hover:bg-gray-100">Next</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% else %}
|
|
<div class="text-center py-12">
|
|
<h3 class="text-sm font-medium text-gray-900">No publishers found</h3>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<!-- Ban Modal -->
|
|
<div id="ban-modal" class="fixed inset-0 bg-gray-600 bg-opacity-50 hidden overflow-y-auto h-full w-full z-50">
|
|
<div class="relative top-20 mx-auto p-5 border w-96 shadow-lg rounded-md bg-white">
|
|
<div class="mt-3">
|
|
<h3 class="text-lg font-medium text-gray-900 mb-2">Ban Publisher</h3>
|
|
<p class="text-sm text-gray-500 mb-4" id="ban-publisher-name"></p>
|
|
<textarea id="ban-reason" rows="3" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500" placeholder="Reason for ban (required)"></textarea>
|
|
<div class="mt-4 flex justify-end space-x-3">
|
|
<button onclick="closeBanModal()" class="px-4 py-2 text-sm font-medium text-gray-700 hover:text-gray-500">Cancel</button>
|
|
<button onclick="confirmBan()" class="px-4 py-2 bg-red-600 text-white text-sm font-medium rounded-md hover:bg-red-700">Ban</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Role Modal -->
|
|
<div id="role-modal" class="fixed inset-0 bg-gray-600 bg-opacity-50 hidden overflow-y-auto h-full w-full z-50">
|
|
<div class="relative top-20 mx-auto p-5 border w-96 shadow-lg rounded-md bg-white">
|
|
<div class="mt-3">
|
|
<h3 class="text-lg font-medium text-gray-900 mb-2">Change Role</h3>
|
|
<p class="text-sm text-gray-500 mb-4" id="role-publisher-name"></p>
|
|
<select id="new-role" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500">
|
|
<option value="user">User</option>
|
|
<option value="moderator">Moderator</option>
|
|
<option value="admin">Admin</option>
|
|
</select>
|
|
<div class="mt-4 flex justify-end space-x-3">
|
|
<button onclick="closeRoleModal()" class="px-4 py-2 text-sm font-medium text-gray-700 hover:text-gray-500">Cancel</button>
|
|
<button onclick="confirmRole()" class="px-4 py-2 bg-indigo-600 text-white text-sm font-medium rounded-md hover:bg-indigo-700">Update</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
let currentPublisherId = null;
|
|
|
|
function banPublisher(pubId, slug) {
|
|
currentPublisherId = pubId;
|
|
document.getElementById('ban-publisher-name').textContent = `Banning @${slug}`;
|
|
document.getElementById('ban-modal').classList.remove('hidden');
|
|
document.getElementById('ban-reason').value = '';
|
|
}
|
|
|
|
function closeBanModal() {
|
|
document.getElementById('ban-modal').classList.add('hidden');
|
|
currentPublisherId = null;
|
|
}
|
|
|
|
async function confirmBan() {
|
|
const reason = document.getElementById('ban-reason').value.trim();
|
|
if (!reason) {
|
|
alert('Ban reason is required');
|
|
return;
|
|
}
|
|
try {
|
|
const response = await fetch(`/api/v1/admin/publishers/${currentPublisherId}/ban`, {
|
|
method: 'POST',
|
|
headers: {
|
|
'Authorization': 'Bearer {{ session.get("auth_token") }}',
|
|
'Content-Type': 'application/json'
|
|
},
|
|
body: JSON.stringify({ reason })
|
|
});
|
|
if (response.ok) {
|
|
location.reload();
|
|
} else {
|
|
const data = await response.json();
|
|
alert(data.error?.message || 'Failed to ban publisher');
|
|
}
|
|
} catch (error) {
|
|
alert('Network error');
|
|
}
|
|
}
|
|
|
|
async function unbanPublisher(pubId) {
|
|
if (!confirm('Unban this publisher?')) return;
|
|
try {
|
|
const response = await fetch(`/api/v1/admin/publishers/${pubId}/unban`, {
|
|
method: 'POST',
|
|
headers: {
|
|
'Authorization': 'Bearer {{ session.get("auth_token") }}',
|
|
'Content-Type': 'application/json'
|
|
}
|
|
});
|
|
if (response.ok) {
|
|
location.reload();
|
|
} else {
|
|
const data = await response.json();
|
|
alert(data.error?.message || 'Failed to unban publisher');
|
|
}
|
|
} catch (error) {
|
|
alert('Network error');
|
|
}
|
|
}
|
|
|
|
function changeRole(pubId, slug, currentRole) {
|
|
currentPublisherId = pubId;
|
|
document.getElementById('role-publisher-name').textContent = `Changing role for @${slug}`;
|
|
document.getElementById('new-role').value = currentRole;
|
|
document.getElementById('role-modal').classList.remove('hidden');
|
|
}
|
|
|
|
function closeRoleModal() {
|
|
document.getElementById('role-modal').classList.add('hidden');
|
|
currentPublisherId = null;
|
|
}
|
|
|
|
async function confirmRole() {
|
|
const role = document.getElementById('new-role').value;
|
|
try {
|
|
const response = await fetch(`/api/v1/admin/publishers/${currentPublisherId}/role`, {
|
|
method: 'POST',
|
|
headers: {
|
|
'Authorization': 'Bearer {{ session.get("auth_token") }}',
|
|
'Content-Type': 'application/json'
|
|
},
|
|
body: JSON.stringify({ role })
|
|
});
|
|
if (response.ok) {
|
|
location.reload();
|
|
} else {
|
|
const data = await response.json();
|
|
alert(data.error?.message || 'Failed to change role');
|
|
}
|
|
} catch (error) {
|
|
alert('Network error');
|
|
}
|
|
}
|
|
</script>
|
|
{% endblock %}
|