diff options
Diffstat (limited to 'scripts/park-editor.html')
| -rw-r--r-- | scripts/park-editor.html | 53 |
1 files changed, 49 insertions, 4 deletions
diff --git a/scripts/park-editor.html b/scripts/park-editor.html index 6c4605a..ce93b29 100644 --- a/scripts/park-editor.html +++ b/scripts/park-editor.html @@ -91,7 +91,7 @@ <option value="">種別: すべて</option> </select> <span id="checked-count" class="checked-count"></span> - <span class="check-note" title="確認チェックはこのブラウザにのみ保存され、JSONには入りません">このブラウザのみ</span> + <span class="check-note" title="確認チェックは自動でJSONに書き込まれます">自動反映</span> <button id="clear-checks" title="このデータの確認チェックをすべて外す">確認をクリア</button> <button id="save">保存</button> <button id="export-unchecked" title="確認チェックが付いていない行をCSVで保存します(Excel / Googleスプレッドシートで開けます)">未確認CSV</button> @@ -367,12 +367,44 @@ function setChecked(id, key, value) { updateCheckedCount(); } +// 確認チェックを、その場でJSONにも反映する(サイトの「未確認」用)。 +const syncCheck = async (index, checked) => { + try { + await fetch("/api/check", { + method: "POST", + headers: { "content-type": "application/json" }, + body: JSON.stringify({ id: currentId, updates: [{ index, checked }] }), + }); + } catch { + // 反映に失敗しても編集は続行できるようにする。 + } +}; + +// このブラウザに付いているチェックを、開いたときにJSONへ同期する。 +function syncExistingChecks() { + const updates = []; + rows.forEach((row, r) => { + const props = isFC ? row.properties || {} : row; + const key = rowKey(props, currentId); + if (isChecked(currentId, key) && (props["確認"] || "") !== "済") { + updates.push({ index: r, checked: true }); + } + }); + if (!updates.length) return; + fetch("/api/check", { + method: "POST", + headers: { "content-type": "application/json" }, + body: JSON.stringify({ id: currentId, updates }), + }).catch(() => {}); +} + function updateCheckedCount() { if (!currentId) return; let done = 0; rows.forEach((row) => { const props = isFC ? row.properties || {} : row; - if (isChecked(currentId, rowKey(props, currentId))) done++; + // ブラウザのチェックだけでなく、すでにJSONに書き込まれた「確認:済」も数える。 + if (isChecked(currentId, rowKey(props, currentId)) || (props["確認"] || "") === "済") done++; }); checkedCount.textContent = `確認済み ${done} / ${rows.length}件`; } @@ -461,6 +493,7 @@ async function load(id) { rows = isFC ? data.features : data; populateTypeFilter(); render(); + syncExistingChecks(); showCorruptKeys(); statusEl.textContent = `${DATASETS[id].label}: ${rows.length}件`; } catch (e) { @@ -534,14 +567,16 @@ function render() { cb.type = "checkbox"; cb.dataset.check = "1"; cb.dataset.key = key; - cb.checked = isChecked(currentId, key); - cb.title = "確認済み(このブラウザにのみ保存)"; + cb.dataset.r = String(r); + cb.checked = isChecked(currentId, key) || (props["確認"] || "") === "済"; + cb.title = "確認済み(サイトの未確認にも反映)"; cb.addEventListener("change", () => { setChecked(currentId, key, cb.checked); tbody.querySelectorAll("input[data-check]").forEach((other) => { if (other.dataset.key === key) other.checked = cb.checked; }); filter(); + syncCheck(r, cb.checked); }); checkTd.appendChild(cb); tr.appendChild(checkTd); @@ -754,6 +789,16 @@ document.getElementById("save").onclick = async function () { } } collect(); + // 確認チェックの状態をデータにも書き込む(サイトの「未確認」に反映)。 + const checkedByKey = new Map(); + tbody.querySelectorAll("input[data-check]").forEach((cb) => { + checkedByKey.set(cb.dataset.key, cb.checked); + }); + rows.forEach((row) => { + const props = isFC ? row.properties || {} : row; + const key = rowKey(props, currentId); + props["確認"] = checkedByKey.get(key) ? "済" : ""; + }); statusEl.textContent = "保存中…"; statusEl.classList.remove("has-warning"); try { |
