diff --git a/api/routers/__pycache__/toolkit.cpython-313.pyc b/api/routers/__pycache__/toolkit.cpython-313.pyc index d8e472b..419d40a 100644 Binary files a/api/routers/__pycache__/toolkit.cpython-313.pyc and b/api/routers/__pycache__/toolkit.cpython-313.pyc differ diff --git a/api/routers/toolkit.py b/api/routers/toolkit.py index 88bfff4..b53d1ae 100644 --- a/api/routers/toolkit.py +++ b/api/routers/toolkit.py @@ -14,9 +14,9 @@ async def toolkit_request( request_data: dict = Depends(requestDict), ): response = {"status": "error", "data": {}} - logger.info(f"Получение запроса остатка инструмента") - # logger.info(request_data) toolkitId = request_data.get("body").get("toolkitId") + logger.info(f"Получение запроса остатка инструмента #{toolkitId}") + # logger.info(request_data) stocks = await StockHandler.getByToolkitId(toolkitId) if not stocks: return response @@ -42,7 +42,6 @@ async def toolkit_request( "count": stock["quantity"], "placement": stock["placement"], } - logger.info(stock.keys()) if not toolboxesOwners.get(stock["toolbox_id"]): stocksData["toolboxes"][toolboxTitle]["id"] = stock["toolbox_id"] stocksData["toolboxes"][toolboxTitle]["totalCost"] = ( diff --git a/api/static/js/index.js b/api/static/js/index.js index 7eeae57..f8ed674 100644 --- a/api/static/js/index.js +++ b/api/static/js/index.js @@ -1047,6 +1047,7 @@ async function loadToolboxContent(toolboxId) { } } + async function fillToolbox(toolboxInfo) { const allToolkitsData = await apiRequest('/toolkit/fill_prepare'); @@ -1055,14 +1056,187 @@ async function fillToolbox(toolboxInfo) { return; } - // Проверяем, существует ли уже модальное окно + // Удаляем старое модальное окно let modal = document.getElementById('fillToolboxModal'); + if (modal) modal.remove(); - if (modal) { - modal.remove(); + // ============================== + // Подготовка данных + // ============================== + const { toolkits, categories, placements } = allToolkitsData.data; + + const placementMap = {}; + placements + .filter(p => p.toolbox_id === toolboxInfo.id) + .forEach(p => placementMap[p.toolkit_id] = p.placement); + + // lower -> category + const categoriesByLower = Object.fromEntries(categories.map(c => [c.title.toLowerCase().trim(), c])); + + const toolkitsMap = Object.fromEntries(toolkits.map(t => [t.id, t])); + + const toolkitsByCategory = {}; + toolkits.forEach(t => { + if (!toolkitsByCategory[t.category_id]) toolkitsByCategory[t.category_id] = []; + toolkitsByCategory[t.category_id].push(t); + }); + + // lower title -> toolkit within category + const toolkitsLowerByCategory = {}; + Object.entries(toolkitsByCategory).forEach(([catId, list]) => { + const map = {}; + list.forEach(t => map[t.title.toLowerCase().trim()] = t); + toolkitsLowerByCategory[catId] = map; + }); + + // ============================== + // Вспомогательные функции + // ============================== + const normalize = s => (s || '').toLowerCase().trim(); + + // exact match by lower title + const findCategoryByExact = title => { + if (!title) return null; + return categoriesByLower[title.toLowerCase().trim()] || null; + }; + + const findToolkitByExact = (categoryId, title) => { + if (!categoryId || !title) return null; + const map = toolkitsLowerByCategory[categoryId] || {}; + return map[title.toLowerCase().trim()] || null; + }; + + // format cost + const formatCost = value => { + if (typeof value !== 'number') value = parseFloat(value) || 0; + return formatPrice(value); + }; + + // debounce + function debounce(fn, delay = 200) { + let t; + return function (...args) { + clearTimeout(t); + t = setTimeout(() => fn.apply(this, args), delay); + }; } - // Создаем модальное окно + // Inject minimal styles for autocomplete dropdown (only once) + (function injectStyles() { + if (document.getElementById('fillToolboxAutocompleteStyles')) return; + const style = document.createElement('style'); + style.id = 'fillToolboxAutocompleteStyles'; + style.textContent = ` + .ft-autocomplete { position: relative; } + .ft-autocomplete-list { + position: absolute; + z-index: 2000; + left: 0; + right: 0; + max-height: 220px; + overflow: auto; + background: white; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + box-shadow: 0 .25rem .5rem rgba(0,0,0,.08); + } + .ft-autocomplete-item { padding: .375rem .5rem; cursor: pointer; } + .ft-autocomplete-item:hover, .ft-autocomplete-item.active { background: #7abb92ff; } + .ft-autocomplete-empty { padding: .375rem .5rem; color: #6c757d; } + `; + document.head.appendChild(style); + })(); + + // create suggestions list element for an input (returns container and helper functions) + function createAutocomplete(forInput) { + // wrapper ft-autocomplete should exist around input + let wrapper = forInput.closest('.ft-autocomplete'); + if (!wrapper) { + wrapper = document.createElement('div'); + wrapper.className = 'ft-autocomplete'; + forInput.parentNode.insertBefore(wrapper, forInput); + wrapper.appendChild(forInput); + } + + let list = wrapper.querySelector('.ft-autocomplete-list'); + if (!list) { + list = document.createElement('div'); + list.className = 'ft-autocomplete-list'; + list.style.display = 'none'; + wrapper.appendChild(list); + } + + function show(items) { + list.innerHTML = ''; + if (!items || items.length === 0) { + const empty = document.createElement('div'); + empty.className = 'ft-autocomplete-empty'; + empty.textContent = 'Ничего не найдено'; + list.appendChild(empty); + list.style.display = 'block'; + return; + } + items.forEach(it => { + const div = document.createElement('div'); + div.className = 'ft-autocomplete-item'; + div.textContent = it.title; + div.dataset.valueId = it.id; + div.addEventListener('mousedown', (e) => { + // mousedown чтобы сработало до blur + e.preventDefault(); + if (typeof wrapper._onSelect === 'function') wrapper._onSelect(it); + hide(); + }); + list.appendChild(div); + }); + list.style.display = 'block'; + } + + function hide() { + list.innerHTML = ''; + list.style.display = 'none'; + } + + function onSelect(fn) { wrapper._onSelect = fn; } + + return { wrapper, list, show, hide, onSelect }; + } + + // ============================== + // Создание строки таблицы + // ============================== + function createRow(rowIndex = 0) { + const rowId = `row-${Date.now()}-${rowIndex}`; + return ` + + +
+ +
+ + + +
+ +
+ + + + + + + + + + + `; + } + + // ============================== + // Создаём модалку + // ============================== modal = document.createElement('div'); modal.className = 'modal fade'; modal.id = 'fillToolboxModal'; @@ -1073,11 +1247,8 @@ async function fillToolbox(toolboxInfo) {
-
- - Пополнение склада: ${toolboxInfo.title} -
- +
Пополнение склада: ${toolboxInfo.title}
+
@@ -1094,9 +1265,7 @@ async function fillToolbox(toolboxInfo) { - - - + @@ -1107,7 +1276,7 @@ async function fillToolbox(toolboxInfo) { 0 - 0.00 + 0.00 ₽ @@ -1139,8 +1308,7 @@ async function fillToolbox(toolboxInfo) {
@@ -1150,401 +1318,550 @@ async function fillToolbox(toolboxInfo) { `; document.body.appendChild(modal); - - // Инициализация модального окна const bsModal = new bootstrap.Modal(modal); - // Получаем данные - const { toolkits, categories, placements } = allToolkitsData.data; - const placementMap = {}; - - // Создаем карту расположений для текущего склада - placements - .filter(p => p.toolbox_id === toolboxInfo.id) - .forEach(p => { - placementMap[p.toolkit_id] = p.placement; - }); - - // Создаем карту инструментов по категориям - const toolkitsByCategory = {}; - toolkits.forEach(tool => { - if (!toolkitsByCategory[tool.category_id]) { - toolkitsByCategory[tool.category_id] = []; - } - toolkitsByCategory[tool.category_id].push(tool); - }); - - // Функция для форматирования стоимости с разделителями - function formatCost(value) { - if (typeof value !== 'number') { - value = parseFloat(value) || 0; - } - return formatPrice(value); - } - - // Функция для создания строки формы - function createRow(rowIndex = 0) { - const rowId = `row-${Date.now()}-${rowIndex}`; - return ` - - - - - - - - - - - - - - - - - - - - - - - - `; - } - - // Инициализация первой строки - const rowsContainer = document.getElementById('fillToolboxRows'); + const rowsContainer = modal.querySelector('#fillToolboxRows'); rowsContainer.innerHTML = createRow(0); - // Добавляем обработчики событий - setupEventHandlers(); - - // Функция для обновления итогов - function updateTotals() { - const rows = rowsContainer.querySelectorAll('tr'); - let totalQuantity = 0; - let totalCost = 0; - let filledRows = 0; - - rows.forEach(row => { - const quantityInput = row.querySelector('.quantity'); - const costInput = row.querySelector('.cost'); - - if (quantityInput && costInput && - quantityInput.value && costInput.value) { - const quantity = parseInt(quantityInput.value) || 0; - const cost = parseFloat(costInput.value.replace(/[^0-9.,]/g, '').replace(',', '.')) || 0; - - totalQuantity += quantity; - totalCost += cost; - filledRows++; - } + // ============================== + // Автокомплит + логика строки + // ============================== + // Закрытие всех автокомплитов при клике вне + document.addEventListener('click', (e) => { + const openLists = document.querySelectorAll('.ft-autocomplete-list'); + openLists.forEach(l => { + if (!l.parentElement.contains(e.target)) l.style.display = 'none'; }); + }); - document.getElementById('totalQuantity').textContent = totalQuantity; - document.getElementById('totalCost').textContent = formatCost(totalCost) + ' ₽'; - document.getElementById('totalRowsCount').textContent = - `${filledRows} позиций`; - } + // Список для хранения ссылок на автокомплиты + const autocompleteInstances = new Map(); - // Функция для расчета стоимости строки - function calculateRowCost(row) { - const quantityInput = row.querySelector('.quantity'); - const priceInput = row.querySelector('.price'); + function setupRow(row) { + const rowId = row.id; + const categoryInput = row.querySelector('.category-input'); + const categoryIdInput = row.querySelector('.category-id'); + + const toolkitInput = row.querySelector('.toolkit-input'); + const toolkitIdInput = row.querySelector('.toolkit-id'); + + const qty = row.querySelector('.quantity'); + const price = row.querySelector('.price'); + const placement = row.querySelector('.placement'); const costInput = row.querySelector('.cost'); - if (!quantityInput || !priceInput || !costInput) return; + // create autocompletes + const catAC = createAutocomplete(categoryInput); + const toolAC = createAutocomplete(toolkitInput); - const quantity = parseFloat(quantityInput.value) || 0; - const price = parseFloat(priceInput.value.replace(',', '.')) || 0; - const cost = quantity * price; + // Сохраняем ссылки для возможной очистки + autocompleteInstances.set(rowId, { catAC, toolAC }); - costInput.value = formatCost(cost) + ' ₽'; - updateTotals(); - } + // CATEGORY behavior + const showCategorySuggestions = debounce(() => { + const q = normalize(categoryInput.value); - // Функция для настройки обработчиков событий - function setupEventHandlers() { - // Обработчик добавления строки - document.getElementById('addRowBtn').addEventListener('click', function () { - const newRow = createRow(rowsContainer.children.length); - rowsContainer.insertAdjacentHTML('beforeend', newRow); - - // Обновляем доступность кнопок удаления - const removeButtons = rowsContainer.querySelectorAll('.remove-row'); - if (removeButtons.length > 1) { - removeButtons.forEach(btn => btn.disabled = false); - } - - // Настраиваем обработчики для новой строки - const newRowElement = rowsContainer.lastElementChild; - setupRowHandlers(newRowElement); - }); - - // Настраиваем обработчики для всех строк - rowsContainer.querySelectorAll('tr').forEach(row => { - setupRowHandlers(row); - }); - - // Валидация поля обоснования - const reasonInput = document.getElementById('fillReason'); - reasonInput.addEventListener('input', function () { - if (this.value.length >= 10) { - this.classList.remove('is-invalid'); - this.classList.add('is-valid'); - } else if (this.value.length > 0) { - this.classList.add('is-invalid'); - this.classList.remove('is-valid'); + let matches; + if (!q) { + // Если поле пустое - показываем все категории + matches = categories + .sort((a, b) => a.title.localeCompare(b.title)) + .map(c => ({ id: c.id, title: c.title })); } else { - this.classList.remove('is-invalid', 'is-valid'); + // Если есть текст - фильтруем по вхождению + matches = categories + .filter(c => normalize(c.title).includes(q)) + .sort((a, b) => a.title.localeCompare(b.title)) + .map(c => ({ id: c.id, title: c.title })); + } + + catAC.show(matches); + }, 200); + + catAC.onSelect((cat) => { + categoryIdInput.value = cat.id; + categoryInput.value = cat.title; + categoryInput.classList.remove('is-invalid'); + categoryInput.classList.add('is-valid'); + + toolkitInput.disabled = false; + toolkitInput.value = ''; + toolkitIdInput.value = ''; + qty.disabled = true; + price.disabled = true; + placement.disabled = true; + placement.value = ''; + costInput.value = '0.00 ₽'; + + // Фокус на поле инструмента после выбора категории + setTimeout(() => toolkitInput.focus(), 10); + }); + + categoryInput.addEventListener('focus', function () { + // При фокусе на поле показываем все категории, если поле пустое + if (!categoryInput.value.trim()) { + showCategorySuggestions(); } }); - // Обработчик отправки формы - document.getElementById('fillToolboxForm').addEventListener('submit', async function (e) { - e.preventDefault(); + categoryInput.addEventListener('input', function () { + categoryIdInput.value = ''; + categoryInput.classList.remove('is-valid', 'is-invalid'); + toolkitInput.disabled = true; + toolkitInput.value = ''; + toolkitIdInput.value = ''; + qty.disabled = true; + price.disabled = true; + placement.disabled = true; + placement.value = ''; + costInput.value = '0.00 ₽'; - const submitBtn = document.getElementById('submitFillBtn'); - const spinner = document.getElementById('submitFillSpinner'); - const submitText = document.getElementById('submitFillText'); + showCategorySuggestions(); + }); - // Проверка заполнения всех обязательных полей - const rows = rowsContainer.querySelectorAll('tr'); - const items = []; - let isValid = true; - let errorMessage = ''; - - // Проверка обоснования - const reason = reasonInput.value.trim(); - if (reason.length < 10) { - isValid = false; - errorMessage = 'Введите обоснование (не менее 10 символов)'; - reasonInput.classList.add('is-invalid'); - reasonInput.scrollIntoView({ behavior: 'smooth', block: 'center' }); - } else { - reasonInput.classList.remove('is-invalid'); - reasonInput.classList.add('is-valid'); - } - - // Проверка строк с инструментами - rows.forEach((row, index) => { - const categorySelect = row.querySelector('.category-select'); - const toolkitSelect = row.querySelector('.toolkit-select'); - const quantityInput = row.querySelector('.quantity'); - const priceInput = row.querySelector('.price'); - - if (!categorySelect.value || !toolkitSelect.value || - !quantityInput.value || !priceInput.value) { - isValid = false; - errorMessage = `Заполните все обязательные поля в строке ${index + 1}`; - // Подсвечиваем проблемные поля - [categorySelect, toolkitSelect, quantityInput, priceInput].forEach(field => { - if (!field.value) { - field.classList.add('is-invalid'); - } - }); - return; + categoryInput.addEventListener('blur', function () { + // Небольшая задержка для обработки клика по автокомплиту + setTimeout(() => { + const v = categoryInput.value.trim(); + if (!v) return; + const matched = findCategoryByExact(v); + if (matched) { + categoryIdInput.value = matched.id; + categoryInput.value = matched.title; + categoryInput.classList.remove('is-invalid'); + categoryInput.classList.add('is-valid'); + toolkitInput.disabled = false; + toolkitInput.focus(); + } else { + categoryInput.classList.add('is-invalid'); + categoryIdInput.value = ''; + toolkitInput.disabled = true; + toolkitInput.value = ''; + toolkitIdInput.value = ''; + qty.disabled = true; + price.disabled = true; + placement.disabled = true; + placement.value = ''; + costInput.value = '0.00 ₽'; } + }, 150); + }); - items.push({ - toolkit_id: parseInt(toolkitSelect.value), - quantity: parseInt(quantityInput.value), - price: parseFloat(priceInput.value.replace(',', '.')), - placement: row.querySelector('.placement').value || null - }); - }); - - if (!isValid) { - document.getElementById('fillToolboxErrorMessage').textContent = errorMessage; - document.getElementById('fillToolboxError').classList.remove('d-none'); - document.getElementById('fillToolboxError').scrollIntoView({ behavior: 'smooth', block: 'center' }); + // TOOLKIT behavior + const showToolkitSuggestions = debounce(() => { + const catId = categoryIdInput.value; + if (!catId) { + toolAC.hide(); return; } - if (items.length === 0) { - document.getElementById('fillToolboxErrorMessage').textContent = 'Добавьте хотя бы одну позицию'; - document.getElementById('fillToolboxError').classList.remove('d-none'); - return; + const q = normalize(toolkitInput.value); + const pool = toolkitsByCategory[catId] || []; + let matches; + + if (!q) { + // Если поле пустое - показываем все инструменты в категории + matches = pool + .sort((a, b) => a.title.localeCompare(b.title)) + .map(t => ({ id: t.id, title: t.title })); + } else { + // Если есть текст - фильтруем по вхождению + matches = pool + .filter(t => normalize(t.title).includes(q)) + .sort((a, b) => a.title.localeCompare(b.title)) + .map(t => ({ id: t.id, title: t.title })); } - // Запрос подтверждения (двойное нажатие в течение 10 секунд) - const originalText = submitText.textContent; - submitText.textContent = 'Нажмите еще раз для подтверждения (10 сек)'; - submitBtn.disabled = true; + toolAC.show(matches); + }, 200); - let confirmed = false; - let timeout = setTimeout(() => { - if (!confirmed) { - submitText.textContent = originalText; - submitBtn.disabled = false; - document.getElementById('fillToolboxError').classList.add('d-none'); + toolAC.onSelect((tool) => { + toolkitIdInput.value = tool.id; + toolkitInput.value = tool.title; + toolkitInput.classList.remove('is-invalid'); + toolkitInput.classList.add('is-valid'); + + qty.disabled = false; + price.disabled = false; + placement.disabled = false; + placement.value = placementMap[tool.id] || ''; + + // Фокус на поле количества после выбора инструмента + setTimeout(() => qty.focus(), 10); + }); + + toolkitInput.addEventListener('focus', function () { + // При фокусе на поле показываем все инструменты в категории, если поле пустое + const catId = categoryIdInput.value; + if (catId && !toolkitInput.value.trim()) { + showToolkitSuggestions(); + } + }); + + toolkitInput.addEventListener('input', function () { + toolkitIdInput.value = ''; + toolkitInput.classList.remove('is-valid', 'is-invalid'); + qty.disabled = true; + price.disabled = true; + placement.disabled = true; + placement.value = ''; + costInput.value = '0.00 ₽'; + showToolkitSuggestions(); + }); + + toolkitInput.addEventListener('blur', function () { + setTimeout(() => { + const v = toolkitInput.value.trim(); + const catId = categoryIdInput.value; + if (!v || !catId) return; + const matched = findToolkitByExact(catId, v); + if (matched) { + toolkitIdInput.value = matched.id; + toolkitInput.value = matched.title; + toolkitInput.classList.remove('is-invalid'); + toolkitInput.classList.add('is-valid'); + qty.disabled = false; + price.disabled = false; + placement.disabled = false; + placement.value = placementMap[matched.id] || ''; + qty.focus(); + } else { + toolkitInput.classList.add('is-invalid'); + toolkitIdInput.value = ''; + qty.disabled = true; + price.disabled = true; + placement.disabled = true; + placement.value = ''; + costInput.value = '0.00 ₽'; } - }, 10000); + }, 150); + }); - submitBtn.addEventListener('click', async function confirmHandler(e) { + // recalc cost + function recalc() { + const q = parseFloat(qty.value) || 0; + const p = parseFloat(price.value.toString().replace(',', '.')) || 0; + const c = q * p; + costInput.value = formatCost(c) + ' ₽'; + updateTotals(); + } + qty.addEventListener('input', recalc); + price.addEventListener('input', recalc); + + // Фокус на следующее поле при нажатии Enter + const handleEnterKey = (currentField, nextField) => { + if (nextField && !nextField.disabled) { + nextField.focus(); + if (nextField === toolkitInput && !nextField.value.trim()) { + // Если переходим к пустому полю инструмента, показываем все варианты + showToolkitSuggestions(); + } + } + }; + + categoryInput.addEventListener('keydown', (e) => { + if (e.key === 'Enter') { e.preventDefault(); - confirmed = true; - clearTimeout(timeout); - - // Показываем индикатор загрузки - submitBtn.disabled = true; - spinner.style.display = 'inline-block'; - - try { - const response = await apiRequest('/toolbox/fill', { - toolboxId: toolboxInfo.id, - items: items, - reason: reason, - userId: userData.id - }, 'POST'); - - if (response.status === 'ok') { - showInfo('Склад успешно пополнен', 'success'); - bsModal.hide(); - - // Обновляем содержимое склада - await loadToolboxContent(toolboxInfo.id); - } else { - throw new Error(response.message || 'Ошибка при пополнении склада'); - } - } catch (error) { - console.error('Ошибка при пополнении склада:', error); - document.getElementById('fillToolboxErrorMessage').textContent = - error.message || 'Произошла ошибка при пополнении склада'; - document.getElementById('fillToolboxError').classList.remove('d-none'); - - // Возвращаем кнопку в исходное состояние - submitBtn.disabled = false; - spinner.style.display = 'none'; - submitText.textContent = originalText; - } - - // Удаляем обработчик подтверждения - submitBtn.removeEventListener('click', confirmHandler); - }, { once: true }); - - submitBtn.disabled = false; - }); - } - - // Функция для настройки обработчиков строки - function setupRowHandlers(row) { - const rowId = row.id; - - // Обработчик выбора категории - const categorySelect = row.querySelector('.category-select'); - categorySelect.addEventListener('change', function () { - this.classList.remove('is-invalid'); - const toolkitSelect = row.querySelector('.toolkit-select'); - const quantityInput = row.querySelector('.quantity'); - const priceInput = row.querySelector('.price'); - const placementInput = row.querySelector('.placement'); - - // Очищаем и деактивируем зависимые поля - toolkitSelect.innerHTML = ''; - toolkitSelect.disabled = !this.value; - quantityInput.disabled = !this.value; - priceInput.disabled = !this.value; - placementInput.disabled = !this.value; - - if (!this.value) { - quantityInput.value = ''; - priceInput.value = ''; - placementInput.value = ''; - row.querySelector('.cost').value = '0.00 ₽'; - updateTotals(); - return; - } - - // Заполняем список инструментов выбранной категории - const categoryId = parseInt(this.value); - const categoryTools = toolkitsByCategory[categoryId] || []; - - categoryTools.forEach(tool => { - const option = document.createElement('option'); - option.value = tool.id; - option.textContent = tool.title; - toolkitSelect.appendChild(option); - }); - }); - - // Обработчик выбора инструмента - const toolkitSelect = row.querySelector('.toolkit-select'); - toolkitSelect.addEventListener('change', function () { - this.classList.remove('is-invalid'); - if (!this.value) return; - - const toolId = parseInt(this.value); - - // Автозаполнение расположения, если есть - if (placementMap[toolId]) { - row.querySelector('.placement').value = placementMap[toolId]; + handleEnterKey(categoryInput, toolkitInput); } }); - // Обработчики изменения количества и цены - const quantityInput = row.querySelector('.quantity'); - const priceInput = row.querySelector('.price'); - - [quantityInput, priceInput].forEach(input => { - input.addEventListener('input', function () { - this.classList.remove('is-invalid'); - calculateRowCost(row); - }); + toolkitInput.addEventListener('keydown', (e) => { + if (e.key === 'Enter') { + e.preventDefault(); + handleEnterKey(toolkitInput, qty); + } }); - // Обработчик удаления строки - const removeBtn = row.querySelector('.remove-row'); - removeBtn.addEventListener('click', function () { + qty.addEventListener('keydown', (e) => { + if (e.key === 'Enter') { + e.preventDefault(); + handleEnterKey(qty, price); + } + }); + + price.addEventListener('keydown', (e) => { + if (e.key === 'Enter') { + e.preventDefault(); + handleEnterKey(price, placement); + } + }); + + placement.addEventListener('keydown', (e) => { + if (e.key === 'Enter') { + e.preventDefault(); + // При Enter в последнем поле - добавить новую строку + modal.querySelector('#addRowBtn').click(); + } + }); + + // remove row + row.querySelector('.remove-row').addEventListener('click', () => { if (rowsContainer.children.length <= 1) return; + // Очищаем автокомплиты + const instances = autocompleteInstances.get(row.id); + if (instances) { + instances.catAC.hide(); + instances.toolAC.hide(); + autocompleteInstances.delete(row.id); + } + row.remove(); updateTotals(); - // Если осталась одна строка, делаем кнопку удаления недоступной + // Фокус на первую строку после удаления + const firstRow = rowsContainer.querySelector('tr'); + if (firstRow) { + const firstInput = firstRow.querySelector('.category-input'); + if (firstInput) firstInput.focus(); + } + + // Отключаем кнопку удаления, если осталась одна строка if (rowsContainer.children.length === 1) { - rowsContainer.querySelector('.remove-row').disabled = true; + const btn = rowsContainer.querySelector('.remove-row'); + if (btn) btn.disabled = true; } }); } - // Очистка при закрытии модального окна - modal.addEventListener('hidden.bs.modal', () => { + // Инициализируем только первую строку + const firstRow = rowsContainer.querySelector('tr'); + if (firstRow) setupRow(firstRow); + + // add row button + modal.querySelector('#addRowBtn').addEventListener('click', () => { + const newRowHTML = createRow(rowsContainer.children.length); + rowsContainer.insertAdjacentHTML('beforeend', newRowHTML); + + // Настройка новой строки + const newRow = rowsContainer.lastElementChild; + setupRow(newRow); + + // Включаем кнопки удаления + const removeButtons = rowsContainer.querySelectorAll('.remove-row'); + if (removeButtons.length > 1) removeButtons.forEach(b => b.disabled = false); + + // Фокус на поле категории в новой строке setTimeout(() => { - if (modal.parentNode) { - modal.remove(); + const categoryInput = newRow.querySelector('.category-input'); + if (categoryInput) categoryInput.focus(); + }, 10); + }); + + // totals + function updateTotals() { + let totalQty = 0; + let totalCost = 0; + let filled = 0; + + rowsContainer.querySelectorAll('tr').forEach(r => { + const qty = parseInt(r.querySelector('.quantity')?.value) || 0; + const cost = parseFloat((r.querySelector('.cost')?.value || '').replace(/[^0-9.,]/g, '').replace(',', '.')) || 0; + if (qty && cost) { + totalQty += qty; + totalCost += cost; + filled++; } + }); + + modal.querySelector('#totalQuantity').textContent = totalQty; + modal.querySelector('#totalCost').textContent = formatCost(totalCost) + ' ₽'; + modal.querySelector('#totalRowsCount').textContent = filled + ' позиций'; + } + + // form submit with validation + double confirmation like у тебя + modal.querySelector('#fillToolboxForm').addEventListener('submit', async function (e) { + e.preventDefault(); + + const reasonInput = modal.querySelector('#fillReason'); + const reason = reasonInput.value.trim(); + if (reason.length < 10) { + showInfo('Укажите обоснование (минимум 10 символов)', 'error'); + return; + } + + const rows = rowsContainer.querySelectorAll('tr'); + const items = []; + let isValid = true; + let errorMessage = ''; + + rows.forEach((row, index) => { + if (!isValid) return; + const catId = row.querySelector('.category-id').value; + const toolId = row.querySelector('.toolkit-id').value; + const qty = row.querySelector('.quantity').value; + const price = row.querySelector('.price').value; + + // Strict: category and toolkit must match exact list entries + if (!catId) { + isValid = false; + errorMessage = `Выберите категорию из списка в строке ${index + 1}`; + row.querySelector('.category-input').classList.add('is-invalid'); + row.querySelector('.category-input').scrollIntoView({ behavior: 'smooth', block: 'center' }); + return; + } + if (!toolId) { + isValid = false; + errorMessage = `Выберите инструмент из списка в строке ${index + 1}`; + row.querySelector('.toolkit-input').classList.add('is-invalid'); + row.querySelector('.toolkit-input').scrollIntoView({ behavior: 'smooth', block: 'center' }); + return; + } + if (!qty || !price) { + isValid = false; + errorMessage = `Заполните все обязательные поля в строке ${index + 1}`; + if (!qty) row.querySelector('.quantity').classList.add('is-invalid'); + if (!price) row.querySelector('.price').classList.add('is-invalid'); + row.querySelector('.quantity').scrollIntoView({ behavior: 'smooth', block: 'center' }); + return; + } + + items.push({ + toolkit_id: parseInt(toolId), + quantity: parseInt(qty), + price: parseFloat(price.toString().replace(',', '.')), + placement: row.querySelector('.placement').value || null + }); + }); + + if (!isValid) { + document.getElementById('fillToolboxErrorMessage').textContent = errorMessage; + document.getElementById('fillToolboxError').classList.remove('d-none'); + document.getElementById('fillToolboxError').scrollIntoView({ behavior: 'smooth', block: 'center' }); + return; + } + + if (items.length === 0) { + document.getElementById('fillToolboxErrorMessage').textContent = 'Добавьте хотя бы одну позицию'; + document.getElementById('fillToolboxError').classList.remove('d-none'); + return; + } + + const submitBtn = modal.querySelector('#submitFillBtn'); + const spinner = modal.querySelector('#submitFillSpinner'); + const submitText = modal.querySelector('#submitFillText'); + + const originalText = submitText.textContent; + submitText.textContent = 'Нажмите еще раз для подтверждения (10 сек)'; + submitBtn.disabled = true; + + let confirmed = false; + const timeout = setTimeout(() => { + if (!confirmed) { + submitText.textContent = originalText; + submitBtn.disabled = false; + document.getElementById('fillToolboxError').classList.add('d-none'); + } + }, 10000); + + const confirmHandler = async function (ev) { + ev.preventDefault(); + confirmed = true; + clearTimeout(timeout); + + submitBtn.disabled = true; + spinner.style.display = 'inline-block'; + + try { + const response = await apiRequest('/toolbox/fill', { + toolboxId: toolboxInfo.id, + items: items, + reason: reason, + userId: userData.id + }, 'POST'); + + if (response.status === 'ok') { + showInfo('Склад успешно пополнен', 'success'); + bsModal.hide(); + await loadToolboxContent(toolboxInfo.id); + } else { + throw new Error(response.message || 'Ошибка при пополнении склада'); + } + } catch (error) { + console.error('Ошибка при пополнении склада:', error); + document.getElementById('fillToolboxErrorMessage').textContent = + error.message || 'Произошла ошибка при пополнении склада'; + document.getElementById('fillToolboxError').classList.remove('d-none'); + + submitBtn.disabled = false; + spinner.style.display = 'none'; + submitText.textContent = originalText; + } + + submitBtn.removeEventListener('click', confirmHandler); + }; + + submitBtn.addEventListener('click', confirmHandler, { once: true }); + submitBtn.disabled = false; + }); + + // cleanup on modal hide + modal.addEventListener('hidden.bs.modal', () => { + autocompleteInstances.clear(); + setTimeout(() => { + if (modal.parentNode) modal.remove(); }, 300); }); - // Показываем модальное окно + // Простой таймер для восстановления фокуса + let focusRestoreTimer = null; + + function restoreFocusIfLost() { + if (modal && bsModal._isShown) { + const activeElement = document.activeElement; + const isFocusInModal = modal.contains(activeElement); + + if (!isFocusInModal && activeElement !== document.body) { + // Фокус вне модалки - не восстанавливаем + return; + } + + if (!isFocusInModal || activeElement === document.body) { + // Фокус потерян или на body - восстанавливаем + const firstInput = rowsContainer.querySelector('.category-input'); + if (firstInput && firstInput.offsetParent !== null) { + firstInput.focus(); + } + } + } + } + + // Показываем модалку bsModal.show(); - // Устанавливаем фокус на первую категорию - setTimeout(() => { - const firstCategorySelect = rowsContainer.querySelector('.category-select'); - if (firstCategorySelect) { - firstCategorySelect.focus(); + // Устанавливаем фокус после полного отображения модалки + modal.addEventListener('shown.bs.modal', () => { + setTimeout(() => { + const firstCategoryInput = rowsContainer.querySelector('.category-input'); + if (firstCategoryInput) { + firstCategoryInput.focus(); + + // Показываем все категории при первом фокусе + const firstRow = rowsContainer.querySelector('tr'); + if (firstRow) { + const catAC = autocompleteInstances.get(firstRow.id)?.catAC; + if (catAC) { + const matches = categories + .sort((a, b) => a.title.localeCompare(b.title)) + .map(c => ({ id: c.id, title: c.title })); + catAC.show(matches); + } + } + } + + // Запускаем периодическую проверку фокуса + focusRestoreTimer = setInterval(restoreFocusIfLost, 1000); + }, 100); + }); + + // Останавливаем таймер при закрытии модалки + modal.addEventListener('hidden.bs.modal', () => { + if (focusRestoreTimer) { + clearInterval(focusRestoreTimer); + focusRestoreTimer = null; } - }, 500); + }); } async function deleteToolbox(toolboxId) { diff --git a/db/handlers/__pycache__/actions.cpython-313.pyc b/db/handlers/__pycache__/actions.cpython-313.pyc index ba8a3c4..bda3e2d 100644 Binary files a/db/handlers/__pycache__/actions.cpython-313.pyc and b/db/handlers/__pycache__/actions.cpython-313.pyc differ