{% extends "base.html" %} {% block title %}Zarządzanie Użytkownikami - Norda Biznes Partner{% endblock %} {% block extra_css %} {% endblock %} {% block content %}

Zarządzanie Użytkownikami

Zarządzaj kontami użytkowników platformy

{% if pending_company_count > 0 %}
⚠️ {{ pending_company_count }} {{ 'użytkownik czeka' if pending_company_count == 1 else 'użytkowników czeka' }} na zatwierdzenie uprawnień firmowych (firma przypisana, rola: Brak)
{% endif %}
{{ total_users }}
Wszystkich
{{ admin_count }}
Adminów
{{ verified_count }}
Zweryfikowanych
{{ unverified_count }}
Niezweryfikowanych

Użytkownicy

{% if pending_company_count > 0 %} {% endif %} {% if locked_count > 0 %} {% endif %}
{% if users %} {% for user in users %} {% endfor %}
ID Użytkownik Firma Upr. firmowe Rola Utworzono Ostatnie logowanie Status Akcje
{{ user.id }} {% if user.company %} {{ user.company.name }} {% else %} - {% endif %} {% if user.company %} {% else %} - {% endif %} {{ user.created_at|local_time }} {% if user.created_by_id and creators_map.get(user.created_by_id) %}
dodał: {{ creators_map[user.created_by_id] }} {% else %}
samorejestracja {% endif %} 		{% if user.last_login %} {{ user.last_login|local_time }} {% else %} Nigdy {% endif %} {% if user.locked_until and user.locked_until > now %} {% set remaining = (user.locked_until - now).total_seconds() %} Zablokowane ({{ (remaining / 60)|int }} min) {% elif user.failed_login_attempts and user.failed_login_attempts > 0 %} {{ user.failed_login_attempts }}x błędne hasło {% endif %} {% if user.can_manage_users() %} Admin {% endif %} {% if user.is_rada_member %} Rada {% endif %} {% if user.is_verified %} Zweryfikowany {% else %} Niezweryfikowany {% endif %}
{% if user.company and user.email %} {% endif %}
{% else %}

Brak użytkowników

{% endif %}
{% endblock %} {% block extra_js %} const csrfToken = '{{ csrf_token() }}'; let currentUserId = null; let confirmCallback = null; let editUserId = null; // Edit User functions function openEditUserModal(userId, name, email, phone) { editUserId = userId; document.getElementById('editUserName').value = name || ''; document.getElementById('editUserEmail').value = email || ''; document.getElementById('editUserPhone').value = phone || ''; document.getElementById('editUserModal').classList.add('active'); } function closeEditUserModal() { editUserId = null; document.getElementById('editUserModal').classList.remove('active'); } async function saveEditUser() { if (!editUserId) return; const name = document.getElementById('editUserName').value.trim(); const email = document.getElementById('editUserEmail').value.trim(); const phone = document.getElementById('editUserPhone').value.trim(); if (!email) { showToast('Email jest wymagany', 'error'); return; } try { const response = await fetch(`/admin/users/${editUserId}/update`, { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken }, body: JSON.stringify({ name: name || null, email: email, phone: phone || null }) }); const data = await response.json(); if (data.success) { closeEditUserModal(); showToast(data.message || 'Zapisano zmiany', 'success'); location.reload(); } else { showToast(data.error || 'Wystąpił błąd', 'error'); } } catch (error) { showToast('Błąd połączenia', 'error'); } } // Toast notification system function showToast(message, type = 'success') { const container = document.getElementById('toastContainer'); const toast = document.createElement('div'); toast.className = `toast ${type}`; const iconSvg = { success: '', error: '', warning: '' }; toast.innerHTML = ` ${iconSvg[type] || iconSvg.success} ${message} `; container.appendChild(toast); // Auto-remove after 5 seconds setTimeout(() => { toast.style.animation = 'slideOut 0.3s ease forwards'; setTimeout(() => toast.remove(), 300); }, 5000); } function showMessage(message, type) { showToast(message, type); } // Confirmation modal system function showConfirmModal(title, description, callback, iconType = 'warning', buttonText = 'Potwierdź', buttonClass = 'btn-primary') { document.getElementById('confirmTitle').textContent = title; document.getElementById('confirmDescription').textContent = description; const icon = document.getElementById('confirmIcon'); icon.className = `modal-icon ${iconType}`; const iconSvg = { warning: '', danger: '', success: '' }; icon.innerHTML = `${iconSvg[iconType] || iconSvg.warning}`; const actionBtn = document.getElementById('confirmAction'); actionBtn.textContent = buttonText; actionBtn.className = `btn ${buttonClass}`; confirmCallback = callback; document.getElementById('confirmModal').classList.add('active'); } function closeConfirmModal() { document.getElementById('confirmModal').classList.remove('active'); confirmCallback = null; } document.getElementById('confirmAction').addEventListener('click', function() { if (confirmCallback) { confirmCallback(); } closeConfirmModal(); }); // Filter tabs functionality document.querySelectorAll('.filter-tab').forEach(tab => { tab.addEventListener('click', function() { document.querySelectorAll('.filter-tab').forEach(t => t.classList.remove('active')); this.classList.add('active'); const filter = this.dataset.filter; document.querySelectorAll('[data-user-id]').forEach(row => { const isAdmin = row.dataset.role === 'ADMIN'; const isVerified = row.dataset.isVerified === 'true'; let show = false; const isPendingCompany = row.dataset.pendingCompany === 'true'; if (filter === 'all') show = true; else if (filter === 'admin') show = isAdmin; else if (filter === 'verified') show = isVerified; else if (filter === 'unverified') show = !isVerified; else if (filter === 'pending-company') show = isPendingCompany; else if (filter === 'locked') show = row.dataset.locked === 'true'; row.style.display = show ? '' : 'none'; }); }); }); async function unlockUser(userId, email) { if (!confirm(`Odblokować konto ${email}?`)) return; try { const response = await fetch(`/admin/users/${userId}/unlock`, { method: 'POST', headers: {'X-CSRFToken': document.querySelector('meta[name="csrf-token"]')?.content || ''} }); const data = await response.json(); if (data.success) { showNotification(data.message, 'success'); setTimeout(() => location.reload(), 1000); } else { showNotification(data.error || 'Błąd odblokowania', 'error'); } } catch (e) { showNotification('Błąd połączenia', 'error'); } } async function changeUserRole(userId, newRole) { const select = document.querySelector(`select.role-select[data-user-id="${userId}"]`); const originalValue = select.dataset.originalValue || select.value; try { const response = await fetch('/admin/users-api/change-role', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken }, body: JSON.stringify({ user_id: userId, role: newRole }) }); const data = await response.json(); if (data.success) { select.dataset.originalValue = newRole; showMessage(`Rola zmieniona na: ${getRoleLabel(newRole)}`, 'success'); // Update admin toggle button state if role changed to/from ADMIN const row = select.closest('tr'); const adminBtn = row.querySelector('.admin-toggle'); if (adminBtn) { if (newRole === 'ADMIN') { adminBtn.classList.add('active'); } else { adminBtn.classList.remove('active'); } } } else { select.value = originalValue; showMessage(data.error || 'Wystąpił błąd', 'error'); } } catch (error) { select.value = originalValue; showMessage('Błąd połączenia', 'error'); } } async function changeCompanyRole(userId, newRole) { const selects = document.querySelectorAll(`select[data-user-id="${userId}"]`); const select = Array.from(selects).find(s => s.onchange?.toString().includes('changeCompanyRole')); if (!select) return; const originalValue = select.dataset.originalValue || select.value; try { const response = await fetch('/admin/users-api/change-company-role', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken }, body: JSON.stringify({ user_id: userId, company_role: newRole }) }); const data = await response.json(); if (data.success) { select.dataset.originalValue = newRole; const labels = {'NONE': 'Brak', 'VIEWER': 'Podgląd', 'EMPLOYEE': 'Pracownik', 'MANAGER': 'Zarządzający'}; showMessage(`Uprawnienia firmowe zmienione na: ${labels[newRole] || newRole}`, 'success'); } else { select.value = originalValue; showMessage(data.error || 'Wystąpił błąd', 'error'); } } catch (error) { select.value = originalValue; showMessage('Błąd połączenia', 'error'); } } function sendRoleNotification(userId, userName, userEmail) { showConfirmModal( 'Wyślij powiadomienie', `Wysłać email z podsumowaniem uprawnień do ${userName} (${userEmail})?`, async () => { try { const response = await fetch(`/admin/users-api/${userId}/send-role-notification`, { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken } }); const data = await response.json(); if (data.success) { showToast(data.message, 'success'); } else { showToast(data.error || 'Błąd wysyłania', 'error'); } } catch (error) { showToast('Błąd połączenia', 'error'); } }, 'success', 'Wyślij', 'btn-primary' ); } function getRoleLabel(role) { const labels = { 'UNAFFILIATED': 'Niezrzeszony', 'MEMBER': 'Członek', 'EMPLOYEE': 'Pracownik', 'MANAGER': 'Kadra Zarządzająca', 'OFFICE_MANAGER': 'Kierownik Biura', 'ADMIN': 'Administrator' }; return labels[role] || role; } async function toggleAdmin(userId) { try { const response = await fetch(`/admin/users/${userId}/toggle-admin`, { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken } }); const data = await response.json(); if (data.success) { location.reload(); } else { showMessage(data.error || 'Wystąpił błąd', 'error'); } } catch (error) { showMessage('Błąd połączenia', 'error'); } } async function toggleVerified(userId) { try { const response = await fetch(`/admin/users/${userId}/toggle-verified`, { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken } }); const data = await response.json(); if (data.success) { location.reload(); } else { showMessage(data.error || 'Wystąpił błąd', 'error'); } } catch (error) { showMessage('Błąd połączenia', 'error'); } } async function toggleRadaMember(userId) { try { const response = await fetch(`/admin/users/${userId}/toggle-rada-member`, { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken } }); const data = await response.json(); if (data.success) { location.reload(); } else { showMessage(data.error || 'Wystąpił błąd', 'error'); } } catch (error) { showMessage('Błąd połączenia', 'error'); } } // Add User functions function openAddUserModal() { // Reset form document.getElementById('addUserEmail').value = ''; document.getElementById('addUserName').value = ''; document.getElementById('addUserCompany').value = ''; document.getElementById('addUserRole').value = 'MEMBER'; document.getElementById('addUserVerified').checked = true; document.getElementById('addUserModal').classList.add('active'); } function closeAddUserModal() { document.getElementById('addUserModal').classList.remove('active'); } async function confirmAddUser() { const email = document.getElementById('addUserEmail').value.trim(); const name = document.getElementById('addUserName').value.trim(); const companyId = document.getElementById('addUserCompany').value || null; const role = document.getElementById('addUserRole').value; const isVerified = document.getElementById('addUserVerified').checked; if (!email) { showToast('Email jest wymagany', 'error'); return; } // Basic email validation if (!email.includes('@') || !email.includes('.')) { showToast('Podaj poprawny adres email', 'error'); return; } try { const response = await fetch('/admin/users/add', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken }, body: JSON.stringify({ email: email, name: name || null, company_id: companyId ? parseInt(companyId) : null, role: role, is_verified: isVerified }) }); const data = await response.json(); if (data.success) { closeAddUserModal(); // Show the created user modal with password document.getElementById('newUserCreatedEmail').textContent = `Utworzono konto: ${email}`; document.getElementById('newUserPassword').textContent = data.generated_password; document.getElementById('copyPasswordBtnText').textContent = 'Skopiuj hasło'; document.getElementById('newUserCreatedModal').classList.add('active'); } else { showToast(data.error || 'Wystąpił błąd', 'error'); } } catch (error) { showToast('Błąd połączenia', 'error'); } } function closeNewUserCreatedModal() { document.getElementById('newUserCreatedModal').classList.remove('active'); location.reload(); // Reload to show new user } function copyNewUserPassword() { const password = document.getElementById('newUserPassword').textContent; navigator.clipboard.writeText(password).then(() => { document.getElementById('copyPasswordBtnText').textContent = 'Skopiowano!'; showToast('Hasło skopiowane do schowka', 'success'); setTimeout(() => { document.getElementById('copyPasswordBtnText').textContent = 'Skopiuj hasło'; }, 2000); }).catch(() => { showToast('Nie udało się skopiować', 'error'); }); } function openCompanyModal(userId, userName, currentCompanyId) { currentUserId = userId; document.getElementById('companyModalUser').textContent = `Użytkownik: ${userName}`; document.getElementById('companySelect').value = currentCompanyId || ''; document.getElementById('companyModal').classList.add('active'); } function closeCompanyModal() { currentUserId = null; document.getElementById('companyModal').classList.remove('active'); } async function confirmAssignCompany() { if (!currentUserId) return; const companyId = document.getElementById('companySelect').value || null; try { const response = await fetch(`/admin/users/${currentUserId}/assign-company`, { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken }, body: JSON.stringify({ company_id: companyId ? parseInt(companyId) : null }) }); const data = await response.json(); if (data.success) { closeCompanyModal(); location.reload(); } else { showMessage(data.error || 'Wystąpił błąd', 'error'); } } catch (error) { showMessage('Błąd połączenia', 'error'); } } let pwModalUserId = null; let pwModalUserEmail = null; function openPasswordModal(userId, userEmail) { pwModalUserId = userId; pwModalUserEmail = userEmail; document.getElementById('pwModalEmail').textContent = userEmail; document.getElementById('pwNewPassword').value = ''; document.getElementById('pwNewPassword').type = 'password'; document.getElementById('pwLinkResult').style.display = 'none'; document.getElementById('pwEmailSent').style.display = 'none'; document.getElementById('pwLinkActions').style.display = 'flex'; switchPwTab('set'); document.getElementById('passwordModal').classList.add('active'); } function closePasswordModal() { pwModalUserId = null; document.getElementById('passwordModal').classList.remove('active'); } function switchPwTab(tab) { const setTab = document.getElementById('pwTabSet'); const linkTab = document.getElementById('pwTabLink'); const setPanel = document.getElementById('pwSetPanel'); const linkPanel = document.getElementById('pwLinkPanel'); if (tab === 'set') { setTab.className = 'btn btn-primary'; linkTab.className = 'btn btn-secondary'; setPanel.style.display = ''; linkPanel.style.display = 'none'; } else { setTab.className = 'btn btn-secondary'; linkTab.className = 'btn btn-primary'; setPanel.style.display = 'none'; linkPanel.style.display = ''; } } function generatePassword() { const chars = 'ABCDEFGHJKLMNPQRSTUVWXYZabcdefghjkmnpqrstuvwxyz23456789!@#$%^&*'; const array = new Uint32Array(16); crypto.getRandomValues(array); let pw = ''; for (let i = 0; i < 16; i++) { pw += chars[array[i] % chars.length]; } const input = document.getElementById('pwNewPassword'); input.value = pw; input.type = 'text'; } function togglePwVisibility() { const input = document.getElementById('pwNewPassword'); input.type = input.type === 'password' ? 'text' : 'password'; } async function saveDirectPassword() { if (!pwModalUserId) return; const password = document.getElementById('pwNewPassword').value.trim(); if (password.length < 8) { showToast('Hasło musi mieć min. 8 znaków', 'error'); return; } try { const response = await fetch(`/admin/users/${pwModalUserId}/set-password`, { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken }, body: JSON.stringify({ password }) }); const data = await response.json(); if (data.success) { showToast('Hasło zostało zmienione', 'success'); closePasswordModal(); } else { showToast(data.error || 'Wystąpił błąd', 'error'); } } catch (error) { showToast('Błąd połączenia', 'error'); } } async function sendResetEmail() { if (!pwModalUserId) return; try { const response = await fetch(`/admin/users/${pwModalUserId}/reset-password`, { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken }, body: JSON.stringify({ send_email: true }) }); const data = await response.json(); if (data.success && data.email_sent) { document.getElementById('pwEmailSentText').textContent = `Email wysłany na ${pwModalUserEmail}`; document.getElementById('pwEmailSent').style.display = ''; document.getElementById('pwLinkActions').style.display = 'none'; showToast(`Email z linkiem do resetu wysłany na ${pwModalUserEmail}`, 'success'); } else if (data.success && !data.email_sent) { showToast('Nie udało się wysłać emaila. Link wygenerowany — skopiuj ręcznie.', 'error'); document.getElementById('resetUrl').textContent = data.reset_url; document.getElementById('copyBtnText').textContent = 'Skopiuj link'; document.getElementById('pwLinkResult').style.display = ''; document.getElementById('pwLinkActions').style.display = 'none'; } else { showToast(data.error || 'Wystąpił błąd', 'error'); } } catch (error) { showToast('Błąd połączenia', 'error'); } } async function generateResetLink() { if (!pwModalUserId) return; try { const response = await fetch(`/admin/users/${pwModalUserId}/reset-password`, { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken } }); const data = await response.json(); if (data.success) { document.getElementById('resetUrl').textContent = data.reset_url; document.getElementById('copyBtnText').textContent = 'Skopiuj link'; document.getElementById('pwLinkResult').style.display = ''; document.getElementById('pwLinkActions').style.display = 'none'; } else { showToast(data.error || 'Wystąpił błąd', 'error'); } } catch (error) { showToast('Błąd połączenia', 'error'); } } function copyResetUrl() { const url = document.getElementById('resetUrl').textContent; navigator.clipboard.writeText(url).then(() => { document.getElementById('copyBtnText').textContent = 'Skopiowano!'; showToast('Link skopiowany do schowka', 'success'); setTimeout(() => { document.getElementById('copyBtnText').textContent = 'Skopiuj link'; }, 2000); }).catch(() => { showToast('Nie udało się skopiować', 'error'); }); } function deleteUser(userId, userEmail) { showConfirmModal( 'Usuń użytkownika', `Czy na pewno chcesz usunąć użytkownika ${userEmail}? Ta operacja jest nieodwracalna!`, async () => { try { const response = await fetch(`/admin/users/${userId}/delete`, { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken } }); const data = await response.json(); if (data.success) { document.querySelector(`tr[data-user-id="${userId}"]`).remove(); showToast(data.message, 'success'); } else { showToast(data.error || 'Wystąpił błąd', 'error'); } } catch (error) { showToast('Błąd połączenia', 'error'); } }, 'danger', 'Usuń', 'btn-danger' ); } // Close modals on background click document.querySelectorAll('.modal').forEach(modal => { modal.addEventListener('click', function(e) { if (e.target === this) { this.classList.remove('active'); } }); }); // ======================================== // AI USER CREATION // ======================================== // AI State const AIState = { INPUT: 'input', PROCESSING: 'processing', REVIEW: 'review', CREATING: 'creating', RESULTS: 'results' }; let aiCurrentState = AIState.INPUT; let aiInputType = 'text'; // 'text' or 'image' let aiSelectedFile = null; let aiProposedUsers = []; let aiCreationResults = []; // Open/Close AI Modal function openAIUserModal() { resetAIState(); document.getElementById('aiUserModal').classList.add('active'); } function closeAIUserModal() { document.getElementById('aiUserModal').classList.remove('active'); resetAIState(); } function resetAIState() { aiCurrentState = AIState.INPUT; aiInputType = 'text'; aiSelectedFile = null; aiProposedUsers = []; aiCreationResults = []; // Reset UI document.getElementById('aiUserText').value = ''; removeAIFile(); switchAIInputTab('text'); updateAISteps(1); showAIStep('input'); document.getElementById('aiBackBtn').style.display = 'none'; document.getElementById('aiNextBtn').textContent = 'Analizuj z AI'; document.getElementById('aiNextBtn').disabled = false; } // Tab switching function switchAIInputTab(type, event) { aiInputType = type; document.querySelectorAll('.ai-input-tab').forEach(tab => { tab.classList.remove('active'); }); if (event && event.target) { event.target.closest('.ai-input-tab').classList.add('active'); } else { // Fallback for reset document.querySelector(`.ai-input-tab:${type === 'text' ? 'first' : 'last'}-child`).classList.add('active'); } if (type === 'text') { document.getElementById('aiTextInput').style.display = 'block'; document.getElementById('aiImageInput').style.display = 'none'; } else { document.getElementById('aiTextInput').style.display = 'none'; document.getElementById('aiImageInput').style.display = 'block'; } } // File handling function handleAIFileSelect(event) { const file = event.target.files[0]; if (file) { if (file.size > 5 * 1024 * 1024) { showToast('Plik jest za duży (max 5MB)', 'error'); return; } if (!file.type.startsWith('image/')) { showToast('Dozwolone tylko obrazy', 'error'); return; } aiSelectedFile = file; displayFilePreview(file); } } function displayFilePreview(file) { const reader = new FileReader(); reader.onload = function(e) { document.getElementById('aiPreviewImg').src = e.target.result; document.getElementById('aiFileName').textContent = file.name; document.getElementById('aiFileSize').textContent = formatFileSize(file.size); document.getElementById('aiFilePreview').style.display = 'flex'; document.getElementById('aiFileDropzone').style.display = 'none'; }; reader.readAsDataURL(file); } function removeAIFile() { aiSelectedFile = null; document.getElementById('aiFileInput').value = ''; document.getElementById('aiPreviewImg').src = ''; document.getElementById('aiFilePreview').style.display = 'none'; document.getElementById('aiFileDropzone').style.display = 'block'; } function formatFileSize(bytes) { if (bytes < 1024) return bytes + ' B'; if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + ' KB'; return (bytes / (1024 * 1024)).toFixed(1) + ' MB'; } // Drag and drop const dropzone = document.getElementById('aiFileDropzone'); if (dropzone) { dropzone.addEventListener('dragover', (e) => { e.preventDefault(); dropzone.classList.add('drag-over'); }); dropzone.addEventListener('dragleave', () => { dropzone.classList.remove('drag-over'); }); dropzone.addEventListener('drop', (e) => { e.preventDefault(); dropzone.classList.remove('drag-over'); const file = e.dataTransfer.files[0]; if (file) { document.getElementById('aiFileInput').files = e.dataTransfer.files; handleAIFileSelect({ target: { files: [file] } }); } }); } // Clipboard paste support (Ctrl+V / Cmd+V) document.addEventListener('paste', (e) => { // Only handle paste when AI modal is open const modal = document.getElementById('aiUserModal'); if (!modal.classList.contains('active')) return; const items = e.clipboardData?.items; if (!items) return; for (let i = 0; i < items.length; i++) { if (items[i].type.startsWith('image/')) { e.preventDefault(); const file = items[i].getAsFile(); if (file) { // Auto-switch to Screenshot tab aiInputType = 'image'; document.querySelectorAll('.ai-input-tab').forEach(tab => tab.classList.remove('active')); document.querySelectorAll('.ai-input-tab')[1].classList.add('active'); document.getElementById('aiTextInput').style.display = 'none'; document.getElementById('aiImageInput').style.display = 'block'; // Process the pasted image aiSelectedFile = file; displayFilePreview(file); showToast('Obraz wklejony ze schowka', 'success'); } break; } } }); // Steps UI function updateAISteps(step) { for (let i = 1; i <= 3; i++) { const stepEl = document.getElementById(`aiStep${i}`); stepEl.classList.remove('active', 'completed'); if (i < step) { stepEl.classList.add('completed'); } else if (i === step) { stepEl.classList.add('active'); } } } function showAIStep(step) { document.getElementById('aiStepInput').style.display = step === 'input' ? 'block' : 'none'; document.getElementById('aiStepReview').style.display = step === 'review' ? 'block' : 'none'; document.getElementById('aiStepResults').style.display = step === 'results' ? 'block' : 'none'; } // Navigation function aiGoBack() { if (aiCurrentState === AIState.REVIEW) { aiCurrentState = AIState.INPUT; updateAISteps(1); showAIStep('input'); document.getElementById('aiBackBtn').style.display = 'none'; document.getElementById('aiNextBtn').textContent = 'Analizuj z AI'; } } async function aiGoNext() { if (aiCurrentState === AIState.INPUT) { // Validate input if (aiInputType === 'text') { const text = document.getElementById('aiUserText').value.trim(); if (!text) { showToast('Wklej dane użytkowników', 'error'); return; } } else { if (!aiSelectedFile) { showToast('Wybierz screenshot z danymi', 'error'); return; } } // Move to processing aiCurrentState = AIState.PROCESSING; updateAISteps(2); showAIStep('review'); document.getElementById('aiLoading').style.display = 'flex'; document.getElementById('aiResponse').style.display = 'none'; document.getElementById('aiBackBtn').style.display = 'none'; document.getElementById('aiNextBtn').textContent = 'Przetwarzanie...'; document.getElementById('aiNextBtn').disabled = true; await processWithAI(); } else if (aiCurrentState === AIState.REVIEW) { // Get selected users const selectedUsers = getSelectedUsers(); if (selectedUsers.length === 0) { showToast('Wybierz co najmniej jednego użytkownika', 'error'); return; } // Move to creating aiCurrentState = AIState.CREATING; document.getElementById('aiNextBtn').textContent = 'Tworzenie...'; document.getElementById('aiNextBtn').disabled = true; await createUsers(selectedUsers); } else if (aiCurrentState === AIState.RESULTS) { closeAIUserModal(); location.reload(); } } // AI Processing async function processWithAI() { try { let response; if (aiInputType === 'text') { const text = document.getElementById('aiUserText').value.trim(); response = await fetch('/api/admin/users/ai-parse', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken }, body: JSON.stringify({ input_type: 'text', content: text }) }); } else { const formData = new FormData(); formData.append('input_type', 'image'); formData.append('file', aiSelectedFile); response = await fetch('/api/admin/users/ai-parse', { method: 'POST', headers: { 'X-CSRFToken': csrfToken }, body: formData }); } const data = await response.json(); document.getElementById('aiLoading').style.display = 'none'; document.getElementById('aiResponse').style.display = 'block'; if (data.success) { aiProposedUsers = data.proposed_users || []; document.getElementById('aiAnalysisText').textContent = data.ai_response || 'Analiza zakończona.'; // Show duplicates warning if (data.duplicate_emails && data.duplicate_emails.length > 0) { document.getElementById('aiDuplicatesWarning').style.display = 'block'; document.getElementById('aiDuplicatesText').textContent = `Te emaile już istnieją w systemie: ${data.duplicate_emails.join(', ')}`; } else { document.getElementById('aiDuplicatesWarning').style.display = 'none'; } // Render users table renderUsersTable(aiProposedUsers, data.duplicate_emails || []); aiCurrentState = AIState.REVIEW; document.getElementById('aiBackBtn').style.display = 'block'; document.getElementById('aiNextBtn').textContent = 'Utwórz konta'; document.getElementById('aiNextBtn').disabled = false; } else { document.getElementById('aiAnalysisText').textContent = data.error || 'Wystąpił błąd podczas analizy.'; document.getElementById('aiBackBtn').style.display = 'block'; document.getElementById('aiNextBtn').textContent = 'Spróbuj ponownie'; document.getElementById('aiNextBtn').disabled = false; aiCurrentState = AIState.INPUT; } } catch (error) { console.error('AI processing error:', error); document.getElementById('aiLoading').style.display = 'none'; document.getElementById('aiResponse').style.display = 'block'; document.getElementById('aiAnalysisText').textContent = 'Błąd połączenia z serwerem. Spróbuj ponownie.'; document.getElementById('aiBackBtn').style.display = 'block'; document.getElementById('aiNextBtn').textContent = 'Spróbuj ponownie'; document.getElementById('aiNextBtn').disabled = false; aiCurrentState = AIState.INPUT; } } function renderUsersTable(users, duplicates) { const tbody = document.getElementById('aiUsersTableBody'); tbody.innerHTML = ''; if (users.length === 0) { tbody.innerHTML = 'Nie znaleziono użytkowników'; return; } users.forEach((user, index) => { const isDuplicate = duplicates.includes(user.email); const hasWarnings = user.warnings && user.warnings.length > 0; const tr = document.createElement('tr'); tr.innerHTML = ` ${user.email} ${isDuplicate ? 'Duplikat' : ''} ${user.name || '-'} ${user.company_name || '-'} ${user.role === 'ADMIN' ? 'Tak' : 'Nie'} ${hasWarnings ? `
${user.warnings.join(', ')}
` : ''} `; tbody.appendChild(tr); }); } function getSelectedUsers() { const selected = []; document.querySelectorAll('.ai-user-checkbox:checked').forEach(cb => { const index = parseInt(cb.dataset.index); if (aiProposedUsers[index]) { selected.push(aiProposedUsers[index]); } }); return selected; } // Create Users async function createUsers(users) { try { const response = await fetch('/api/admin/users/bulk-create', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken }, body: JSON.stringify({ users: users }) }); const data = await response.json(); aiCurrentState = AIState.RESULTS; updateAISteps(3); showAIStep('results'); if (data.success) { aiCreationResults = { created: data.created || [], failed: data.failed || [] }; const createdCount = aiCreationResults.created.length; const failedCount = aiCreationResults.failed.length; document.getElementById('aiResultsSummary').textContent = `Utworzono ${createdCount} ${createdCount === 1 ? 'konto' : 'kont'}` + (failedCount > 0 ? `, ${failedCount} nie udało się utworzyć.` : '.'); renderResults(aiCreationResults); document.getElementById('aiBackBtn').style.display = 'none'; document.getElementById('aiNextBtn').textContent = 'Zamknij'; document.getElementById('aiNextBtn').disabled = false; } else { document.getElementById('aiResultsSummary').textContent = data.error || 'Wystąpił błąd podczas tworzenia kont.'; document.getElementById('aiResultsList').innerHTML = ''; document.getElementById('aiBackBtn').style.display = 'block'; document.getElementById('aiNextBtn').textContent = 'Zamknij'; document.getElementById('aiNextBtn').disabled = false; } } catch (error) { console.error('Create users error:', error); aiCurrentState = AIState.RESULTS; updateAISteps(3); showAIStep('results'); document.getElementById('aiResultsSummary').textContent = 'Błąd połączenia z serwerem.'; document.getElementById('aiResultsList').innerHTML = ''; document.getElementById('aiBackBtn').style.display = 'block'; document.getElementById('aiNextBtn').textContent = 'Zamknij'; document.getElementById('aiNextBtn').disabled = false; } } function renderResults(results) { const container = document.getElementById('aiResultsList'); container.innerHTML = ''; // Created users results.created.forEach(user => { const div = document.createElement('div'); div.className = 'ai-result-item success'; div.innerHTML = `
${user.email} ${user.generated_password}
`; container.appendChild(div); }); // Failed users results.failed.forEach(user => { const div = document.createElement('div'); div.className = 'ai-result-item error'; div.innerHTML = `
${user.email} ${user.error}
`; container.appendChild(div); }); } function copyPassword(password, button) { navigator.clipboard.writeText(password).then(() => { button.textContent = 'Skopiowano!'; setTimeout(() => { button.textContent = 'Kopiuj hasło'; }, 2000); }).catch(() => { showToast('Nie udało się skopiować', 'error'); }); } // Column sorting (function() { const table = document.querySelector('.users-table'); if (!table) return; const tbody = table.querySelector('tbody'); const headers = table.querySelectorAll('th[data-sort-key]'); // Column index map const colIndex = {}; table.querySelectorAll('thead th').forEach((th, i) => { if (th.dataset.sortKey) colIndex[th.dataset.sortKey] = i; }); function getSortValue(row, key, type) { const cell = row.children[colIndex[key]]; if (type === 'date') { return cell.dataset.sortValue || '0'; } if (type === 'number') { return parseFloat(cell.textContent.trim()) || 0; } // string — for 'name' use .user-name, for 'company' use link or dash if (key === 'name') { const el = cell.querySelector('.user-name'); return (el ? el.textContent : cell.textContent).trim().toLowerCase(); } if (key === 'company') { const el = cell.querySelector('.user-company'); return el ? el.textContent.trim().toLowerCase() : 'zzz'; // push empty to end } return cell.textContent.trim().toLowerCase(); } function sortTable(key, type, direction) { const rows = Array.from(tbody.querySelectorAll('tr[data-user-id]')); rows.sort((a, b) => { const va = getSortValue(a, key, type); const vb = getSortValue(b, key, type); let cmp; if (type === 'number') { cmp = va - vb; } else { cmp = va < vb ? -1 : va > vb ? 1 : 0; } return direction === 'asc' ? cmp : -cmp; }); rows.forEach(row => tbody.appendChild(row)); } headers.forEach(th => { th.addEventListener('click', function() { const key = this.dataset.sortKey; const type = this.dataset.sortType; // Toggle direction let dir; if (this.classList.contains('sort-asc')) { dir = 'desc'; } else if (this.classList.contains('sort-desc')) { dir = 'asc'; } else { dir = (type === 'date' || type === 'number') ? 'desc' : 'asc'; } // Clear all sort indicators headers.forEach(h => h.classList.remove('sort-asc', 'sort-desc')); this.classList.add('sort-' + dir); sortTable(key, type, dir); }); }); })(); {% endblock %}