+
+
+
${role.name}
${role.icon_url ? (isUrl ? `
` : `
${role.icon_url}`) : ''}
@@ -1036,28 +1164,49 @@ document.addEventListener('DOMContentLoaded', () => {
`;
rolesList.appendChild(item);
});
+
+ // Initialize Sortable for roles
+ if (typeof Sortable !== 'undefined' && rolesList) {
+ new Sortable(rolesList, {
+ animation: 150,
+ handle: '.role-drag-handle',
+ ghostClass: 'sortable-ghost',
+ onEnd: () => saveRolePositions()
+ });
+ }
+ }
+
+ async function saveRolePositions() {
+ const orders = [];
+ const items = rolesList.querySelectorAll('.role-sortable-item');
+ // Invert the order because we ORDER BY position DESC in SQL
+ let position = items.length - 1;
+ items.forEach(item => {
+ orders.push({
+ id: item.dataset.id,
+ position: position--
+ });
+ });
+
+ try {
+ await fetch('api_v1_roles.php', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({
+ action: 'reorder',
+ server_id: activeServerId,
+ orders: orders
+ })
+ });
+ } catch (e) { console.error(e); }
}
function renderMembers(members) {
membersList.innerHTML = '';
members.forEach(member => {
- const memberRoles = member.role_ids ? member.role_ids.split(',') : [];
const item = document.createElement('div');
item.className = 'list-group-item bg-transparent text-white border-secondary d-flex justify-content-between align-items-center p-2 mb-2 rounded bg-dark';
- let rolesHtml = '';
- serverRoles.forEach(role => {
- const isAssigned = memberRoles.includes(role.id.toString());
- rolesHtml += `
-
-
-
-
- `;
- });
-
const isIconUrl = member.role_icon && (member.role_icon.startsWith('http') || member.role_icon.startsWith('/'));
const roleIconHtml = member.role_icon ? (isIconUrl ? `
` : `
${member.role_icon}`) : '';
@@ -1069,16 +1218,28 @@ document.addEventListener('DOMContentLoaded', () => {
${escapeHTML(member.username)}
${roleIconHtml}
Loading roles...
';
+
+ const bsModal = new bootstrap.Modal(modal);
+ bsModal.show();
+
+ try {
+ // We need to fetch roles and the current user's roles
+ // We can reuse loadRoles or make a specific call
+ const resp = await fetch(`api_v1_roles.php?server_id=${activeServerId}`);
+ const data = await resp.json();
- try {
- const resp = await fetch('api_v1_roles.php', {
- method: 'POST',
- headers: { 'Content-Type': 'application/json' },
- body: JSON.stringify({ action, server_id: activeServerId, user_id: userId, role_id: roleId })
+ if (data.success) {
+ const member = data.members.find(m => m.id == userId);
+ const assignedRoles = member && member.role_ids ? member.role_ids.split(',') : [];
+
+ list.innerHTML = '';
+ // Sort roles by position descending for display
+ data.roles.sort((a, b) => b.position - a.position).forEach(role => {
+ const isChecked = assignedRoles.includes(role.id.toString());
+ const item = document.createElement('div');
+ item.className = 'list-group-item bg-dark text-white border-secondary p-2 d-flex align-items-center';
+ item.innerHTML = `
+ No roles defined for this server.
';
}
- } catch (e) { console.error(e); }
- }
+ }
+ } catch (e) { console.error(e); }
+ }
+
+ document.getElementById('save-user-roles-btn')?.addEventListener('click', async (e) => {
+ const btn = e.target;
+ const originalText = btn.textContent;
+ const userId = document.getElementById('edit-user-roles-user-id').value;
+ const roleIds = Array.from(document.querySelectorAll('.user-role-checkbox:checked')).map(cb => cb.value);
+
+ try {
+ const resp = await fetch('api_v1_roles.php', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({
+ action: 'set_user_roles',
+ server_id: activeServerId,
+ user_id: userId,
+ role_ids: roleIds
+ })
+ });
+ const data = await resp.json();
+ if (data.success) {
+ btn.textContent = 'Saved ✅';
+ btn.classList.replace('btn-primary', 'btn-success');
+ setTimeout(() => {
+ btn.textContent = originalText;
+ btn.classList.replace('btn-success', 'btn-primary');
+ }, 2000);
+ loadRoles();
+ } else {
+ alert(data.error || 'Failed to update roles');
+ }
+ } catch (e) { console.error(e); }
});
addRoleBtn?.addEventListener('click', async () => {
diff --git a/index.php b/index.php
index 7dc3c27..6b54385 100644
--- a/index.php
+++ b/index.php
@@ -776,7 +776,7 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
Members —
-