king/dbx-main
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(cupang): 제품 카탈로그에 쿠팡상품코드 + 상태 토글

Browse Source 
- cupang_products.coupang_item_code 컬럼 추가 (마이그레이션 004, init.sql 동기화)
- 설정 화면: 쿠팡상품코드 열 표시/정렬, 수기 추가 폼 입력란 추가
- 선택 등록 시 바로 등록하지 않고 쿠팡상품코드 입력 팝업을 먼저 표시
- 상태 배지를 클릭 토글로 변경 (POST /cupang/api/products/{id}/toggle)
- 빈 쿠팡상품코드는 "미입력"으로 처리해 기존 값을 덮어쓰지 않음

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
king
2026-09-01 11:30:00 +09:00
parent 3a18b185a9
commit bf3407b6ec
12 changed files with 243 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/modules/cupang/templates/cupang/box_calc.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260831k" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901a" />{% endblock %}
{% block content %}
<section class="cpg">
app/modules/cupang/templates/cupang/box_rules.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260831k" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901a" />{% endblock %}
{% block content %}
<section class="cpg">
app/modules/cupang/templates/cupang/centers.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260831k" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901a" />{% endblock %}
{% block content %}
<section class="cpg">
app/modules/cupang/templates/cupang/detail.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260831k" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901a" />{% endblock %}
{% block content %}
<section class="cpg">
app/modules/cupang/templates/cupang/form.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260831k" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901a" />{% endblock %}
{% block content %}
<section class="cpg">
app/modules/cupang/templates/cupang/index.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260831k" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901a" />{% endblock %}
{% block content %}
<section class="cpg">
app/modules/cupang/templates/cupang/products.html
+108 -19
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260831k" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901a" />{% endblock %}
{% block content %}
<section class="cpg">
@@ -32,6 +32,8 @@
<input class="erp-input" type="text" name="product_name" required placeholder="예: 미라네 12호 세트" /></label>
<label class="erp-field"><span>제품코드 *</span>
<input class="erp-input" type="text" name="product_code" required placeholder="예: MS-1012" /></label>
<label class="erp-field"><span>쿠팡상품코드</span>
<input class="erp-input" type="text" name="coupang_item_code" placeholder="예: 1234567890" /></label>
<button type="submit" class="erp-btn erp-btn-primary">추가</button>
</div>
</form>
@@ -57,29 +59,28 @@
<tr>
<th><button type="button" class="cpg-sort" data-sort-key="name">제품명<span class="cpg-sort-ind" aria-hidden="true"></span></button></th>
<th><button type="button" class="cpg-sort" data-sort-key="code">제품코드<span class="cpg-sort-ind" aria-hidden="true"></span></button></th>
<th><button type="button" class="cpg-sort" data-sort-key="cpcode">쿠팡상품코드<span class="cpg-sort-ind" aria-hidden="true"></span></button></th>
<th>상태</th>
<th>동작</th>
</tr>
</thead>
<tbody id="cpg-prod-tbody">
{% for p in products %}
<tr data-name="{{ p.product_name }}" data-code="{{ p.product_code }}" {% if not p.active %}style="opacity:.55"{% endif %}>
<tr data-name="{{ p.product_name }}" data-code="{{ p.product_code }}"
data-cpcode="{{ p.coupang_item_code }}"
class="cpg-prod-row{% if not p.active %} is-inactive{% endif %}">
<td>{{ p.product_name }}</td>
<td>{{ p.product_code }}</td>
<td>{% if p.active %}<span class="erp-badge erp-badge-success">활성</span>{% else %}<span class="erp-badge erp-badge-neutral">비활성</span>{% endif %}</td>
<td class="cpg-cpcode">{% if p.coupang_item_code %}{{ p.coupang_item_code }}{% else %}<span class="erp-muted">—</span>{% endif %}</td>
<td>
<!-- 배지 자체가 토글 버튼: 클릭 → 활성/비활성 전환 -->
<button type="button" class="erp-badge cpg-active-toggle
{% if p.active %}erp-badge-success{% else %}erp-badge-neutral{% endif %}"
data-toggle-id="{{ p.id }}" aria-pressed="{{ 'true' if p.active else 'false' }}"
title="클릭하면 상태가 바뀝니다">{% if p.active %}활성{% else %}비활성{% endif %}</button>
</td>
<td>
<div class="cpg-row-actions">
{% if p.active %}
<form method="post" action="/cupang/products/{{ p.id }}/active" class="cpg-inline-form">
<input type="hidden" name="active" value="0" />
<button type="submit" class="erp-btn erp-btn-outline">비활성</button>
</form>
{% else %}
<form method="post" action="/cupang/products/{{ p.id }}/active" class="cpg-inline-form">
<input type="hidden" name="active" value="1" />
<button type="submit" class="erp-btn erp-btn-outline">활성</button>
</form>
{% endif %}
<form method="post" action="/cupang/products/{{ p.id }}/delete" class="cpg-inline-form"
onsubmit="return confirm('완전 삭제합니다. 계속할까요?');">
<button type="submit" class="erp-btn erp-btn-danger">삭제</button>
@@ -89,7 +90,7 @@
</tr>
{% endfor %}
{% if not products %}
<tr class="cpg-no-sort"><td colspan="4" class="erp-muted">등록된 제품명이 없습니다. 왼쪽에서 선택해 등록하세요.</td></tr>
<tr class="cpg-no-sort"><td colspan="5" class="erp-muted">등록된 제품명이 없습니다. 왼쪽에서 선택해 등록하세요.</td></tr>
{% endif %}
</tbody>
</table>
@@ -136,7 +137,50 @@
})();
</script>
<script>
// 상태 배지 클릭 → 활성/비활성 토글 (페이지 새로고침 없음).
(function () {
var tbody = document.getElementById("cpg-prod-tbody");
if (!tbody) return;
tbody.addEventListener("click", function (e) {
var btn = e.target.closest(".cpg-active-toggle");
if (!btn || btn.disabled) return;
var id = btn.getAttribute("data-toggle-id");
btn.disabled = true;
fetch("/cupang/api/products/" + id + "/toggle", { method: "POST" })
.then(function (r) { if (!r.ok) throw new Error("fail"); return r.json(); })
.then(function (data) {
var on = !!(data && data.active);
btn.textContent = on ? "활성" : "비활성";
btn.setAttribute("aria-pressed", on ? "true" : "false");
btn.classList.toggle("erp-badge-success", on);
btn.classList.toggle("erp-badge-neutral", !on);
var row = btn.closest("tr");
if (row) row.classList.toggle("is-inactive", !on);
})
.catch(function () { alert("상태 변경 실패"); })
.finally(function () { btn.disabled = false; });
});
})();
</script>
{% if search_enabled %}
<!-- 선택 등록 팝업 — 선택한 상품마다 쿠팡상품코드를 입력한 뒤 등록 -->
<div class="cpg-modal" id="cpg-reg-dlg" hidden>
<div class="cpg-modal-back" data-reg-close></div>
<div class="cpg-modal-box cpg-reg-box" role="dialog" aria-modal="true" aria-labelledby="cpg-reg-title">
<h3 id="cpg-reg-title">쿠팡상품코드 입력</h3>
<p class="erp-muted" style="margin:0;font-size:12px;">
선택한 상품을 등록합니다. 쿠팡상품코드는 비워두면 나중에 채울 수 있습니다.
</p>
<div class="cpg-reg-list" id="cpg-reg-list"></div>
<div class="cpg-dlg-actions erp-page-actions">
<button type="button" class="erp-btn erp-btn-outline" data-reg-close>취소</button>
<button type="button" class="erp-btn erp-btn-primary" id="cpg-reg-submit">등록</button>
</div>
</div>
</div>
<script type="application/json" id="cpg-registered">{{ registered_codes | tojson }}</script>
<script>
(function () {
@@ -180,18 +224,63 @@
filter.addEventListener("input", render);
// ── 선택 등록: 바로 등록하지 않고 쿠팡상품코드 입력 팝업을 먼저 띄운다 ──
var regDlg = document.getElementById("cpg-reg-dlg");
var regList = document.getElementById("cpg-reg-list");
var regSubmit = document.getElementById("cpg-reg-submit");
var pending = [];
function closeRegDlg() {
regDlg.hidden = true;
regSubmit.disabled = false;
}
function openRegDlg(items) {
pending = items;
var html = "";
items.forEach(function (it, i) {
html += '<label class="erp-field cpg-reg-item">' +
'<span>' + esc(it.name) + ' <em class="cpg-reg-code">' + esc(it.code) + '</em></span>' +
'<input class="erp-input" type="text" data-reg-idx="' + i + '" ' +
'placeholder="쿠팡상품코드" /></label>';
});
regList.innerHTML = html;
regDlg.hidden = false;
var first = regList.querySelector("input");
if (first) first.focus();
}
Array.prototype.forEach.call(regDlg.querySelectorAll("[data-reg-close]"), function (el) {
el.addEventListener("click", closeRegDlg);
});
document.addEventListener("keydown", function (e) {
if (e.key === "Escape" && !regDlg.hidden) closeRegDlg();
});
regBtn.addEventListener("click", function () {
var items = all.filter(function (it) { return selected[it.code]; })
.map(function (it) { return { code: it.code, name: it.name }; });
if (!items.length) { alert("등록할 상품을 선택하세요."); return; }
regBtn.disabled = true;
openRegDlg(items);
});
regSubmit.addEventListener("click", function () {
// 빈 칸은 키 자체를 보내지 않는다 → 이미 등록된 제품의 쿠팡상품코드를 지우지 않음.
Array.prototype.forEach.call(regList.querySelectorAll("input[data-reg-idx]"), function (inp) {
var idx = parseInt(inp.getAttribute("data-reg-idx"), 10);
var val = (inp.value || "").trim();
if (!pending[idx]) return;
if (val) { pending[idx].coupang_item_code = val; }
else { delete pending[idx].coupang_item_code; }
});
regSubmit.disabled = true;
fetch("/cupang/products/bulk", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ items: items })
}).then(function (r) { return r.json(); })
body: JSON.stringify({ items: pending })
}).then(function (r) { if (!r.ok) throw new Error("fail"); return r.json(); })
.then(function () { location.reload(); })
.catch(function () { regBtn.disabled = false; alert("등록 실패"); });
.catch(function () { regSubmit.disabled = false; alert("등록 실패"); });
});
fetch("/cupang/api/products/all")