Rimuovi oggetti e gruppi dal progetto
This commit is contained in:
livio committed
1 parent
a23eff6124
commit
87304b1568
3 files changed
+149
-15
No files matched your search
+98
-5
@@ -61,6 +61,7 @@ const lmeState = {
|
||||
managerHiddenMeasurementSummaryIds: new Set(),
|
||||
managerHiddenMeasurementSideIds: new Set(),
|
||||
managerHiddenCategories: new Set(),
|
||||
managerRemovedCategories: new Set(),
|
||||
managerObjectOrder: {},
|
||||
managerCategoryNames: {},
|
||||
managerExpandedRows: new Set(),
|
||||
@@ -1251,6 +1252,60 @@ function renameManagedBlock(category, source, records) {
|
||||
setInfo(`Gruppo rinominato: ${name}.`);
|
||||
}
|
||||
|
||||
function managedCategoryCanRemove(category, records) {
|
||||
return records.length > 0
|
||||
&& ["drawings", "imported", "importedSheets", "selectedParcels", "gpsParcels"].includes(category.key);
|
||||
}
|
||||
|
||||
function managedObjectCanRemove(record) {
|
||||
return ["drawings", "imported", "importedSheets", "selectedParcels", "gpsParcels"].includes(record.categoryKey);
|
||||
}
|
||||
|
||||
function layerManagerRowActions(renameButton, removeButton) {
|
||||
if (!renameButton && !removeButton) {
|
||||
return "";
|
||||
}
|
||||
return `<span class="layer-row-actions">${renameButton}${removeButton}</span>`;
|
||||
}
|
||||
|
||||
function removeManagedRecords(records, subject) {
|
||||
if (!records.length) {
|
||||
return;
|
||||
}
|
||||
const message = records.length === 1
|
||||
? `Rimuovere ${subject} dal progetto? Non verra incluso nel prossimo salvataggio.`
|
||||
: `Rimuovere ${subject} e tutti i suoi ${records.length} oggetti dal progetto? Non verranno inclusi nel prossimo salvataggio.`;
|
||||
if (!window.confirm(message)) {
|
||||
return;
|
||||
}
|
||||
const removedIds = new Set(records.map(record => record.id));
|
||||
const categoryKeys = new Set(records.map(record => record.categoryKey));
|
||||
records.forEach(record => {
|
||||
if (record.parent?.hasLayer?.(record.layer)) {
|
||||
record.parent.removeLayer(record.layer);
|
||||
}
|
||||
lmeState.managerHiddenObjects.delete(record.id);
|
||||
lmeState.managerHiddenObjectIds.delete(record.id);
|
||||
lmeState.managerHiddenMeasurementSummaryIds.delete(record.id);
|
||||
lmeState.managerHiddenMeasurementSideIds.delete(record.id);
|
||||
});
|
||||
categoryKeys.forEach(categoryKey => {
|
||||
const order = lmeState.managerObjectOrder[categoryKey] || [];
|
||||
lmeState.managerObjectOrder[categoryKey] = order.filter(id => !removedIds.has(id));
|
||||
const category = layerManagerCategories().find(item => item.key === categoryKey);
|
||||
if (category && managedRecordsForCategory(category).length === 0) {
|
||||
lmeState.managerRemovedCategories.add(categoryKey);
|
||||
delete lmeState.managerCategoryNames[categoryKey];
|
||||
}
|
||||
});
|
||||
clearManagerHighlight();
|
||||
refreshImportedMeasurements();
|
||||
refreshDrawingMeasurements();
|
||||
updateGpsInsideState();
|
||||
refreshLayerManager();
|
||||
setInfo(`${records.length === 1 ? "Oggetto rimosso" : `${records.length} oggetti rimossi`} dal progetto.`);
|
||||
}
|
||||
|
||||
function managedObjectDetails(layer) {
|
||||
const details = [];
|
||||
const properties = layer?.feature?.properties || {};
|
||||
@@ -1306,6 +1361,11 @@ function refreshLayerManager() {
|
||||
return;
|
||||
}
|
||||
const records = managedRecordsForCategory(category);
|
||||
if (records.length) {
|
||||
lmeState.managerRemovedCategories.delete(category.key);
|
||||
} else if (lmeState.managerRemovedCategories.has(category.key)) {
|
||||
return;
|
||||
}
|
||||
const savedOrder = lmeState.managerObjectOrder[category.key] || [];
|
||||
const positions = new Map(savedOrder.map((id, index) => [id, index]));
|
||||
records.sort((left, right) =>
|
||||
@@ -1334,12 +1394,16 @@ function renderLayerManagerCategory(category, records) {
|
||||
const renameButton = managedCategoryCanRename(category)
|
||||
? `<button type="button" class="layer-rename-button" aria-label="Rinomina gruppo" title="Rinomina">Rinomina</button>`
|
||||
: "";
|
||||
group.classList.toggle("layer-manager-renamable", Boolean(renameButton));
|
||||
const removeButton = managedCategoryCanRemove(category, records)
|
||||
? `<button type="button" class="layer-remove-button" aria-label="Rimuovi gruppo dal progetto" title="Rimuovi dal progetto">Rimuovi</button>`
|
||||
: "";
|
||||
const rowActions = layerManagerRowActions(renameButton, removeButton);
|
||||
group.classList.toggle("layer-manager-with-actions", Boolean(rowActions));
|
||||
const visibleCount = records.filter(record => !lmeState.managerHiddenObjectIds.has(record.id)).length;
|
||||
const categoryVisible = !lmeState.managerHiddenCategories.has(category.key)
|
||||
&& (!category.roots.length || category.roots.some(layer => lmeState.map.hasLayer(layer)));
|
||||
const visible = categoryVisible;
|
||||
group.innerHTML = `<summary><button type="button" class="layer-drag-handle" aria-label="Trascina gruppo">☰</button><input type="checkbox" ${visible ? "checked" : ""} aria-label="Mostra ${escapeHtml(categoryName)}"><span class="layer-manager-title">${escapeHtml(categoryName)}</span>${renameButton}${layerManagerMoveButtons("gruppo")}<span class="layer-manager-count">${records.length}</span></summary><div class="layer-manager-children"></div>`;
|
||||
group.innerHTML = `<summary><button type="button" class="layer-drag-handle" aria-label="Trascina gruppo">☰</button><input type="checkbox" ${visible ? "checked" : ""} aria-label="Mostra ${escapeHtml(categoryName)}"><span class="layer-manager-title">${escapeHtml(categoryName)}</span>${rowActions}${layerManagerMoveButtons("gruppo")}<span class="layer-manager-count">${records.length}</span></summary><div class="layer-manager-children"></div>`;
|
||||
const checkbox = group.querySelector("input");
|
||||
checkbox.indeterminate = categoryVisible && records.length > 0 && visibleCount < records.length;
|
||||
checkbox.addEventListener("click", event => event.stopPropagation());
|
||||
@@ -1349,6 +1413,11 @@ function renderLayerManagerCategory(category, records) {
|
||||
event.stopPropagation();
|
||||
renameManagedCategory(category, records);
|
||||
});
|
||||
group.querySelector(".layer-remove-button")?.addEventListener("click", event => {
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
removeManagedRecords(records, `il gruppo '${categoryName}'`);
|
||||
});
|
||||
bindManagedParentHighlight(group, `category:${category.key}`, records);
|
||||
const children = group.querySelector(".layer-manager-children");
|
||||
if (category.blocks) {
|
||||
@@ -1375,8 +1444,11 @@ function renderLayerManagerBlock(category, source, records) {
|
||||
const visibleCount = records.filter(record => !lmeState.managerHiddenObjectIds.has(record.id)).length;
|
||||
const visible = visibleCount === records.length;
|
||||
const blockName = managedBlockName(source, records);
|
||||
block.classList.add("layer-manager-renamable");
|
||||
block.innerHTML = `<summary><button type="button" class="layer-drag-handle" aria-label="Trascina blocco">☰</button><input type="checkbox" ${visible ? "checked" : ""} aria-label="Mostra ${escapeHtml(blockName)}"><span class="layer-manager-title">${escapeHtml(blockName)}</span><button type="button" class="layer-rename-button" aria-label="Rinomina gruppo" title="Rinomina">Rinomina</button>${layerManagerMoveButtons("blocco")}<span class="layer-manager-count">${records.length}</span></summary><div class="layer-manager-children"></div>`;
|
||||
const rowActions = layerManagerRowActions(
|
||||
`<button type="button" class="layer-rename-button" aria-label="Rinomina gruppo" title="Rinomina">Rinomina</button>`,
|
||||
`<button type="button" class="layer-remove-button" aria-label="Rimuovi gruppo dal progetto" title="Rimuovi dal progetto">Rimuovi</button>`);
|
||||
block.classList.add("layer-manager-with-actions");
|
||||
block.innerHTML = `<summary><button type="button" class="layer-drag-handle" aria-label="Trascina blocco">☰</button><input type="checkbox" ${visible ? "checked" : ""} aria-label="Mostra ${escapeHtml(blockName)}"><span class="layer-manager-title">${escapeHtml(blockName)}</span>${rowActions}${layerManagerMoveButtons("blocco")}<span class="layer-manager-count">${records.length}</span></summary><div class="layer-manager-children"></div>`;
|
||||
const checkbox = block.querySelector("input");
|
||||
checkbox.indeterminate = visibleCount > 0 && !visible;
|
||||
checkbox.addEventListener("click", event => event.stopPropagation());
|
||||
@@ -1389,6 +1461,11 @@ function renderLayerManagerBlock(category, source, records) {
|
||||
event.stopPropagation();
|
||||
renameManagedBlock(category, source, records);
|
||||
});
|
||||
block.querySelector(".layer-remove-button").addEventListener("click", event => {
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
removeManagedRecords(records, `il gruppo '${blockName}'`);
|
||||
});
|
||||
bindManagedParentHighlight(block, `block:${category.key}:${source}`, records);
|
||||
const children = block.querySelector(".layer-manager-children");
|
||||
records.forEach((record, index) => children.appendChild(renderLayerManagerObject(record, index)));
|
||||
@@ -1408,7 +1485,13 @@ function renderLayerManagerObject(record, index) {
|
||||
const renameButton = managedObjectCanRename(record)
|
||||
? `<button type="button" class="layer-rename-button" aria-label="Rinomina oggetto" title="Rinomina">Rinomina</button>`
|
||||
: "";
|
||||
object.innerHTML = `<summary><button type="button" class="layer-drag-handle" aria-label="Trascina oggetto">☰</button><input type="checkbox" ${visible ? "checked" : ""} aria-label="Mostra oggetto"><span class="layer-manager-title">${escapeHtml(managedObjectLabel(record, index))}</span>${renameButton}${layerManagerMoveButtons("oggetto")}<span class="layer-manager-count">›</span></summary><div class="layer-manager-details"></div>`;
|
||||
const removeButton = managedObjectCanRemove(record)
|
||||
? `<button type="button" class="layer-remove-button" aria-label="Rimuovi oggetto dal progetto" title="Rimuovi dal progetto">Rimuovi</button>`
|
||||
: "";
|
||||
const rowActions = layerManagerRowActions(renameButton, removeButton);
|
||||
object.classList.toggle("layer-manager-with-actions", Boolean(rowActions));
|
||||
const objectName = managedObjectLabel(record, index);
|
||||
object.innerHTML = `<summary><button type="button" class="layer-drag-handle" aria-label="Trascina oggetto">☰</button><input type="checkbox" ${visible ? "checked" : ""} aria-label="Mostra oggetto"><span class="layer-manager-title">${escapeHtml(objectName)}</span>${rowActions}${layerManagerMoveButtons("oggetto")}<span class="layer-manager-count">›</span></summary><div class="layer-manager-details"></div>`;
|
||||
const checkbox = object.querySelector("input");
|
||||
checkbox.addEventListener("click", event => event.stopPropagation());
|
||||
checkbox.addEventListener("change", () => setManagedObjectVisible(record, checkbox.checked, true));
|
||||
@@ -1417,6 +1500,11 @@ function renderLayerManagerObject(record, index) {
|
||||
event.stopPropagation();
|
||||
renameManagedObject(record, index);
|
||||
});
|
||||
object.querySelector(".layer-remove-button")?.addEventListener("click", event => {
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
removeManagedRecords([record], `'${objectName}'`);
|
||||
});
|
||||
object.querySelector(".layer-manager-title").addEventListener("click", event => {
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
@@ -2695,6 +2783,7 @@ function captureDisplayOptions() {
|
||||
layerOrder: [...lmeState.layerOrder],
|
||||
layerObjectOrder: { ...lmeState.managerObjectOrder },
|
||||
layerCategoryNames: { ...lmeState.managerCategoryNames },
|
||||
removedLayerCategories: [...lmeState.managerRemovedCategories],
|
||||
hiddenLayerObjects: [...lmeState.managerHiddenObjectIds],
|
||||
hiddenLayerMeasurementSummaries: [...lmeState.managerHiddenMeasurementSummaryIds],
|
||||
hiddenLayerMeasurementSides: [...lmeState.managerHiddenMeasurementSideIds],
|
||||
@@ -2734,6 +2823,9 @@ function applyProjectDisplayOptions(options) {
|
||||
if (options.layerCategoryNames && typeof options.layerCategoryNames === "object") {
|
||||
lmeState.managerCategoryNames = { ...options.layerCategoryNames };
|
||||
}
|
||||
if (Array.isArray(options.removedLayerCategories)) {
|
||||
lmeState.managerRemovedCategories = new Set(options.removedLayerCategories);
|
||||
}
|
||||
if (Array.isArray(options.hiddenLayerObjects)) {
|
||||
lmeState.managerHiddenObjectIds = new Set(options.hiddenLayerObjects);
|
||||
}
|
||||
@@ -2835,6 +2927,7 @@ function resetLayerManagerProjectState() {
|
||||
lmeState.managerHiddenMeasurementSummaryIds.clear();
|
||||
lmeState.managerHiddenMeasurementSideIds.clear();
|
||||
lmeState.managerHiddenCategories.clear();
|
||||
lmeState.managerRemovedCategories.clear();
|
||||
lmeState.managerObjectOrder = {};
|
||||
lmeState.managerCategoryNames = {};
|
||||
clearManagerHighlight();
|
||||
|
||||
Reference in new issue
Block a user