810 lines
34 KiB
HTML
810 lines
34 KiB
HTML
{{define "title"}}Мои конфигурации - QuoteForge{{end}}
|
||
|
||
{{define "content"}}
|
||
<div class="space-y-4">
|
||
<h1 class="text-2xl font-bold">Мои конфигурации</h1>
|
||
|
||
<div id="action-buttons" class="mt-4 grid grid-cols-1 sm:grid-cols-2 gap-3">
|
||
<button onclick="openCreateModal()" class="py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 font-medium">
|
||
+ Создать новую конфигурацию
|
||
</button>
|
||
<button id="import-configs-btn" onclick="importConfigsFromServer()" class="py-3 bg-emerald-600 text-white rounded-lg hover:bg-emerald-700 font-medium">
|
||
Импорт с сервера
|
||
</button>
|
||
</div>
|
||
|
||
<div class="mt-4 inline-flex rounded-lg border border-gray-200 overflow-hidden">
|
||
<button id="status-active-btn" onclick="setConfigStatusMode('active')" class="px-4 py-2 text-sm font-medium bg-blue-600 text-white">
|
||
Активные
|
||
</button>
|
||
<button id="status-archived-btn" onclick="setConfigStatusMode('archived')" class="px-4 py-2 text-sm font-medium bg-white text-gray-700 hover:bg-gray-50 border-l border-gray-200">
|
||
Архив
|
||
</button>
|
||
</div>
|
||
|
||
<div class="max-w-md">
|
||
<input id="configs-search" type="text" placeholder="Поиск квоты по названию"
|
||
class="w-full px-3 py-2 border rounded focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
||
</div>
|
||
|
||
<div id="pricelist-badge" class="mt-4 text-sm text-gray-600 hidden">
|
||
<span class="bg-blue-100 text-blue-800 px-2 py-1 rounded-full">
|
||
<svg class="w-4 h-4 inline mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
|
||
</svg>
|
||
Активный прайслист: <span id="pricelist-version">-</span>
|
||
</span>
|
||
</div>
|
||
|
||
<div id="configs-list">
|
||
<div class="text-center py-8 text-gray-500">Загрузка...</div>
|
||
</div>
|
||
|
||
<!-- Pagination -->
|
||
<div id="pagination" class="flex justify-between items-center mt-4 pt-4 border-t hidden">
|
||
<span id="page-info" class="text-sm text-gray-600"></span>
|
||
<div class="flex gap-2">
|
||
<button onclick="prevPage()" id="btn-prev" class="px-3 py-1 border rounded text-sm disabled:opacity-50">Назад</button>
|
||
<button onclick="nextPage()" id="btn-next" class="px-3 py-1 border rounded text-sm disabled:opacity-50">Вперед</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Modal for creating new configuration -->
|
||
<div id="create-modal" class="fixed inset-0 bg-black bg-opacity-50 hidden items-center justify-center z-50">
|
||
<div class="bg-white rounded-lg shadow-xl w-full max-w-md mx-4 p-6">
|
||
<h2 class="text-xl font-semibold mb-4">Новая конфигурация</h2>
|
||
|
||
<div class="space-y-4">
|
||
<div>
|
||
<label class="block text-sm font-medium text-gray-700 mb-1">Номер Opportunity</label>
|
||
<input type="text" id="opportunity-number" placeholder="Например: OPP-2024-001"
|
||
class="w-full px-3 py-2 border rounded focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
||
</div>
|
||
<div>
|
||
<label class="block text-sm font-medium text-gray-700 mb-1">Проект</label>
|
||
<select id="create-project-select"
|
||
class="w-full px-3 py-2 border rounded focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
||
<option value="">Без проекта</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end space-x-3 mt-6">
|
||
<button onclick="closeCreateModal()" class="px-4 py-2 text-gray-600 hover:text-gray-800">
|
||
Отмена
|
||
</button>
|
||
<button onclick="createConfig()" class="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">
|
||
Создать
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Modal for renaming configuration -->
|
||
<div id="rename-modal" class="fixed inset-0 bg-black bg-opacity-50 hidden items-center justify-center z-50">
|
||
<div class="bg-white rounded-lg shadow-xl w-full max-w-md mx-4 p-6">
|
||
<h2 class="text-xl font-semibold mb-4">Переименовать конфигурацию</h2>
|
||
|
||
<div class="space-y-4">
|
||
<div>
|
||
<label class="block text-sm font-medium text-gray-700 mb-1">Новое название</label>
|
||
<input type="text" id="rename-input" placeholder="Введите новое название"
|
||
class="w-full px-3 py-2 border rounded focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
||
<input type="hidden" id="rename-uuid">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end space-x-3 mt-6">
|
||
<button onclick="closeRenameModal()" class="px-4 py-2 text-gray-600 hover:text-gray-800">
|
||
Отмена
|
||
</button>
|
||
<button onclick="renameConfig()" class="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">
|
||
Сохранить
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Modal for cloning configuration -->
|
||
<div id="clone-modal" class="fixed inset-0 bg-black bg-opacity-50 hidden items-center justify-center z-50">
|
||
<div class="bg-white rounded-lg shadow-xl w-full max-w-md mx-4 p-6">
|
||
<h2 class="text-xl font-semibold mb-4">Копировать конфигурацию</h2>
|
||
|
||
<div class="space-y-4">
|
||
<div>
|
||
<label class="block text-sm font-medium text-gray-700 mb-1">Название копии</label>
|
||
<input type="text" id="clone-input" placeholder="Введите название"
|
||
class="w-full px-3 py-2 border rounded focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
||
<input type="hidden" id="clone-uuid">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end space-x-3 mt-6">
|
||
<button onclick="closeCloneModal()" class="px-4 py-2 text-gray-600 hover:text-gray-800">
|
||
Отмена
|
||
</button>
|
||
<button onclick="cloneConfig()" class="px-4 py-2 bg-green-600 text-white rounded hover:bg-green-700">
|
||
Копировать
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Modal for moving configuration to another project -->
|
||
<div id="move-project-modal" class="fixed inset-0 bg-black bg-opacity-50 hidden items-center justify-center z-50">
|
||
<div class="bg-white rounded-lg shadow-xl w-full max-w-md mx-4 p-6">
|
||
<h2 class="text-xl font-semibold mb-4">Перенести в проект</h2>
|
||
|
||
<div class="space-y-4">
|
||
<div class="text-sm text-gray-600">
|
||
Квота: <span id="move-project-config-name" class="font-medium text-gray-900"></span>
|
||
</div>
|
||
<div>
|
||
<label class="block text-sm font-medium text-gray-700 mb-1">Проект</label>
|
||
<input id="move-project-input"
|
||
list="move-project-options"
|
||
placeholder="Начните вводить название проекта"
|
||
class="w-full px-3 py-2 border rounded focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
||
<datalist id="move-project-options"></datalist>
|
||
<div class="mt-2 flex justify-between items-center gap-3">
|
||
<button type="button" onclick="clearMoveProjectInput()" class="text-sm text-gray-600 hover:text-gray-800">
|
||
Без проекта
|
||
</button>
|
||
</div>
|
||
<input type="hidden" id="move-project-uuid">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end space-x-3 mt-6">
|
||
<button onclick="closeMoveProjectModal()" class="px-4 py-2 text-gray-600 hover:text-gray-800">
|
||
Отмена
|
||
</button>
|
||
<button onclick="confirmMoveProject()" class="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">
|
||
Перенести
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Modal for creating project during move -->
|
||
<div id="create-project-on-move-modal" class="fixed inset-0 bg-black bg-opacity-50 hidden items-center justify-center z-50">
|
||
<div class="bg-white rounded-lg shadow-xl w-full max-w-md mx-4 p-6">
|
||
<h2 class="text-xl font-semibold mb-3">Проект не найден</h2>
|
||
<p class="text-sm text-gray-600 mb-4">Проект "<span id="create-project-on-move-name" class="font-medium text-gray-900"></span>" не найден. Создать и привязать квоту?</p>
|
||
<div class="flex justify-end space-x-3">
|
||
<button onclick="closeCreateProjectOnMoveModal()" class="px-4 py-2 text-gray-600 hover:text-gray-800">Отмена</button>
|
||
<button onclick="confirmCreateProjectOnMove()" class="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">Создать и привязать</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// Pagination state
|
||
let currentPage = 1;
|
||
let totalPages = 1;
|
||
let perPage = 20;
|
||
let configStatusMode = 'active';
|
||
let configsSearch = '';
|
||
let projectsCache = [];
|
||
let projectNameByUUID = {};
|
||
let pendingMoveConfigUUID = '';
|
||
let pendingMoveProjectName = '';
|
||
|
||
function renderConfigs(configs) {
|
||
const emptyText = configStatusMode === 'archived'
|
||
? 'Архив пуст'
|
||
: 'Нет сохраненных конфигураций';
|
||
if (configs.length === 0) {
|
||
document.getElementById('configs-list').innerHTML =
|
||
'<div class="bg-white rounded-lg shadow p-8 text-center text-gray-500">' + emptyText + '</div>';
|
||
return;
|
||
}
|
||
|
||
let html = '<div class="bg-white rounded-lg shadow overflow-hidden"><table class="w-full">';
|
||
html += '<thead class="bg-gray-50"><tr>';
|
||
html += '<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Дата</th>';
|
||
html += '<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Проект</th>';
|
||
html += '<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Название</th>';
|
||
html += '<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Автор</th>';
|
||
html += '<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Цена (за 1 шт)</th>';
|
||
html += '<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Кол-во</th>';
|
||
html += '<th class="px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase">Сумма</th>';
|
||
html += '<th class="px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase">Действия</th>';
|
||
html += '</tr></thead><tbody class="divide-y">';
|
||
|
||
configs.forEach(c => {
|
||
const date = new Date(c.created_at).toLocaleDateString('ru-RU');
|
||
const total = c.total_price ? '$' + c.total_price.toLocaleString('en-US', {minimumFractionDigits: 2}) : '—';
|
||
const serverCount = c.server_count ? c.server_count : 1;
|
||
const author = c.owner_username || (c.user && c.user.username) || '—';
|
||
const projectName = c.project_uuid && projectNameByUUID[c.project_uuid]
|
||
? projectNameByUUID[c.project_uuid]
|
||
: 'Без проекта';
|
||
|
||
// Calculate price per unit (total / server count)
|
||
let pricePerUnit = '—';
|
||
if (c.total_price && serverCount > 0) {
|
||
const unitPrice = c.total_price / serverCount;
|
||
pricePerUnit = '$' + unitPrice.toLocaleString('en-US', {minimumFractionDigits: 2});
|
||
}
|
||
|
||
html += '<tr class="hover:bg-gray-50">';
|
||
html += '<td class="px-4 py-3 text-sm text-gray-500">' + date + '</td>';
|
||
if (configStatusMode === 'archived') {
|
||
if (c.project_uuid) {
|
||
html += '<td class="px-4 py-3 text-sm"><a href="/projects/' + c.project_uuid + '" class="text-blue-600 hover:text-blue-800 hover:underline">' + escapeHtml(projectName) + '</a></td>';
|
||
} else {
|
||
html += '<td class="px-4 py-3 text-sm text-gray-500">' + escapeHtml(projectName) + '</td>';
|
||
}
|
||
} else {
|
||
if (c.project_uuid) {
|
||
html += '<td class="px-4 py-3 text-sm"><a href="/projects/' + c.project_uuid + '" class="text-blue-600 hover:text-blue-800 hover:underline">' + escapeHtml(projectName) + '</a></td>';
|
||
} else {
|
||
html += '<td class="px-4 py-3 text-sm text-gray-700">' + escapeHtml(projectName) + '</td>';
|
||
}
|
||
}
|
||
if (configStatusMode === 'archived') {
|
||
html += '<td class="px-4 py-3 text-sm font-medium text-gray-700">' + escapeHtml(c.name) + '</td>';
|
||
} else {
|
||
html += '<td class="px-4 py-3 text-sm font-medium"><a href="/configurator?uuid=' + c.uuid + '" class="text-blue-600 hover:text-blue-800 hover:underline">' + escapeHtml(c.name) + '</a></td>';
|
||
}
|
||
html += '<td class="px-4 py-3 text-sm text-gray-500">' + escapeHtml(author) + '</td>';
|
||
html += '<td class="px-4 py-3 text-sm text-gray-500">' + pricePerUnit + '</td>';
|
||
html += '<td class="px-4 py-3 text-sm text-gray-500">' + serverCount + '</td>';
|
||
html += '<td class="px-4 py-3 text-sm text-right">' + total + '</td>';
|
||
html += '<td class="px-4 py-3 text-sm text-right space-x-2">';
|
||
if (configStatusMode === 'archived') {
|
||
html += '<button onclick="reactivateConfig(\'' + c.uuid + '\')" class="text-emerald-600 hover:text-emerald-800" title="Восстановить">';
|
||
html += '<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">';
|
||
html += '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>';
|
||
html += '</svg>';
|
||
html += '</button>';
|
||
} else {
|
||
html += '<button onclick="openMoveProjectModal(\'' + c.uuid + '\', \'' + escapeHtml(c.name).replace(/'/g, "\\'") + '\', \'' + (c.project_uuid || '') + '\')" class="text-indigo-600 hover:text-indigo-800" title="Перенести в проект">';
|
||
html += '<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">';
|
||
html += '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16V4m0 0l-3 3m3-3l3 3m7 1v12m0 0l-3-3m3 3l3-3"></path>';
|
||
html += '</svg>';
|
||
html += '</button>';
|
||
html += '<button onclick="openCloneModal(\'' + c.uuid + '\', \'' + escapeHtml(c.name).replace(/'/g, "\\'") + '\')" class="text-green-600 hover:text-green-800" title="Копировать">';
|
||
html += '<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">';
|
||
html += '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path>';
|
||
html += '</svg>';
|
||
html += '</button>';
|
||
html += '<button onclick="openRenameModal(\'' + c.uuid + '\', \'' + escapeHtml(c.name).replace(/'/g, "\\'") + '\')" class="text-blue-600 hover:text-blue-800" title="Переименовать">';
|
||
html += '<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">';
|
||
html += '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"></path>';
|
||
html += '</svg>';
|
||
html += '</button>';
|
||
html += '<button onclick="deleteConfig(\'' + c.uuid + '\')" class="text-red-600 hover:text-red-800" title="В архив">';
|
||
html += '<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">';
|
||
html += '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path>';
|
||
html += '</svg>';
|
||
html += '</button>';
|
||
}
|
||
html += '</td></tr>';
|
||
});
|
||
|
||
html += '</tbody></table></div>';
|
||
document.getElementById('configs-list').innerHTML = html;
|
||
}
|
||
|
||
function escapeHtml(text) {
|
||
const div = document.createElement('div');
|
||
div.textContent = text;
|
||
return div.innerHTML;
|
||
}
|
||
|
||
async function deleteConfig(uuid) {
|
||
if (!confirm('Переместить конфигурацию в архив?')) return;
|
||
await fetch('/api/configs/' + uuid, {
|
||
method: 'DELETE'
|
||
});
|
||
loadConfigs();
|
||
}
|
||
|
||
async function reactivateConfig(uuid) {
|
||
if (!confirm('Восстановить конфигурацию из архива?')) return;
|
||
const resp = await fetch('/api/configs/' + uuid + '/reactivate', {
|
||
method: 'POST'
|
||
});
|
||
if (!resp.ok) {
|
||
alert('Не удалось восстановить конфигурацию');
|
||
return;
|
||
}
|
||
loadConfigs();
|
||
}
|
||
|
||
function openRenameModal(uuid, currentName) {
|
||
document.getElementById('rename-uuid').value = uuid;
|
||
document.getElementById('rename-input').value = currentName;
|
||
document.getElementById('rename-modal').classList.remove('hidden');
|
||
document.getElementById('rename-modal').classList.add('flex');
|
||
document.getElementById('rename-input').focus();
|
||
document.getElementById('rename-input').select();
|
||
}
|
||
|
||
function closeRenameModal() {
|
||
document.getElementById('rename-modal').classList.add('hidden');
|
||
document.getElementById('rename-modal').classList.remove('flex');
|
||
}
|
||
|
||
async function renameConfig() {
|
||
const uuid = document.getElementById('rename-uuid').value;
|
||
const name = document.getElementById('rename-input').value.trim();
|
||
|
||
if (!name) {
|
||
alert('Введите название');
|
||
return;
|
||
}
|
||
|
||
try {
|
||
const resp = await fetch('/api/configs/' + uuid + '/rename', {
|
||
method: 'PATCH',
|
||
headers: {
|
||
'Content-Type': 'application/json'
|
||
},
|
||
body: JSON.stringify({ name: name })
|
||
});
|
||
|
||
if (!resp.ok) {
|
||
const err = await resp.json();
|
||
alert('Ошибка: ' + (err.error || 'Не удалось переименовать'));
|
||
return;
|
||
}
|
||
|
||
closeRenameModal();
|
||
loadConfigs();
|
||
} catch(e) {
|
||
alert('Ошибка переименования');
|
||
}
|
||
}
|
||
|
||
function openCloneModal(uuid, currentName) {
|
||
document.getElementById('clone-uuid').value = uuid;
|
||
document.getElementById('clone-input').value = currentName + ' (копия)';
|
||
document.getElementById('clone-modal').classList.remove('hidden');
|
||
document.getElementById('clone-modal').classList.add('flex');
|
||
document.getElementById('clone-input').focus();
|
||
document.getElementById('clone-input').select();
|
||
}
|
||
|
||
function closeCloneModal() {
|
||
document.getElementById('clone-modal').classList.add('hidden');
|
||
document.getElementById('clone-modal').classList.remove('flex');
|
||
}
|
||
|
||
async function cloneConfig() {
|
||
const uuid = document.getElementById('clone-uuid').value;
|
||
const name = document.getElementById('clone-input').value.trim();
|
||
|
||
if (!name) {
|
||
alert('Введите название');
|
||
return;
|
||
}
|
||
|
||
try {
|
||
const resp = await fetch('/api/configs/' + uuid + '/clone', {
|
||
method: 'POST',
|
||
headers: {
|
||
'Content-Type': 'application/json'
|
||
},
|
||
body: JSON.stringify({ name: name })
|
||
});
|
||
|
||
if (!resp.ok) {
|
||
const err = await resp.json();
|
||
alert('Ошибка: ' + (err.error || 'Не удалось скопировать'));
|
||
return;
|
||
}
|
||
|
||
closeCloneModal();
|
||
loadConfigs();
|
||
} catch(e) {
|
||
alert('Ошибка копирования');
|
||
}
|
||
}
|
||
|
||
function openCreateModal() {
|
||
document.getElementById('opportunity-number').value = '';
|
||
document.getElementById('create-modal').classList.remove('hidden');
|
||
document.getElementById('create-modal').classList.add('flex');
|
||
document.getElementById('opportunity-number').focus();
|
||
}
|
||
|
||
function closeCreateModal() {
|
||
document.getElementById('create-modal').classList.add('hidden');
|
||
document.getElementById('create-modal').classList.remove('flex');
|
||
}
|
||
|
||
async function createConfig() {
|
||
const name = document.getElementById('opportunity-number').value.trim();
|
||
|
||
if (!name) {
|
||
alert('Введите номер Opportunity');
|
||
return;
|
||
}
|
||
|
||
const projectUUID = document.getElementById('create-project-select').value;
|
||
|
||
try {
|
||
const resp = await fetch('/api/configs', {
|
||
method: 'POST',
|
||
headers: {
|
||
'Content-Type': 'application/json'
|
||
},
|
||
body: JSON.stringify({
|
||
name: name,
|
||
items: [],
|
||
notes: '',
|
||
server_count: 1,
|
||
project_uuid: projectUUID || null
|
||
})
|
||
});
|
||
|
||
if (!resp.ok) {
|
||
const err = await resp.json();
|
||
alert('Ошибка: ' + (err.error || 'Не удалось создать'));
|
||
return;
|
||
}
|
||
|
||
const config = await resp.json();
|
||
window.location.href = '/configurator?uuid=' + config.uuid;
|
||
} catch(e) {
|
||
alert('Ошибка создания конфигурации');
|
||
}
|
||
}
|
||
|
||
function openMoveProjectModal(uuid, configName, currentProjectUUID) {
|
||
document.getElementById('move-project-uuid').value = uuid;
|
||
document.getElementById('move-project-config-name').textContent = configName;
|
||
|
||
const input = document.getElementById('move-project-input');
|
||
const options = document.getElementById('move-project-options');
|
||
options.innerHTML = '';
|
||
projectsCache.forEach(project => {
|
||
if (!project.is_active) return;
|
||
const option = document.createElement('option');
|
||
option.value = project.name;
|
||
options.appendChild(option);
|
||
});
|
||
|
||
if (currentProjectUUID && projectNameByUUID[currentProjectUUID]) {
|
||
input.value = projectNameByUUID[currentProjectUUID];
|
||
} else {
|
||
input.value = '';
|
||
}
|
||
|
||
document.getElementById('move-project-modal').classList.remove('hidden');
|
||
document.getElementById('move-project-modal').classList.add('flex');
|
||
}
|
||
|
||
function closeMoveProjectModal() {
|
||
document.getElementById('move-project-modal').classList.add('hidden');
|
||
document.getElementById('move-project-modal').classList.remove('flex');
|
||
}
|
||
|
||
async function confirmMoveProject() {
|
||
const uuid = document.getElementById('move-project-uuid').value;
|
||
const projectName = document.getElementById('move-project-input').value.trim();
|
||
|
||
if (!uuid) return;
|
||
let projectUUID = '';
|
||
|
||
if (projectName) {
|
||
const existingProject = projectsCache.find(p => p.is_active && p.name.toLowerCase() === projectName.toLowerCase());
|
||
if (existingProject) {
|
||
projectUUID = existingProject.uuid;
|
||
} else {
|
||
pendingMoveConfigUUID = uuid;
|
||
pendingMoveProjectName = projectName;
|
||
openCreateProjectOnMoveModal(projectName);
|
||
return;
|
||
}
|
||
}
|
||
|
||
await moveConfigToProject(uuid, projectUUID);
|
||
}
|
||
|
||
function clearMoveProjectInput() {
|
||
document.getElementById('move-project-input').value = '';
|
||
}
|
||
|
||
function openCreateProjectOnMoveModal(projectName) {
|
||
document.getElementById('create-project-on-move-name').textContent = projectName;
|
||
document.getElementById('create-project-on-move-modal').classList.remove('hidden');
|
||
document.getElementById('create-project-on-move-modal').classList.add('flex');
|
||
}
|
||
|
||
function closeCreateProjectOnMoveModal() {
|
||
document.getElementById('create-project-on-move-modal').classList.add('hidden');
|
||
document.getElementById('create-project-on-move-modal').classList.remove('flex');
|
||
pendingMoveConfigUUID = '';
|
||
pendingMoveProjectName = '';
|
||
}
|
||
|
||
async function confirmCreateProjectOnMove() {
|
||
const configUUID = pendingMoveConfigUUID;
|
||
const projectName = pendingMoveProjectName;
|
||
if (!configUUID || !projectName) {
|
||
closeCreateProjectOnMoveModal();
|
||
return;
|
||
}
|
||
|
||
try {
|
||
const createResp = await fetch('/api/projects', {
|
||
method: 'POST',
|
||
headers: {'Content-Type': 'application/json'},
|
||
body: JSON.stringify({ name: projectName })
|
||
});
|
||
if (!createResp.ok) {
|
||
const err = await createResp.json();
|
||
alert('Не удалось создать проект: ' + (err.error || 'ошибка'));
|
||
return;
|
||
}
|
||
|
||
const newProject = await createResp.json();
|
||
const moved = await moveConfigToProject(configUUID, newProject.uuid);
|
||
if (moved) {
|
||
closeCreateProjectOnMoveModal();
|
||
closeMoveProjectModal();
|
||
}
|
||
} catch (e) {
|
||
alert('Ошибка создания проекта');
|
||
}
|
||
}
|
||
|
||
async function moveConfigToProject(uuid, projectUUID) {
|
||
try {
|
||
const resp = await fetch('/api/configs/' + uuid + '/project', {
|
||
method: 'PATCH',
|
||
headers: {
|
||
'Content-Type': 'application/json'
|
||
},
|
||
body: JSON.stringify({ project_uuid: projectUUID })
|
||
});
|
||
if (!resp.ok) {
|
||
const err = await resp.json();
|
||
alert('Не удалось перенести квоту: ' + (err.error || 'ошибка'));
|
||
return false;
|
||
}
|
||
closeMoveProjectModal();
|
||
await loadProjectsForConfigUI();
|
||
await loadConfigs();
|
||
return true;
|
||
} catch (e) {
|
||
alert('Ошибка переноса квоты');
|
||
return false;
|
||
}
|
||
}
|
||
|
||
// Close modal on outside click
|
||
document.getElementById('create-modal').addEventListener('click', function(e) {
|
||
if (e.target === this) {
|
||
closeCreateModal();
|
||
}
|
||
});
|
||
|
||
document.getElementById('rename-modal').addEventListener('click', function(e) {
|
||
if (e.target === this) {
|
||
closeRenameModal();
|
||
}
|
||
});
|
||
|
||
document.getElementById('clone-modal').addEventListener('click', function(e) {
|
||
if (e.target === this) {
|
||
closeCloneModal();
|
||
}
|
||
});
|
||
|
||
document.getElementById('move-project-modal').addEventListener('click', function(e) {
|
||
if (e.target === this) {
|
||
closeMoveProjectModal();
|
||
}
|
||
});
|
||
|
||
document.getElementById('create-project-on-move-modal').addEventListener('click', function(e) {
|
||
if (e.target === this) {
|
||
closeCreateProjectOnMoveModal();
|
||
}
|
||
});
|
||
|
||
// Close modal on Escape key
|
||
document.addEventListener('keydown', function(e) {
|
||
if (e.key === 'Escape') {
|
||
closeCreateModal();
|
||
closeRenameModal();
|
||
closeCloneModal();
|
||
closeMoveProjectModal();
|
||
closeCreateProjectOnMoveModal();
|
||
}
|
||
});
|
||
|
||
// Submit rename on Enter key
|
||
document.getElementById('rename-input').addEventListener('keydown', function(e) {
|
||
if (e.key === 'Enter') {
|
||
renameConfig();
|
||
}
|
||
});
|
||
|
||
// Submit clone on Enter key
|
||
document.getElementById('clone-input').addEventListener('keydown', function(e) {
|
||
if (e.key === 'Enter') {
|
||
cloneConfig();
|
||
}
|
||
});
|
||
|
||
function prevPage() {
|
||
if (currentPage > 1) {
|
||
currentPage--;
|
||
loadConfigs();
|
||
}
|
||
}
|
||
|
||
function nextPage() {
|
||
if (currentPage < totalPages) {
|
||
currentPage++;
|
||
loadConfigs();
|
||
}
|
||
}
|
||
|
||
function updatePagination(total) {
|
||
totalPages = Math.max(1, Math.ceil(total / perPage));
|
||
document.getElementById('page-info').textContent =
|
||
'Страница ' + currentPage + ' из ' + totalPages + ' (всего: ' + total + ')';
|
||
document.getElementById('btn-prev').disabled = currentPage <= 1;
|
||
document.getElementById('btn-next').disabled = currentPage >= totalPages;
|
||
if (total <= perPage) {
|
||
document.getElementById('pagination').classList.add('hidden');
|
||
} else {
|
||
document.getElementById('pagination').classList.remove('hidden');
|
||
}
|
||
}
|
||
|
||
function setConfigStatusMode(mode) {
|
||
if (mode !== 'active' && mode !== 'archived') return;
|
||
configStatusMode = mode;
|
||
currentPage = 1;
|
||
applyStatusModeUI();
|
||
loadConfigs();
|
||
}
|
||
|
||
function applyStatusModeUI() {
|
||
const activeBtn = document.getElementById('status-active-btn');
|
||
const archivedBtn = document.getElementById('status-archived-btn');
|
||
const actionButtons = document.getElementById('action-buttons');
|
||
|
||
if (configStatusMode === 'archived') {
|
||
activeBtn.className = 'px-4 py-2 text-sm font-medium bg-white text-gray-700 hover:bg-gray-50';
|
||
archivedBtn.className = 'px-4 py-2 text-sm font-medium bg-blue-600 text-white border-l border-gray-200';
|
||
actionButtons.classList.add('hidden');
|
||
} else {
|
||
activeBtn.className = 'px-4 py-2 text-sm font-medium bg-blue-600 text-white';
|
||
archivedBtn.className = 'px-4 py-2 text-sm font-medium bg-white text-gray-700 hover:bg-gray-50 border-l border-gray-200';
|
||
actionButtons.classList.remove('hidden');
|
||
}
|
||
}
|
||
|
||
// Load configs with pagination
|
||
async function loadConfigs() {
|
||
try {
|
||
const resp = await fetch('/api/configs?page=' + currentPage + '&per_page=' + perPage + '&status=' + configStatusMode + '&search=' + encodeURIComponent(configsSearch));
|
||
|
||
if (!resp.ok) {
|
||
document.getElementById('configs-list').innerHTML =
|
||
'<div class="bg-white rounded-lg shadow p-8 text-center text-red-600">Ошибка загрузки</div>';
|
||
return;
|
||
}
|
||
|
||
const data = await resp.json();
|
||
renderConfigs(data.configurations || []);
|
||
updatePagination(data.total);
|
||
} catch(e) {
|
||
document.getElementById('configs-list').innerHTML =
|
||
'<div class="bg-white rounded-lg shadow p-8 text-center text-red-600">Ошибка загрузки</div>';
|
||
}
|
||
}
|
||
|
||
async function importConfigsFromServer() {
|
||
const button = document.getElementById('import-configs-btn');
|
||
const originalText = button.textContent;
|
||
button.disabled = true;
|
||
button.textContent = 'Импорт...';
|
||
|
||
try {
|
||
const resp = await fetch('/api/configs/import', { method: 'POST' });
|
||
const data = await resp.json();
|
||
|
||
if (!resp.ok) {
|
||
alert('Ошибка импорта: ' + (data.error || 'неизвестная ошибка'));
|
||
return;
|
||
}
|
||
|
||
alert(
|
||
'Импорт завершен:\n' +
|
||
'- Новых: ' + (data.imported || 0) + '\n' +
|
||
'- Обновлено: ' + (data.updated || 0) + '\n' +
|
||
'- Пропущено (локальные изменения): ' + (data.skipped || 0)
|
||
);
|
||
|
||
currentPage = 1;
|
||
await loadConfigs();
|
||
} catch (e) {
|
||
alert('Ошибка импорта с сервера');
|
||
} finally {
|
||
button.disabled = false;
|
||
button.textContent = originalText;
|
||
}
|
||
}
|
||
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
applyStatusModeUI();
|
||
loadProjectsForConfigUI().then(loadConfigs);
|
||
|
||
// Load latest pricelist version for badge
|
||
loadLatestPricelistVersion();
|
||
});
|
||
|
||
document.getElementById('configs-search').addEventListener('input', function(e) {
|
||
configsSearch = (e.target.value || '').trim();
|
||
currentPage = 1;
|
||
loadConfigs();
|
||
});
|
||
|
||
async function loadProjectsForConfigUI() {
|
||
projectsCache = [];
|
||
projectNameByUUID = {};
|
||
try {
|
||
const resp = await fetch('/api/projects?status=all');
|
||
if (!resp.ok) return;
|
||
const data = await resp.json();
|
||
projectsCache = (data.projects || []);
|
||
|
||
const select = document.getElementById('create-project-select');
|
||
if (select) {
|
||
select.innerHTML = '<option value="">Без проекта</option>';
|
||
projectsCache.forEach(project => {
|
||
projectNameByUUID[project.uuid] = project.name;
|
||
if (!project.is_active) return;
|
||
const option = document.createElement('option');
|
||
option.value = project.uuid;
|
||
option.textContent = project.name;
|
||
select.appendChild(option);
|
||
});
|
||
}
|
||
} catch (e) {
|
||
// keep default behavior without project selection data
|
||
}
|
||
}
|
||
|
||
async function loadLatestPricelistVersion() {
|
||
try {
|
||
const resp = await fetch('/api/pricelists/latest');
|
||
if (resp.ok) {
|
||
const pricelist = await resp.json();
|
||
document.getElementById('pricelist-version').textContent = pricelist.version;
|
||
document.getElementById('pricelist-badge').classList.remove('hidden');
|
||
} else if (resp.status === 404) {
|
||
// No active pricelist (normal in offline mode or when not synced)
|
||
document.getElementById('pricelist-version').textContent = 'Не загружен';
|
||
document.getElementById('pricelist-badge').classList.remove('hidden');
|
||
document.getElementById('pricelist-badge').classList.add('bg-gray-100', 'text-gray-600');
|
||
} else {
|
||
// Real error
|
||
document.getElementById('pricelist-version').textContent = 'Ошибка загрузки';
|
||
document.getElementById('pricelist-badge').classList.remove('hidden');
|
||
document.getElementById('pricelist-badge').classList.add('bg-red-100', 'text-red-800');
|
||
}
|
||
} catch(e) {
|
||
// Network error or other exception
|
||
console.error('Failed to load pricelist version:', e);
|
||
document.getElementById('pricelist-version').textContent = 'Не доступен';
|
||
document.getElementById('pricelist-badge').classList.remove('hidden');
|
||
document.getElementById('pricelist-badge').classList.add('bg-gray-100', 'text-gray-600');
|
||
}
|
||
}
|
||
</script>
|
||
{{end}}
|
||
|
||
{{template "base" .}}
|