release

popup.js

@@ -0,0 +1,620 @@
+// popup.js
+
+(function () {
+    // Состояние фильтров
+    let filters = {
+        esia: 'all',
+        sender: 'all',
+        status: 'all',
+        period: 'today'
+    };
+
+    let filtersChanged = false;
+    let allStatuses = [];
+    let currentUserId = null;
+
+    // DOM элементы
+    const authWarning = document.getElementById('authWarning');
+    const tableSection = document.getElementById('tableSection');
+    const tableBody = document.getElementById('tableBody');
+    const emptyState = document.getElementById('emptyState');
+    const refreshBtn = document.getElementById('refreshBtn');
+    const searchInput = document.getElementById('searchInput');
+    const searchClear = document.getElementById('searchClear');
+    const allDocumentsBtn = document.getElementById('allDocumentsBtn');
+
+    // Фильтры
+    const esiaFilter = document.getElementById('esiaFilter');
+    const senderFilter = document.getElementById('senderFilter');
+    const statusFilter = document.getElementById('statusFilter');
+    const periodFilter = document.getElementById('periodFilter');
+
+    // Настройки сервера
+    const serverAccordion = document.getElementById('serverAccordion');
+    const accordionHeader = document.getElementById('accordionHeader');
+    const accordionIcon = document.getElementById('accordionIcon');
+    const accordionTitle = document.getElementById('accordionTitle');
+    const currentServerIp = document.getElementById('currentServerIp');
+    const currentServerPort = document.getElementById('currentServerPort');
+    const editServerIp = document.getElementById('editServerIp');
+    const editServerPort = document.getElementById('editServerPort');
+    const viewButtons = document.getElementById('viewButtons');
+    const editButtons = document.getElementById('editButtons');
+    const editButton = document.getElementById('editButton');
+    const adminButton = document.getElementById('adminButton');
+    const saveOptions = document.getElementById('saveOptions');
+    const cancelOptions = document.getElementById('cancelOptions');
+
+    // Вспомогательные функции
+    function formatDate(dateString) {
+        const date = new Date(dateString);
+        return date.toLocaleString('ru-RU', {
+            day: '2-digit',
+            month: '2-digit',
+            year: 'numeric',
+            hour: '2-digit',
+            minute: '2-digit'
+        });
+    }
+
+    function getStatusClass(category) {
+        switch (category) {
+            case 'completed': return 'status-completed';
+            case 'processing': return 'status-processing';
+            case 'error': return 'status-error';
+            default: return 'status-waiting';
+        }
+    }
+
+    function getStatusIcon(category) {
+        switch (category) {
+            case 'completed': return '✓';
+            case 'processing': return '⋯';
+            case 'error': return '✗';
+            default: return '?';
+        }
+    }
+
+    function showMessage(message, type = 'success', duration = 2000) {
+        const messageEl = document.createElement('div');
+        messageEl.style.cssText = `
+            position: fixed;
+            top: 20px;
+            left: 50%;
+            transform: translateX(-50%);
+            z-index: 10000;
+            padding: 8px 16px;
+            border-radius: 4px;
+            background: ${type === 'success' ? '#f0f9eb' : '#fef0f0'};
+            border: 1px solid ${type === 'success' ? '#e1f3d8' : '#fde2e2'};
+            color: ${type === 'success' ? '#67c23a' : '#f56c6c'};
+            font-size: 13px;
+            box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
+        `;
+        messageEl.textContent = message;
+        document.body.appendChild(messageEl);
+        setTimeout(() => messageEl.remove(), duration);
+    }
+
+    // Функция для выделения кнопки обновления
+    function highlightRefreshButton() {
+        refreshBtn.style.animation = 'pulse 1.5s infinite';
+        refreshBtn.style.backgroundColor = '#e6f7ff';
+        refreshBtn.style.borderColor = '#91d5ff';
+    }
+
+    function resetRefreshButton() {
+        refreshBtn.style.animation = 'none';
+        refreshBtn.style.backgroundColor = '';
+        refreshBtn.style.borderColor = '';
+    }
+
+    // Добавляем стили
+    const style = document.createElement('style');
+    style.textContent = `
+        @keyframes pulse {
+            0% { transform: scale(1); background-color: #ffffff; }
+            50% { transform: scale(1.05); background-color: #e6f7ff; box-shadow: 0 0 10px rgba(64, 158, 255, 0.5); }
+            100% { transform: scale(1); background-color: #ffffff; }
+        }
+        .clickable-doc {
+            cursor: pointer;
+            transition: opacity 0.2s;
+        }
+        .clickable-doc:hover {
+            opacity: 0.8;
+            background-color: #f0f9eb !important;
+        }
+        .doc-view-btn {
+            margin-left: 4px;
+            padding: 2px 6px;
+            border: none;
+            background: #ecf5ff;
+            color: #409eff;
+            border-radius: 3px;
+            font-size: 11px;
+            cursor: pointer;
+            display: inline-flex;
+            align-items: center;
+            gap: 2px;
+        }
+        .doc-view-btn:hover {
+            background: #d9ecff;
+        }
+        .status-container {
+            max-width: 140px;
+        }
+        .document-status {
+            max-width: 140px;
+            word-break: break-word;
+        }
+        .doctor-name {
+            font-size: 10px;
+            color: #909399;
+            margin-top: 4px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            max-width: 140px;
+        }
+    `;
+    document.head.appendChild(style);
+
+    // Отправка сообщений в background
+    async function sendMessageToBackground(action, data) {
+        return new Promise((resolve) => {
+            chrome.runtime.sendMessage({ action, data }, (response) => {
+                resolve(response || { success: false, message: 'Нет ответа от background' });
+            });
+        });
+    }
+
+    // Сохранение фильтров в storage
+    function saveFiltersToStorage() {
+        chrome.storage.local.set({ documentFilters: filters });
+    }
+
+    // Загрузка фильтров из storage
+    async function loadFiltersFromStorage() {
+        return new Promise((resolve) => {
+            chrome.storage.local.get(['documentFilters'], (result) => {
+                if (result.documentFilters) {
+                    filters = { ...filters, ...result.documentFilters };
+
+                    // Применяем фильтры к элементам управления
+                    esiaFilter.value = filters.esia;
+                    senderFilter.value = filters.sender;
+                    statusFilter.value = filters.status;
+                    periodFilter.value = filters.period;
+                }
+                resolve();
+            });
+        });
+    }
+
+    // Получение статусов с сервера
+    async function loadStatuses() {
+        try {
+            refreshBtn.disabled = true;
+            refreshBtn.innerHTML = '<span>🔄 Загрузка...</span>';
+
+            // Получаем ID пользователя из storage
+            await getCurrentUserId();
+
+            // Если нет ID пользователя - считаем что не авторизованы
+            if (!currentUserId) {
+                authWarning.classList.add('visible');
+                tableSection.classList.remove('visible');
+                return;
+            }
+
+            // Формируем данные для отправки на сервер (без search)
+            const requestData = {
+                userIdLpu: currentUserId,
+                filters: {
+                    esia: filters.esia,
+                    sender: filters.sender,
+                    status: filters.status,
+                    period: filters.period
+                }
+            };
+
+            // Отправляем запрос с фильтрами
+            const response = await sendMessageToBackground('getStatuses', requestData);
+
+            if (response.success && Array.isArray(response.data)) {
+                allStatuses = response.data;
+                authWarning.classList.remove('visible');
+                tableSection.classList.add('visible');
+
+                // Применяем поиск на клиенте
+                applyClientFilters();
+            } else {
+                showMessage('Ошибка загрузки: ' + (response.message || 'Неизвестная ошибка'), 'error');
+                allStatuses = [];
+                renderTable([]);
+            }
+        } catch (error) {
+            showMessage('Ошибка загрузки данных', 'error');
+            allStatuses = [];
+            renderTable([]);
+        } finally {
+            refreshBtn.disabled = false;
+            refreshBtn.innerHTML = '<span>🔄 Обновить</span>';
+            resetRefreshButton();
+            filtersChanged = false;
+        }
+    }
+
+    // Получение ID текущего пользователя из storage
+    async function getCurrentUserId() {
+        return new Promise((resolve) => {
+            chrome.storage.local.get(['userData'], (result) => {
+                if (result.userData && result.userData.id) {
+                    currentUserId = result.userData.id;
+                    resolve(currentUserId);
+                } else {
+                    currentUserId = null;
+                    resolve(null);
+                }
+            });
+        });
+    }
+
+    // Применение клиентских фильтров (поиск)
+    function applyClientFilters() {
+        let filtered = [...allStatuses];
+
+        // Поиск по тексту (на клиенте)
+        const searchText = searchInput.value.toLowerCase().trim();
+        if (searchText) {
+            filtered = filtered.filter(item => {
+                const patientName = (item.patientName || '').toLowerCase();
+                const documents = item.documents?.map(d => `${d.number} ${d.title}`).join(' ').toLowerCase() || '';
+                return patientName.includes(searchText) || documents.includes(searchText);
+            });
+        }
+
+        renderTable(filtered);
+    }
+
+    // Просмотр документа
+    async function viewDocument(documentPath, title) {
+        try {
+            const response = await sendMessageToBackground('getDocument', { documentPath });
+
+            if (response.success && response.data) {
+                const byteCharacters = atob(response.data);
+                const byteNumbers = new Array(byteCharacters.length);
+                for (let i = 0; i < byteCharacters.length; i++) {
+                    byteNumbers[i] = byteCharacters.charCodeAt(i);
+                }
+                const byteArray = new Uint8Array(byteNumbers);
+                const blob = new Blob([byteArray], { type: 'application/pdf' });
+                const url = window.URL.createObjectURL(blob);
+
+                const newWindow = window.open(url, '_blank');
+                if (!newWindow) {
+                    const link = document.createElement('a');
+                    link.href = url;
+                    link.download = 'document.pdf';
+                    document.body.appendChild(link);
+                    link.click();
+                    document.body.removeChild(link);
+                }
+
+                setTimeout(() => window.URL.revokeObjectURL(url), 1000);
+            } else {
+                showMessage('Ошибка загрузки документа', 'error');
+            }
+        } catch (error) {
+            showMessage('Ошибка просмотра документа', 'error');
+        }
+    }
+
+    // Рендер таблицы
+    function renderTable(data) {
+        if (!data || data.length === 0) {
+            tableBody.innerHTML = '';
+            emptyState.classList.remove('hidden');
+            return;
+        }
+
+        emptyState.classList.add('hidden');
+
+        const rows = data.map(item => {
+            const lastStatus = item.statuses?.reduce((max, s) => s.id > max.id ? s : max, item.statuses[0]);
+            const statusClass = getStatusClass(lastStatus?.category);
+            const statusIcon = getStatusIcon(lastStatus?.category);
+
+            const documentsHtml = item.documents?.map(doc => {
+                const isClickable = lastStatus?.category !== 'error';
+                const baseClass = isClickable ? 'doc-item clickable-doc' : 'doc-item';
+
+                return `
+                    <div class="${baseClass}" 
+                         ${isClickable ? `data-path="${doc.storagePath}" data-title="${doc.title}"` : ''}
+                         style="${isClickable ? 'cursor: pointer;' : ''} display: flex; align-items: center; justify-content: space-between;">
+                        <span style="flex: 1; text-align: left; word-break: break-word;">№${doc.number} ${doc.title?.replace(/\s+/g, ' ')}</span>
+                        ${isClickable ? '<span style="margin-left: 4px;">📄</span>' : ''}
+                    </div>
+                `;
+            }).join('');
+
+            const hasMainDocument = item.storagePath && !item.storagePath.includes('null');
+
+            return `
+                <tr>
+                    <td>
+                        <div class="document-name">${item.patientName || 'Неизвестно'}</div>
+                        <div class="document-date">${formatDate(item.created_at)}</div>
+                        <div class="doctor-name" title="${item.userName || ''}">
+                            <span>👤 ${item.userName || 'Неизвестно'}</span>
+                        </div>
+                    </td>
+                    <td>
+                        <div class="document-docs">
+                            ${documentsHtml}
+                        </div>
+                    </td>
+                    <td>
+                        <div class="status-container">
+                            <div class="document-status ${statusClass}" 
+                                 title="${lastStatus?.description || ''}">
+                                <span style="margin-right: 4px;">${statusIcon}</span>
+                                ${lastStatus?.name || 'Неизвестно'}
+                            </div>
+                            <div class="status-date">${formatDate(lastStatus?.created_at || item.created_at)}</div>
+                            ${hasMainDocument ? `
+                                <button class="doc-view-btn" data-path="${item.storagePath}" data-title="Основной документ">
+                                    📄 Просмотр
+                                </button>
+                            ` : ''}
+                        </div>
+                    </td>
+                </tr>
+            `;
+        }).join('');
+
+        tableBody.innerHTML = rows;
+
+        // Добавляем обработчики для кликабельных документов
+        document.querySelectorAll('.clickable-doc').forEach(el => {
+            el.addEventListener('click', (e) => {
+                e.stopPropagation();
+                const path = el.dataset.path;
+                const title = el.dataset.title;
+                if (path) viewDocument(path, title);
+            });
+        });
+
+        // Обработчики для кнопок просмотра
+        document.querySelectorAll('.doc-view-btn').forEach(btn => {
+            btn.addEventListener('click', (e) => {
+                e.stopPropagation();
+                const path = btn.dataset.path;
+                const title = btn.dataset.title;
+                if (path) viewDocument(path, title);
+            });
+        });
+    }
+
+    // Обработчики фильтров
+    function setupFilters() {
+        const filterElements = [esiaFilter, senderFilter, statusFilter, periodFilter];
+
+        filterElements.forEach(filter => {
+            filter.addEventListener('change', () => {
+                // Обновляем состояние фильтров
+                filters[filter.id.replace('Filter', '')] = filter.value;
+                filtersChanged = true;
+                highlightRefreshButton();
+                saveFiltersToStorage();
+            });
+        });
+
+        searchInput.addEventListener('input', () => {
+            // Для поиска не показываем уведомление о необходимости обновления
+            // применяем фильтрацию сразу на клиенте
+            applyClientFilters();
+            searchClear.classList.toggle('visible', searchInput.value.length > 0);
+        });
+
+        searchClear.addEventListener('click', () => {
+            searchInput.value = '';
+            searchClear.classList.remove('visible');
+            applyClientFilters();
+        });
+
+        refreshBtn.addEventListener('click', () => {
+            // Сохраняем текущие фильтры и загружаем данные
+            saveFiltersToStorage();
+            loadStatuses();
+        });
+
+        allDocumentsBtn.addEventListener('click', () => {
+            chrome.runtime.openOptionsPage();
+        });
+    }
+
+    // Настройки сервера
+    function setupServerSettings() {
+        // Загрузка сохраненных настроек
+        chrome.storage.local.get(['serverIp', 'serverPort'], (result) => {
+            if (result.serverIp) {
+                currentServerIp.textContent = result.serverIp;
+                editServerIp.value = result.serverIp;
+            }
+            if (result.serverPort) {
+                currentServerPort.textContent = result.serverPort;
+                editServerPort.value = result.serverPort;
+            }
+            if (result.serverIp && result.serverPort) {
+                accordionIcon.textContent = '✅';
+                accordionTitle.textContent = 'Сервер настроен';
+                adminButton.classList.remove('hidden');
+            }
+        });
+
+        // Аккордеон
+        accordionHeader.addEventListener('click', () => {
+            serverAccordion.classList.toggle('expanded');
+        });
+
+        // Редактирование
+        editButton.addEventListener('click', () => {
+            viewButtons.classList.add('hidden');
+            editButtons.classList.remove('hidden');
+
+            currentServerIp.classList.add('hidden');
+            currentServerPort.classList.add('hidden');
+            editServerIp.classList.add('visible');
+            editServerPort.classList.add('visible');
+
+            saveOptions.classList.add('disabled');
+        });
+
+        // Валидация полей
+        [editServerIp, editServerPort].forEach(input => {
+            input.addEventListener('input', () => {
+                const ipValid = /^(\d{1,3}\.){3}\d{1,3}$/.test(editServerIp.value) || editServerIp.value === '';
+                const portValid = editServerPort.value > 0 && editServerPort.value < 65536;
+
+                editServerIp.classList.toggle('error', !ipValid && editServerIp.value !== '');
+                editServerPort.classList.toggle('error', !portValid && editServerPort.value !== '');
+
+                if (ipValid && portValid && editServerIp.value && editServerPort.value) {
+                    saveOptions.classList.remove('disabled');
+                } else {
+                    saveOptions.classList.add('disabled');
+                }
+            });
+        });
+
+        // Сохранение с проверкой health
+        saveOptions.addEventListener('click', async () => {
+            if (saveOptions.classList.contains('disabled')) return;
+
+            const ip = editServerIp.value;
+            const port = parseInt(editServerPort.value);
+
+            // Показываем индикатор загрузки на кнопке
+            const originalText = saveOptions.textContent;
+            saveOptions.textContent = '⋯';
+            saveOptions.disabled = true;
+
+            try {
+                // Проверяем health endpoint
+                const healthUrl = `http://${ip}:${port}/api/health`;
+                const controller = new AbortController();
+                const timeoutId = setTimeout(() => controller.abort(), 5000); // Таймаут 5 секунд
+
+                const response = await fetch(healthUrl, {
+                    method: 'GET',
+                    signal: controller.signal
+                });
+
+                clearTimeout(timeoutId);
+
+                if (!response.ok) {
+                    throw new Error(`HTTP error: ${response.status}`);
+                }
+
+                const data = await response.json();
+
+                // Проверяем что получили ожидаемый ответ
+                if (data.status !== 'healthy') {
+                    throw new Error('Сервер вернул некорректный ответ');
+                }
+
+                // Если все ок - сохраняем настройки
+                chrome.storage.local.set({ serverIp: ip, serverPort: port }, () => {
+                    currentServerIp.textContent = ip;
+                    currentServerPort.textContent = port;
+
+                    viewButtons.classList.remove('hidden');
+                    editButtons.classList.add('hidden');
+
+                    currentServerIp.classList.remove('hidden');
+                    currentServerPort.classList.remove('hidden');
+                    editServerIp.classList.remove('visible', 'error');
+                    editServerPort.classList.remove('visible', 'error');
+
+                    accordionIcon.textContent = '✅';
+                    accordionTitle.textContent = 'Сервер настроен';
+                    adminButton.classList.remove('hidden');
+
+                    // Показываем успешное сообщение
+                    showMessage('Сервер успешно подключен', 'success', 2000);
+                });
+
+            } catch (error) {
+                console.error('Health check failed:', error);
+
+                // Определяем тип ошибки для понятного сообщения
+                let errorMessage = 'Ошибка подключения к серверу';
+
+                if (error.name === 'AbortError') {
+                    errorMessage = 'Сервер не отвечает (таймаут 5 сек)';
+                } else if (error.message.includes('Failed to fetch')) {
+                    errorMessage = 'Сервер недоступен. Проверьте IP и порт';
+                } else {
+                    errorMessage = error.message || 'Неизвестная ошибка';
+                }
+
+                // Показываем уведомление об ошибке
+                showMessage(`❌ ${errorMessage}`, 'error', 3000);
+
+                // Подсвечиваем поля с ошибкой
+                editServerIp.classList.add('error');
+                editServerPort.classList.add('error');
+
+                // Возвращаем иконку на кнопке
+                saveOptions.textContent = originalText;
+                saveOptions.disabled = false;
+            }
+        });
+
+        // Отмена
+        cancelOptions.addEventListener('click', () => {
+            viewButtons.classList.remove('hidden');
+            editButtons.classList.add('hidden');
+
+            currentServerIp.classList.remove('hidden');
+            currentServerPort.classList.remove('hidden');
+            editServerIp.classList.remove('visible', 'error');
+            editServerPort.classList.remove('visible', 'error');
+
+            editServerIp.value = currentServerIp.textContent;
+            editServerPort.value = currentServerPort.textContent;
+        });
+
+        //Администрирование
+        adminButton.addEventListener('click', () => {
+            chrome.tabs.create({ url: `http://${currentServerIp.textContent}:${currentServerPort.textContent}/` });
+        });
+    }
+
+    // Проверка авторизации
+    async function checkAuth() {
+        const userId = await getCurrentUserId();
+
+        if (userId) {
+            authWarning.classList.remove('visible');
+            tableSection.classList.add('visible');
+            // Загружаем фильтры из storage и делаем первый запрос
+            await loadFiltersFromStorage();
+            loadStatuses();
+        } else {
+            authWarning.classList.add('visible');
+            tableSection.classList.remove('visible');
+        }
+    }
+
+    // Инициализация
+    document.addEventListener('DOMContentLoaded', () => {
+        setupServerSettings();
+        setupFilters();
+        checkAuth();
+    });
+})();