From 56584cc8ffdbac00f75ab9dfce88962e6e6646be Mon Sep 17 00:00:00 2001 From: Macbook Date: Thu, 11 Dec 2025 11:39:50 +0300 Subject: [PATCH] =?UTF-8?q?=D0=BF=D0=BE=D0=B8=D1=81=D0=BA=20=D0=B8=D0=BD?= =?UTF-8?q?=D1=81=D1=82=D1=80=D1=83=D0=BC=D0=B5=D0=BD=D1=82=D0=BE=D0=B2=20?= =?UTF-8?q?=D0=BF=D1=80=D0=B8=20=D0=BF=D0=BE=D0=BF=D0=BE=D0=BB=D0=B5=D0=BD?= =?UTF-8?q?=D0=B8=D0=B8=20=D1=81=D0=BA=D0=BB=D0=B0=D0=B4=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../__pycache__/toolkit.cpython-313.pyc | Bin 4492 -> 4413 bytes api/routers/toolkit.py | 5 +- api/static/js/index.js | 1033 +++++++++++------ .../__pycache__/actions.cpython-313.pyc | Bin 26353 -> 26312 bytes 4 files changed, 677 insertions(+), 361 deletions(-) diff --git a/api/routers/__pycache__/toolkit.cpython-313.pyc b/api/routers/__pycache__/toolkit.cpython-313.pyc index d8e472bd565d0fc1b9be796592ff6d5c558b2c9c..419d40a0700443f913b3bb92980a547bd59ec9d3 100644 GIT binary patch delta 758 zcmaiwO=uHA6vt;Kv)kPyyV1aOaFarN z3toyKUPcds2kEH@9wd0MAha}KPnue>A&4gr7B7K%EjSbG!BZd1Z~pJ`e{VjX=pVe& zp(I%Wjr_``)WloqH@skA0Cb>%=O6}qKn!)E42*+m$Xx$N%rfw=It|G%YLzo6fsQTH zm^`#MsxdB(WYCX}of;s^=w{nV(|#e(NuFY-MTg=y05Z0?Kri6qnn?yn;S|}x?Km#h zOF3>8fXT;Xjq8QX;^SxN4JS7U=7(T~T;@H}I{}Qt>l1bMkPP2RQ>K1*IVbdetopKtWglAW&HB0b~)6hKV? zE#CFMT}M~Js3@)bingn0uUvad=f2|KRs8FTJtb6#e8<++=%Z*^O_c8>%Zd52vhWq( z|5-c~f{>##8g(*ieb09Q)m`(EBdZ%u5|^#*w%hQ+t!8LA@K(!}08O?9XsCEwY-PFw z8clfnoRjH6)o|mI$WvW%sKyyw@`T4|^0D1dxuZhHraIkL!&`i6;}Gm6&!k(hn;b|1 zI8IK>SNR})oH;;dWS6&_$w7vT6b4;6k)i-LJ9h@ZgkxriypV%XC!b{B(0S$?VHjl? zV>nBZ<0v#1CYx8a&!^JqyX@a*v&&|fmPU&GjyJHK{cJrq2bc;m)H{UX2idu$baK?Z gMzAyD4#38W>iT1$`=JG(DOf{P*6xv{Q^&0BFJc&_KL7v# delta 736 zcmYk4Uq}=|9LHyNXV$&F+iP$AcZk?}XQXi+=ifSwv$F8k!~S^QgZfbEopO2I;@%1Q zQqoHxK@USCxBncUU%y0Pq71JOptV0&y-1M`!GEwf{sR$orw=CjePzLZrDNl!AG(gzD&88cI0(J!IEaxPx0JxT5||&}P{K3%PT{TC3M&sp zAeTOf&Bo^NGwG4^#I@-zK`TNvi+wQKj#m607PqR=Fe(ZHjf*Zd8bQUHZa)>PIKbEf8QX1!C7myHIWY&D z$pv`;hR9>N5k|?Xd_K}f&t`;hTE_ z*0H~AYkNCp2a{|EmU#N6k(|n;B4!_Xqv+lsEZbHq4tV 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 ba8a3c440757133b624014fb88fbdc248d969a38..bda3e2d706e9e42efec5973d99af562aadc8a656 100644 GIT binary patch delta 2255 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