ack/MES_Core
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Создали планирование
All checks were successful
Deploy MES Core / deploy (push) Successful in 12s
Details

Browse Source
This commit is contained in:
ackFromRedmi
2026-03-30 01:39:22 +03:00
parent 78d4a1a04f
commit c9ff66a36b
6 changed files with 1053 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
shiftflow/templates/shiftflow/planning.html Normal file
View File

@@ -0,0 +1,122 @@
{% extends 'base.html' %}
{% block content %}
<div class="card shadow border-secondary">
<div class="card-header border-secondary py-3 d-flex justify-content-between align-items-center">
<h3 class="text-accent mb-0"><i class="bi bi-kanban me-2"></i>Планирование</h3>
<a class="btn btn-outline-accent btn-sm" href="{% url 'task_add' %}">
<i class="bi bi-plus-lg me-1"></i>Добавить
</a>
</div>
<div class="card-body p-0">
<div class="table-responsive">
<table class="table table-hover mb-0 align-middle">
<thead>
<tr class="table-custom-header">
<th>Сделка</th>
<th>Деталь</th>
<th>Материал</th>
<th>Размер</th>
<th class="text-center">Надо</th>
<th class="text-center">Сделано</th>
<th class="text-center">В плане</th>
<th class="text-center">Осталось</th>
<th class="text-end">Действия</th>
</tr>
</thead>
<tbody>
{% for t in tasks %}
<tr>
<td><span class="text-accent fw-bold">{{ t.deal.number }}</span></td>
<td class="fw-bold">{{ t.drawing_name|default:"Б/ч" }}</td>
<td class="small text-muted">{{ t.material.full_name|default:t.material.name }}</td>
<td class="small">{{ t.size_value }}</td>
<td class="text-center">{{ t.quantity_ordered }}</td>
<td class="text-center">{{ t.done_qty }}</td>
<td class="text-center">{{ t.planned_qty }}</td>
<td class="text-center">{{ t.remaining_qty }}</td>
<td class="text-end">
<button
type="button"
class="btn btn-outline-accent btn-sm"
data-bs-toggle="modal"
data-bs-target="#addToPlanModal"
data-task-id="{{ t.id }}"
data-task-name="{{ t.drawing_name|default:'Б/ч' }}"
data-task-deal="{{ t.deal.number }}"
data-task-rem="{{ t.remaining_qty }}"
>
<i class="bi bi-plus-lg me-1"></i>В план
</button>
</td>
</tr>
{% empty %}
<tr><td colspan="9" class="text-center p-5 text-muted">Заданий не найдено</td></tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
<div class="modal fade" id="addToPlanModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<form method="post" action="{% url 'planning_add' %}" class="modal-content border-secondary">
{% csrf_token %}
<div class="modal-header border-secondary">
<h5 class="modal-title">Добавить в план</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
</div>
<div class="modal-body">
<input type="hidden" name="task_id" id="modalTaskId">
<div class="small text-muted mb-2" id="modalTaskTitle"></div>
<div class="mb-3">
<label class="form-label small text-muted">Станок</label>
<select class="form-select border-secondary" name="machine_id" required>
{% for m in machines %}
<option value="{{ m.id }}">{{ m.name }}</option>
{% endfor %}
</select>
</div>
<div class="mb-2">
<label class="form-label small text-muted">Сколько в план (шт)</label>
<input type="number" min="1" class="form-control border-secondary" name="quantity_plan" id="modalQty" required>
</div>
<div class="small text-muted" id="modalHint"></div>
</div>
<div class="modal-footer border-secondary">
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Отмена</button>
<button type="submit" class="btn btn-outline-accent">Добавить</button>
</div>
</form>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
const modal = document.getElementById('addToPlanModal');
if (!modal) return;
modal.addEventListener('show.bs.modal', function (event) {
const btn = event.relatedTarget;
const taskId = btn.getAttribute('data-task-id');
const name = btn.getAttribute('data-task-name');
const deal = btn.getAttribute('data-task-deal');
const rem = btn.getAttribute('data-task-rem');
document.getElementById('modalTaskId').value = taskId;
document.getElementById('modalTaskTitle').textContent = `Сделка ${deal} · ${name}`;
document.getElementById('modalHint').textContent = rem !== null ? `Осталось: ${rem} шт` : '';
const qty = document.getElementById('modalQty');
qty.value = '';
if (rem && !isNaN(parseInt(rem, 10))) qty.max = Math.max(1, parseInt(rem, 10));
else qty.removeAttribute('max');
});
});
</script>
{% endblock %}

584
shiftflow/templates/shiftflow/task_create.html Normal file
View File

@@ -0,0 +1,584 @@
{% extends 'base.html' %}
{% block content %}
<div class="row justify-content-center">
<div class="col-lg-10 col-xl-8">
<div class="card shadow border-secondary">
<div class="card-header border-secondary py-3 d-flex justify-content-between align-items-center">
<h3 class="text-accent mb-0"><i class="bi bi-plus-circle me-2"></i>Новое задание</h3>
<a class="btn btn-outline-secondary btn-sm" href="{% url 'planning' %}">
<i class="bi bi-arrow-left me-1"></i>Назад
</a>
</div>
<form method="post" enctype="multipart/form-data" class="card-body p-4">
{% csrf_token %}
{% if form.non_field_errors %}
<div class="alert alert-danger">
{% for e in form.non_field_errors %}<div>{{ e }}</div>{% endfor %}
</div>
{% endif %}
<div class="row g-3">
<div class="col-12">
<div class="card border-secondary">
<div class="card-header border-secondary py-2">
<strong>Деталь</strong>
</div>
<div class="card-body">
<div class="row g-3">
<div class="col-md-8">
<label class="form-label small text-muted">{{ form.drawing_name.label }}</label>
{{ form.drawing_name }}
{% for e in form.drawing_name.errors %}<div class="text-danger small">{{ e }}</div>{% endfor %}
</div>
<div class="col-md-4">
<label class="form-label small text-muted">{{ form.quantity_ordered.label }}</label>
{{ form.quantity_ordered }}
{% for e in form.quantity_ordered.errors %}<div class="text-danger small">{{ e }}</div>{% endfor %}
</div>
<div class="col-md-4">
<label class="form-label small text-muted">{{ form.size_value.label }}</label>
{{ form.size_value }}
{% for e in form.size_value.errors %}<div class="text-danger small">{{ e }}</div>{% endfor %}
</div>
<div class="col-md-8 d-flex align-items-end">
<div class="form-check form-switch">
{{ form.is_bend }}
<label class="form-check-label ms-2">{{ form.is_bend.label }}</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12">
<div class="card border-secondary">
<div class="card-header border-secondary py-2">
<strong>Файлы</strong>
</div>
<div class="card-body">
<div class="row g-3">
<div class="col-md-6">
<label class="form-label small text-muted">{{ form.drawing_file.label }}</label>
{{ form.drawing_file }}
<button type="button" id="fillNameFromSource" class="btn btn-outline-secondary btn-sm mt-2" disabled>
в название (из исходника)
</button>
</div>
<div class="col-md-6">
<label class="form-label small text-muted">{{ form.extra_drawing.label }}</label>
{{ form.extra_drawing }}
<button type="button" id="fillNameFromPdf" class="btn btn-outline-secondary btn-sm mt-2" disabled>
в название (из чертежа)
</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-12">
<div class="card border-secondary">
<div class="card-header border-secondary py-2">
<strong>Сделка и материал</strong>
</div>
<div class="card-body">
<div class="row g-3">
<div class="col-md-6">
<label class="form-label small text-muted">{{ form.deal.label }}</label>
<div class="d-flex gap-2">
<div class="flex-grow-1">{{ form.deal }}</div>
<button type="button" class="btn btn-outline-accent btn-sm" data-bs-toggle="modal" data-bs-target="#dealModal" data-mode="create">Создать</button>
<button type="button" class="btn btn-outline-secondary btn-sm" id="dealEditBtn" data-bs-toggle="modal" data-bs-target="#dealModal" data-mode="edit" disabled>Редакт.</button>
</div>
{% for e in form.deal.errors %}<div class="text-danger small">{{ e }}</div>{% endfor %}
</div>
<div class="col-md-6">
<label class="form-label small text-muted">{{ form.material.label }}</label>
<div class="d-flex gap-2">
<div class="flex-grow-1">{{ form.material }}</div>
<button type="button" class="btn btn-outline-accent btn-sm" data-bs-toggle="modal" data-bs-target="#materialModal" data-mode="create">Создать</button>
<button type="button" class="btn btn-outline-secondary btn-sm" id="materialEditBtn" data-bs-toggle="modal" data-bs-target="#materialModal" data-mode="edit" disabled>Редакт.</button>
</div>
{% for e in form.material.errors %}<div class="text-danger small">{{ e }}</div>{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-end mt-4">
<button type="submit" class="btn btn-outline-accent px-4 fw-bold">
<i class="bi bi-save me-2"></i>Создать
</button>
</div>
</form>
</div>
</div>
</div>
<div class="modal fade" id="dealModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content border-secondary">
<div class="modal-header border-secondary">
<h5 class="modal-title">Сделка</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
</div>
<div class="modal-body">
<input type="hidden" id="dealId">
<div class="mb-3">
<label class="form-label small text-muted">№ Сделки</label>
<input type="text" class="form-control border-secondary" id="dealNumber">
</div>
<div class="mb-3">
<label class="form-label small text-muted">Компания</label>
<div class="d-flex gap-2">
<select class="form-select border-secondary" id="dealCompany">
<option value="">— не выбрано —</option>
{% for c in companies %}
<option value="{{ c.id }}">{{ c.name }}</option>
{% endfor %}
</select>
<button type="button" class="btn btn-outline-accent btn-sm" id="openCompanyModalBtn">
Создать
</button>
</div>
</div>
<div class="mb-0">
<label class="form-label small text-muted">Описание</label>
<textarea class="form-control border-secondary" rows="3" id="dealDescription"></textarea>
</div>
</div>
<div class="modal-footer border-secondary">
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Отмена</button>
<button type="button" class="btn btn-outline-accent" id="dealSaveBtn">Сохранить</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="materialModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content border-secondary">
<div class="modal-header border-secondary">
<h5 class="modal-title">Материал</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
</div>
<div class="modal-body">
<input type="hidden" id="materialId">
<div class="row g-3">
<div class="col-md-6">
<label class="form-label small text-muted">Категория</label>
<div class="d-flex gap-2">
<select class="form-select border-secondary" id="materialCategory">
<option value="">— выбрать —</option>
{% for c in material_categories %}
<option value="{{ c.id }}">{{ c.name }}</option>
{% endfor %}
</select>
<button type="button" class="btn btn-outline-accent btn-sm" id="openCategoryModalBtn">
Создать
</button>
</div>
</div>
<div class="col-md-6">
<label class="form-label small text-muted">Марка стали</label>
<div class="d-flex gap-2">
<select class="form-select border-secondary" id="materialGrade">
<option value="">— не выбрано —</option>
{% for g in steel_grades %}
<option value="{{ g.id }}">{{ g.name }}</option>
{% endfor %}
</select>
<button type="button" class="btn btn-outline-accent btn-sm" id="openGradeModalBtn">
Создать
</button>
</div>
</div>
<div class="col-12">
<label class="form-label small text-muted">Наименование (размер/характеристики)</label>
<input type="text" class="form-control border-secondary" id="materialName">
</div>
</div>
</div>
<div class="modal-footer border-secondary">
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Отмена</button>
<button type="button" class="btn btn-outline-accent" id="materialSaveBtn">Сохранить</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="companyModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content border-secondary">
<div class="modal-header border-secondary">
<h5 class="modal-title">Компания</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
</div>
<div class="modal-body">
<input type="hidden" id="companyId">
<div class="mb-3">
<label class="form-label small text-muted">Название</label>
<input type="text" class="form-control border-secondary" id="companyName">
</div>
<div class="mb-0">
<label class="form-label small text-muted">Примечание</label>
<textarea class="form-control border-secondary" rows="3" id="companyDescription"></textarea>
</div>
</div>
<div class="modal-footer border-secondary">
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Отмена</button>
<button type="button" class="btn btn-outline-accent" id="companySaveBtn">Сохранить</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="categoryModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content border-secondary">
<div class="modal-header border-secondary">
<h5 class="modal-title">Категория материала</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
</div>
<div class="modal-body">
<input type="hidden" id="categoryId">
<div class="mb-3">
<label class="form-label small text-muted">Название</label>
<input type="text" class="form-control border-secondary" id="categoryName">
</div>
<div class="mb-0">
<label class="form-label small text-muted">ГОСТ</label>
<input type="text" class="form-control border-secondary" id="categoryGost">
</div>
</div>
<div class="modal-footer border-secondary">
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Отмена</button>
<button type="button" class="btn btn-outline-accent" id="categorySaveBtn">Сохранить</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="gradeModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content border-secondary">
<div class="modal-header border-secondary">
<h5 class="modal-title">Марка стали</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
</div>
<div class="modal-body">
<input type="hidden" id="gradeId">
<div class="mb-3">
<label class="form-label small text-muted">Марка стали</label>
<input type="text" class="form-control border-secondary" id="gradeName">
</div>
<div class="mb-0">
<label class="form-label small text-muted">ГОСТ/ТУ</label>
<input type="text" class="form-control border-secondary" id="gradeGost">
</div>
</div>
<div class="modal-footer border-secondary">
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Отмена</button>
<button type="button" class="btn btn-outline-accent" id="gradeSaveBtn">Сохранить</button>
</div>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
const drawingFile = document.getElementById('id_drawing_file');
const extraDrawing = document.getElementById('id_extra_drawing');
const drawingName = document.getElementById('id_drawing_name');
const fillFromSource = document.getElementById('fillNameFromSource');
const fillFromPdf = document.getElementById('fillNameFromPdf');
const dealSelect = document.getElementById('id_deal');
const materialSelect = document.getElementById('id_material');
const dealEditBtn = document.getElementById('dealEditBtn');
const materialEditBtn = document.getElementById('materialEditBtn');
const dealModal = document.getElementById('dealModal');
const dealId = document.getElementById('dealId');
const dealNumber = document.getElementById('dealNumber');
const dealCompany = document.getElementById('dealCompany');
const dealDescription = document.getElementById('dealDescription');
const dealSaveBtn = document.getElementById('dealSaveBtn');
const companyModal = document.getElementById('companyModal');
const companyId = document.getElementById('companyId');
const companyName = document.getElementById('companyName');
const companyDescription = document.getElementById('companyDescription');
const companySaveBtn = document.getElementById('companySaveBtn');
const openCompanyModalBtn = document.getElementById('openCompanyModalBtn');
const materialModal = document.getElementById('materialModal');
const materialId = document.getElementById('materialId');
const materialCategory = document.getElementById('materialCategory');
const materialGrade = document.getElementById('materialGrade');
const materialName = document.getElementById('materialName');
const materialSaveBtn = document.getElementById('materialSaveBtn');
const categoryModal = document.getElementById('categoryModal');
const categoryId = document.getElementById('categoryId');
const categoryName = document.getElementById('categoryName');
const categoryGost = document.getElementById('categoryGost');
const categorySaveBtn = document.getElementById('categorySaveBtn');
const openCategoryModalBtn = document.getElementById('openCategoryModalBtn');
const gradeModal = document.getElementById('gradeModal');
const gradeId = document.getElementById('gradeId');
const gradeName = document.getElementById('gradeName');
const gradeGost = document.getElementById('gradeGost');
const gradeSaveBtn = document.getElementById('gradeSaveBtn');
const openGradeModalBtn = document.getElementById('openGradeModalBtn');
function getCookie(name) {
const value = `; ${document.cookie}`;
const parts = value.split(`; ${name}=`);
if (parts.length === 2) return parts.pop().split(';').shift();
return '';
}
function filenameBase(path) {
if (!path) return '';
const justName = path.split('\\').pop().split('/').pop();
const idx = justName.lastIndexOf('.');
return idx > 0 ? justName.slice(0, idx) : justName;
}
function updateFileButtons() {
const hasSource = drawingFile && drawingFile.files && drawingFile.files.length > 0;
const hasPdf = extraDrawing && extraDrawing.files && extraDrawing.files.length > 0;
if (fillFromSource) fillFromSource.disabled = !hasSource;
if (fillFromPdf) fillFromPdf.disabled = !hasPdf;
}
if (drawingFile) drawingFile.addEventListener('change', updateFileButtons);
if (extraDrawing) extraDrawing.addEventListener('change', updateFileButtons);
updateFileButtons();
if (fillFromSource) {
fillFromSource.addEventListener('click', function () {
if (!drawingFile || !drawingFile.files || drawingFile.files.length === 0) return;
const base = filenameBase(drawingFile.files[0].name);
if (drawingName) drawingName.value = base;
});
}
if (fillFromPdf) {
fillFromPdf.addEventListener('click', function () {
if (!extraDrawing || !extraDrawing.files || extraDrawing.files.length === 0) return;
const base = filenameBase(extraDrawing.files[0].name);
if (drawingName) drawingName.value = base;
});
}
function updateEditButtons() {
if (dealEditBtn) dealEditBtn.disabled = !(dealSelect && dealSelect.value);
if (materialEditBtn) materialEditBtn.disabled = !(materialSelect && materialSelect.value);
}
function openChildModal(parentEl, childEl) {
if (!parentEl || !childEl) return;
childEl.dataset.returnTo = parentEl.id;
const parent = bootstrap.Modal.getOrCreateInstance(parentEl);
const child = bootstrap.Modal.getOrCreateInstance(childEl);
parentEl.addEventListener('hidden.bs.modal', function () {
child.show();
}, { once: true });
parent.hide();
}
function returnToParent(childEl) {
const returnId = childEl ? childEl.dataset.returnTo : '';
if (!returnId) return;
delete childEl.dataset.returnTo;
const parentEl = document.getElementById(returnId);
if (parentEl) bootstrap.Modal.getOrCreateInstance(parentEl).show();
}
if (companyModal) companyModal.addEventListener('hidden.bs.modal', function () { returnToParent(companyModal); });
if (categoryModal) categoryModal.addEventListener('hidden.bs.modal', function () { returnToParent(categoryModal); });
if (gradeModal) gradeModal.addEventListener('hidden.bs.modal', function () { returnToParent(gradeModal); });
if (openCompanyModalBtn) openCompanyModalBtn.addEventListener('click', function () { openChildModal(dealModal, companyModal); });
if (openCategoryModalBtn) openCategoryModalBtn.addEventListener('click', function () { openChildModal(materialModal, categoryModal); });
if (openGradeModalBtn) openGradeModalBtn.addEventListener('click', function () { openChildModal(materialModal, gradeModal); });
if (dealSelect) dealSelect.addEventListener('change', updateEditButtons);
if (materialSelect) materialSelect.addEventListener('change', updateEditButtons);
updateEditButtons();
async function postForm(url, data) {
const csrftoken = getCookie('csrftoken');
const res = await fetch(url, {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
'X-CSRFToken': csrftoken,
},
body: new URLSearchParams(data).toString(),
});
if (!res.ok) throw new Error('request_failed');
return await res.json();
}
async function getJson(url) {
const res = await fetch(url, { method: 'GET' });
if (!res.ok) throw new Error('request_failed');
return await res.json();
}
function upsertSelectOption(select, id, label) {
if (!select) return;
let opt = select.querySelector(`option[value="${id}"]`);
if (!opt) {
opt = document.createElement('option');
opt.value = String(id);
select.appendChild(opt);
}
opt.textContent = label;
select.value = String(id);
select.dispatchEvent(new Event('change'));
}
if (dealModal) {
dealModal.addEventListener('show.bs.modal', async function (event) {
if (!event.relatedTarget) return;
const mode = event.relatedTarget.getAttribute('data-mode') || 'create';
dealId.value = '';
dealNumber.value = '';
dealCompany.value = '';
dealDescription.value = '';
if (mode === 'edit' && dealSelect && dealSelect.value) {
const data = await getJson(`/planning/deal/${dealSelect.value}/json/`);
dealId.value = data.id;
dealNumber.value = data.number || '';
dealCompany.value = data.company_id ? String(data.company_id) : '';
dealDescription.value = data.description || '';
}
});
}
if (dealSaveBtn) {
dealSaveBtn.addEventListener('click', async function () {
const payload = {
id: dealId.value,
number: dealNumber.value,
company_id: dealCompany.value,
description: dealDescription.value,
};
const data = await postForm('{% url "deal_upsert" %}', payload);
upsertSelectOption(dealSelect, data.id, data.label);
bootstrap.Modal.getInstance(dealModal).hide();
});
}
if (companyModal) {
companyModal.addEventListener('show.bs.modal', function () {
companyId.value = '';
companyName.value = '';
companyDescription.value = '';
});
}
if (companySaveBtn) {
companySaveBtn.addEventListener('click', async function () {
const payload = {
id: companyId.value,
name: companyName.value,
description: companyDescription.value,
};
const data = await postForm('{% url "company_upsert" %}', payload);
upsertSelectOption(dealCompany, data.id, data.label);
bootstrap.Modal.getInstance(companyModal).hide();
});
}
if (categoryModal) {
categoryModal.addEventListener('show.bs.modal', function () {
categoryId.value = '';
categoryName.value = '';
categoryGost.value = '';
});
}
if (categorySaveBtn) {
categorySaveBtn.addEventListener('click', async function () {
const payload = {
id: categoryId.value,
name: categoryName.value,
gost_standard: categoryGost.value,
};
const data = await postForm('{% url "material_category_upsert" %}', payload);
upsertSelectOption(materialCategory, data.id, data.label);
bootstrap.Modal.getInstance(categoryModal).hide();
});
}
if (gradeModal) {
gradeModal.addEventListener('show.bs.modal', function () {
gradeId.value = '';
gradeName.value = '';
gradeGost.value = '';
});
}
if (gradeSaveBtn) {
gradeSaveBtn.addEventListener('click', async function () {
const payload = {
id: gradeId.value,
name: gradeName.value,
gost_standard: gradeGost.value,
};
const data = await postForm('{% url "steel_grade_upsert" %}', payload);
upsertSelectOption(materialGrade, data.id, data.label);
bootstrap.Modal.getInstance(gradeModal).hide();
});
}
if (materialModal) {
materialModal.addEventListener('show.bs.modal', async function (event) {
if (!event.relatedTarget) return;
const mode = event.relatedTarget.getAttribute('data-mode') || 'create';
materialId.value = '';
materialCategory.value = '';
materialGrade.value = '';
materialName.value = '';
if (mode === 'edit' && materialSelect && materialSelect.value) {
const data = await getJson(`/planning/material/${materialSelect.value}/json/`);
materialId.value = data.id;
materialCategory.value = data.category_id ? String(data.category_id) : '';
materialGrade.value = data.steel_grade_id ? String(data.steel_grade_id) : '';
materialName.value = data.name || '';
}
});
}
if (materialSaveBtn) {
materialSaveBtn.addEventListener('click', async function () {
const payload = {
id: materialId.value,
category_id: materialCategory.value,
steel_grade_id: materialGrade.value,
name: materialName.value,
};
const data = await postForm('{% url "material_upsert" %}', payload);
upsertSelectOption(materialSelect, data.id, data.label);
bootstrap.Modal.getInstance(materialModal).hide();
});
}
});
</script>
{% endblock %}