rob/CmdForge
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add Request Changes feature for admin tool moderation

Browse Source 
- Add POST /api/v1/admin/tools/{id}/request-changes endpoint
- Sets moderation_status to 'changes_requested' with feedback
- Extend /me/tools/{name}/status to return feedback when status is
  changes_requested or rejected
- Add Request Changes button and modal in admin pending UI
- Make changes modal draggable like other modals

This allows admins to send feedback to publishers instead of just
approving or rejecting tools outright.

Co-Authored-By: Claude Opus 4.5 <[email protected]>
This commit is contained in:
rob
2026-01-16 17:59:15 -04:00
co-authored by Claude Opus 4.5
parent 9029286d4c
commit cd4c0682e8
2 changed files with 127 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/cmdforge/web/templates/admin/pending.html
+78 -1
View File
@@ -78,7 +78,8 @@
{{ tool.published_at[:10] if tool.published_at else 'Unknown' }}
</td>
<td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
<button onclick="approveTool({{ tool.id }})" class="text-green-600 hover:text-green-900 mr-3">Approve</button>
<button onclick="approveTool({{ tool.id }})" class="text-green-600 hover:text-green-900 mr-2">Approve</button>
<button onclick="requestChanges({{ tool.id }})" class="text-yellow-600 hover:text-yellow-900 mr-2">Changes</button>
<button onclick="rejectTool({{ tool.id }})" class="text-red-600 hover:text-red-900">Reject</button>
</td>
</tr>
@@ -193,11 +194,33 @@
<div class="px-6 py-4 flex justify-end space-x-3 border-t bg-gray-50 rounded-b-lg flex-shrink-0">
<button onclick="closeDetailModal()" class="px-4 py-2 text-sm font-medium text-gray-700 hover:text-gray-500">Close</button>
<button id="detail-approve-btn" class="px-4 py-2 bg-green-600 text-white text-sm font-medium rounded-md hover:bg-green-700">Approve</button>
<button id="detail-changes-btn" class="px-4 py-2 bg-yellow-500 text-white text-sm font-medium rounded-md hover:bg-yellow-600">Request Changes</button>
<button id="detail-reject-btn" class="px-4 py-2 bg-red-600 text-white text-sm font-medium rounded-md hover:bg-red-700">Reject</button>
</div>
</div>
</div>
<!-- Request Changes Modal -->
<div id="changes-modal" class="fixed inset-0 bg-gray-900 bg-opacity-60 hidden overflow-y-auto h-full w-full z-50">
<div id="changes-modal-content" class="relative top-20 mx-auto border-2 border-gray-300 w-[32rem] shadow-2xl rounded-lg bg-white">
<div id="changes-modal-header" class="cursor-move select-none bg-gray-50 px-5 py-4 rounded-t-lg border-b border-gray-200">
<h3 class="text-lg font-medium text-gray-900">Request Changes</h3>
<p class="text-sm text-gray-500 mt-1">This feedback will be visible to the publisher</p>
</div>
<div class="p-5">
<label class="block text-sm font-medium text-gray-700 mb-2">Feedback for publisher:</label>
<textarea id="changes-feedback" rows="5" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-yellow-500" placeholder="Describe what changes are needed..."></textarea>
<div class="mt-2 text-xs text-gray-500">
Tip: Include specific issues and suggestions for improvement
</div>
<div class="mt-4 flex justify-end space-x-3">
<button onclick="closeChangesModal()" class="px-4 py-2 text-sm font-medium text-gray-700 hover:text-gray-500">Cancel</button>
<button onclick="confirmRequestChanges()" class="px-4 py-2 bg-yellow-500 text-white text-sm font-medium rounded-md hover:bg-yellow-600">Send Feedback</button>
</div>
</div>
</div>
</div>
<!-- Reject Modal -->
<div id="reject-modal" class="fixed inset-0 bg-gray-900 bg-opacity-60 hidden overflow-y-auto h-full w-full z-50">
<div id="reject-modal-content" class="relative top-20 mx-auto border-2 border-gray-300 w-96 shadow-2xl rounded-lg bg-white">
@@ -386,6 +409,10 @@ async function viewTool(toolId) {
closeDetailModal();
rejectTool(toolId);
};
document.getElementById('detail-changes-btn').onclick = () => {
closeDetailModal();
requestChanges(toolId);
};
document.getElementById('detail-loading').classList.add('hidden');
document.getElementById('detail-content').classList.remove('hidden');
@@ -488,6 +515,55 @@ async function confirmReject() {
}
}
function requestChanges(toolId) {
currentToolId = toolId;
document.getElementById('changes-modal').classList.remove('hidden');
document.body.style.overflow = 'hidden';
document.getElementById('changes-feedback').value = '';
}
function closeChangesModal() {
document.getElementById('changes-modal').classList.add('hidden');
document.body.style.overflow = '';
const modal = document.getElementById('changes-modal-content');
modal.style.position = '';
modal.style.left = '';
modal.style.top = '';
modal.style.margin = '';
modal.style.transform = '';
currentToolId = null;
}
async function confirmRequestChanges() {
const feedback = document.getElementById('changes-feedback').value.trim();
if (!feedback) {
alert('Feedback is required');
return;
}
try {
const response = await fetch(`/api/v1/admin/tools/${currentToolId}/request-changes`, {
method: 'POST',
headers: {
'Authorization': 'Bearer {{ session.get("auth_token") }}',
'Content-Type': 'application/json'
},
body: JSON.stringify({ feedback })
});
if (response.ok) {
closeChangesModal();
const row = document.getElementById(`tool-row-${currentToolId}`);
if (row) row.remove();
location.reload();
} else {
const data = await response.json();
alert(data.error?.message || 'Failed to request changes');
}
} catch (error) {
console.error('Request changes error:', error);
alert('Error: ' + (error.message || 'Unknown error occurred'));
}
}
// Draggable modal functionality
function makeDraggable(modalContentId, headerHandleId) {
const modal = document.getElementById(modalContentId);
@@ -539,6 +615,7 @@ function makeDraggable(modalContentId, headerHandleId) {
document.addEventListener('DOMContentLoaded', () => {
makeDraggable('detail-modal-content', 'detail-modal-header');
makeDraggable('reject-modal-content', 'reject-modal-header');
makeDraggable('changes-modal-content', 'changes-modal-header');
});
</script>
{% endblock %}