Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
cfba1b998b | ||
|
|
f1224b21c4 | ||
|
|
eb5f51795b |
No files matched your search
@@ -0,0 +1,113 @@
|
|||||||
|
<details class="menu-help">
|
||||||
|
<summary>
|
||||||
|
<span aria-hidden="true">?</span>
|
||||||
|
<strong>Guida rapida</strong>
|
||||||
|
</summary>
|
||||||
|
<div class="menu-help-content">
|
||||||
|
<p>@Introduction</p>
|
||||||
|
<ol>
|
||||||
|
@foreach (var instruction in Instructions)
|
||||||
|
{
|
||||||
|
<li>@instruction</li>
|
||||||
|
}
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
|
||||||
|
@code {
|
||||||
|
[Parameter, EditorRequired]
|
||||||
|
public string Topic { get; set; } = string.Empty;
|
||||||
|
|
||||||
|
private string Introduction => Topic switch
|
||||||
|
{
|
||||||
|
"layers" => "Qui controlli visibilita, ordine, selezione e organizzazione di tutti gli oggetti presenti sulla mappa.",
|
||||||
|
"cadastre" => "Trova una particella nel catalogo catastale e mostrane il confine ufficiale sulla mappa.",
|
||||||
|
"data" => "Importa file GIS, crea disegni e misure oppure aggiungi punti di interesse.",
|
||||||
|
"save" => "Esporta gli elementi della mappa in un file compatibile con altre applicazioni GIS e GPS.",
|
||||||
|
"projects" => "Salva il lavoro completo, riaprilo, organizzalo e recupera revisioni o copie di sicurezza.",
|
||||||
|
"tools" => "Consulta e gestisci gli oggetti in modo avanzato, controlla le coordinate e prepara mappe offline.",
|
||||||
|
"settings" => "Personalizza mappa, salvataggi, GPS, sincronizzazione e servizi esterni.",
|
||||||
|
_ => "Consulta le indicazioni essenziali per usare questo pannello."
|
||||||
|
};
|
||||||
|
|
||||||
|
private IReadOnlyList<string> Instructions => Topic switch
|
||||||
|
{
|
||||||
|
"layers" =>
|
||||||
|
[
|
||||||
|
"Visibilita: usa la casella di una categoria o di un gruppo per mostrare o nascondere tutti i suoi contenuti; la casella del singolo oggetto agisce solo su quello.",
|
||||||
|
"Gerarchia: premi la freccia accanto alla maniglia per aprire un gruppo. Il rientro, il carattere e la tonalita indicano se una riga e figlia, nipote o di livello successivo.",
|
||||||
|
"Selezione multipla: attiva il flag sulle righe desiderate. Esempio: seleziona tre poligoni per esportare solo quelli oppure per bloccarli con una sola operazione.",
|
||||||
|
"Rinomina e attributi: Rinomina modifica il nome mostrato e salvato nei progetti e nei file esportati; Attributi apre un editor multilinea per consultare o correggere i dati associati.",
|
||||||
|
"Blocco: il lucchetto impedisce modifiche e spostamenti involontari. Sblocca l'oggetto prima di usare la matita o gli strumenti geometrici.",
|
||||||
|
"Sposta nel gruppo cambia l'appartenenza. Esempio: trasferisci un poligono da Disegni e POI a Progetti e dati importati, oppure in un nuovo sottogruppo chiamato Rilievo nord.",
|
||||||
|
"Sposta geometria cambia invece le coordinate dell'oggetto, per esempio 100 metri verso nord; non modifica il gruppo di appartenenza.",
|
||||||
|
"Rimuovi dal progetto nasconde l'elemento e lo esclude dai salvataggi successivi; Elimina lo sposta nel cestino. Usa gli strumenti avanzati per ripristinare l'ultima rimozione o svuotare definitivamente il cestino.",
|
||||||
|
"Ordine: trascina la maniglia di una riga verso l'alto o il basso per cambiare la sovrapposizione sulla mappa."
|
||||||
|
],
|
||||||
|
"cadastre" =>
|
||||||
|
[
|
||||||
|
"Compila i campi nell'ordine Regione, Comune, Foglio e Particella: ogni scelta carica l'elenco necessario al campo successivo.",
|
||||||
|
"Esempio: scegli Campania, il Comune, il foglio 12 e la particella 345, poi premi Mostra particella sulla mappa.",
|
||||||
|
"Il confine ufficiale viene evidenziato in rosso. Se Centra e zooma quando seleziono un oggetto e attivo nelle Impostazioni, la mappa lo inquadra automaticamente.",
|
||||||
|
"Se la particella e gia presente tra disegni, progetti o file GeoJSON, KML e KMZ, l'app riconosce il riferimento catastale o la geometria e riutilizza l'oggetto esistente senza duplicarlo.",
|
||||||
|
"Se un oggetto gia presente era nascosto, viene reso nuovamente visibile. La visibilita generale dei contorni rossi e dei dati importati resta controllabile dal pannello Layer.",
|
||||||
|
"Quando il servizio ufficiale non restituisce subito il confine, attendi il completamento indicato nel pannello e riprova mantenendo gli stessi dati selezionati."
|
||||||
|
],
|
||||||
|
"data" =>
|
||||||
|
[
|
||||||
|
"Importazione: premi Carica KML, KMZ o GeoJSON e scegli il file dal dispositivo. I nomi e gli attributi riconosciuti vengono mantenuti.",
|
||||||
|
"Per KML e KMZ, Includi anche il layer del foglio importa pure cornici e riquadri generali; disattivalo quando vuoi conservare soltanto le particelle riconosciute.",
|
||||||
|
"Usa Mostra dati importati e Mostra cornice per controllare separatamente la visibilita. Inquadra dati porta la mappa sull'estensione completa del file.",
|
||||||
|
"Disegno: premi Mostra strumenti sulla mappa, torna alla mappa e scegli linea, poligono, rettangolo, cerchio o POI nella barra Leaflet.",
|
||||||
|
"Modifica ed eliminazione possono agire sull'oggetto selezionato o su tutti i disegni. Prima seleziona sulla mappa la linea o il poligono interessato, poi scegli l'ambito dal piccolo comando accanto alla matita o al cestino.",
|
||||||
|
"Annulla e Ripristina coprono disegni, spostamenti, rinomine ed eliminazioni recenti. Recupera ultimo autosalvataggio ricarica invece l'ultima copia locale creata automaticamente.",
|
||||||
|
"Esempio POI: porta il centro della mappa sull'ingresso di un terreno, scrivi Cancello nord e premi Aggiungi POI al centro mappa.",
|
||||||
|
"Per rinominare, bloccare o trasferire un oggetto in un altro gruppo, apri Layer e usa i comandi della relativa riga."
|
||||||
|
],
|
||||||
|
"save" =>
|
||||||
|
[
|
||||||
|
"Inserisci un nome riconoscibile, per esempio Rilievo particelle 12-345, poi scegli il formato in base all'uso previsto.",
|
||||||
|
"GeoJSON e adatto ai software GIS e conserva geometrie, nomi e attributi; KML e KMZ sono adatti a Google Earth, con KMZ piu compatto per invio e archiviazione.",
|
||||||
|
"GPX e pensato per dispositivi e applicazioni GPS; PDF crea un rapporto consultabile e stampabile invece di un file vettoriale modificabile.",
|
||||||
|
"Attiva solo le categorie da includere. Esempio: per consegnare disegni e particelle importate senza la traccia GPS, lascia attive quelle due voci e disattiva Traccia GPS.",
|
||||||
|
"Solo oggetti selezionati esporta esclusivamente le righe contrassegnate nel pannello Layer. Se non devi filtrare manualmente, lascia questa opzione disattivata.",
|
||||||
|
"Premi Esporta e salva file e scegli la cartella o l'app di destinazione proposta dal dispositivo.",
|
||||||
|
"Nomi rinominati e attributi vengono salvati in GeoJSON, KML e KMZ. Gli sfondi satellitari, stradali e WMS non vengono incorporati nei file vettoriali."
|
||||||
|
],
|
||||||
|
"projects" =>
|
||||||
|
[
|
||||||
|
"Nuovo progetto: inserisci un nome, scegli se includere i contorni catastali rossi e premi Salva progetto. Vengono conservati oggetti, gruppi, nomi, attributi e opzioni di visualizzazione.",
|
||||||
|
"Aggiornamento: dopo aver aperto un progetto, usa di nuovo Salva progetto con lo stesso nome per aggiornarlo. Se nelle Impostazioni attivi Aggiorna automaticamente il progetto aperto, le modifiche vengono registrate dopo 3 secondi di inattivita.",
|
||||||
|
"Cartelle: seleziona un progetto, scrivi per esempio Cantieri 2026 e premi Sposta per organizzarlo nell'archivio; questa operazione non sposta le geometrie sulla mappa.",
|
||||||
|
"Duplica crea una copia modificabile, utile prima di una variante importante o quando ricevi un progetto in sola lettura.",
|
||||||
|
"Archivia nasconde logicamente i lavori conclusi senza eliminarli; Ripristina li riporta tra quelli attivi. Elimina rimuove invece il progetto dall'archivio.",
|
||||||
|
"Condividi modificabile consente al destinatario di continuare il lavoro; Condividi in sola lettura protegge l'originale e richiede una duplicazione per modificarlo.",
|
||||||
|
"Revisioni: seleziona una data e usa Apri revisione per consultarne lo stato oppure Confronta per vedere le differenze con la versione corrente.",
|
||||||
|
"Backup: Crea backup raccoglie tutti i progetti in un file trasferibile. Ripristina backup ricarica un archivio completo; Importa progetto aggiunge invece un singolo progetto condiviso."
|
||||||
|
],
|
||||||
|
"tools" =>
|
||||||
|
[
|
||||||
|
"Tabella oggetti: apre una vista ordinata di particelle, file importati e disegni. Usa i flag per selezionare piu righe e il lucchetto per proteggerle dalle modifiche.",
|
||||||
|
"Coordinate WGS84 e UTM: scegli un punto sulla mappa per leggere latitudine e longitudine oppure le coordinate metriche UTM, utili per rilievi e confronti tecnici.",
|
||||||
|
"Registro operazioni: mostra in ordine cronologico disegni, modifiche, rinomine, spostamenti ed eliminazioni, cosi puoi capire cosa e cambiato durante la sessione.",
|
||||||
|
"Cestino: Ripristina ultima rimozione recupera l'elemento eliminato piu recente. Svuota cestino elimina definitivamente tutti gli elementi rimossi e non consente ulteriori recuperi.",
|
||||||
|
"Mappe offline: prima inquadra sulla mappa la zona che ti servira sul campo, quindi scegli quanti livelli di zoom aggiuntivi scaricare. Valori maggiori offrono piu dettaglio ma richiedono piu spazio e tempo.",
|
||||||
|
"Esempio offline: inquadra il cantiere e le strade di accesso, imposta 2 livelli aggiuntivi e premi Scarica area visibile mentre hai connessione.",
|
||||||
|
"Usa mappe offline seleziona lo sfondo salvato localmente; Svuota archivio libera lo spazio occupato dalle tessere scaricate."
|
||||||
|
],
|
||||||
|
"settings" =>
|
||||||
|
[
|
||||||
|
"Mappa e sfondo: scegli la cartografia di base e regola Trasparenza catasto per leggere meglio confini e immagini sottostanti. Esempio: riducila quando le linee coprono dettagli del terreno.",
|
||||||
|
"Autosalvataggio locale dopo ogni modifica: se attivo, ogni disegno, modifica, rinomina o eliminazione aggiorna immediatamente una copia di recupero nel dispositivo. Per usarla apri Dati e disegni e premi Recupera ultimo autosalvataggio.",
|
||||||
|
"Aggiorna automaticamente il progetto aperto: funziona solo dopo aver aperto o salvato un progetto modificabile. Dopo una modifica attende 3 secondi senza altre operazioni e aggiorna quel progetto; un progetto in sola lettura non viene mai sovrascritto.",
|
||||||
|
"Backup automatico: scegli Giornaliero o Settimanale. Alla successiva pressione di Salva progetto, se e trascorso l'intervallo, viene creata una copia interna di tutti i progetti; l'app conserva le 10 copie automatiche piu recenti. Disattivato non crea nuove copie programmate.",
|
||||||
|
"Esempio consigliato: lascia attivo l'autosalvataggio locale, attiva l'aggiornamento del progetto aperto durante i rilievi e imposta un backup giornaliero. Prima di modifiche importanti crea anche un backup manuale dal menu Progetti.",
|
||||||
|
"Aggancio ai vertici: avvicinando un nuovo vertice a uno esistente, l'app lo allinea entro la distanza in pixel scelta. Aumenta la distanza su schermi piccoli; riducila quando ci sono molti vertici ravvicinati.",
|
||||||
|
"Centra e zooma quando seleziono un oggetto: attivalo per inquadrare automaticamente ogni elemento scelto; disattivalo se vuoi mantenere ferma la vista mentre lavori dall'elenco Layer.",
|
||||||
|
"WebDAV: inserisci indirizzo, utente e password applicazione, salva la configurazione, poi usa Invia al cloud per caricare il backup o Scarica dal cloud per ripristinare quello remoto.",
|
||||||
|
"GPS e percorso: Mostra punto visualizza posizione e precisione; Registra traccia memorizza il cammino; distanza e avvisi aiutano a controllare l'avvicinamento e l'attraversamento del confine selezionato.",
|
||||||
|
"Google Maps e Azure Maps richiedono le rispettive chiavi solo quando scegli quegli sfondi. Controlla nuova versione confronta la versione installata con l'ultima pubblicata e mostra le relative modifiche."
|
||||||
|
],
|
||||||
|
_ => []
|
||||||
|
};
|
||||||
|
}
|
||||||
+29
-17
@@ -102,6 +102,7 @@
|
|||||||
<button class="danger-command" @onclick="ClearSelectedParcels">Elimina definitivamente le particelle selezionate</button>
|
<button class="danger-command" @onclick="ClearSelectedParcels">Elimina definitivamente le particelle selezionate</button>
|
||||||
<button class="danger-command" @onclick="ClearMapElements">Pulisci elementi mappa</button>
|
<button class="danger-command" @onclick="ClearMapElements">Pulisci elementi mappa</button>
|
||||||
</div>
|
</div>
|
||||||
|
<MenuHelp Topic="layers" />
|
||||||
</section>
|
</section>
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -189,6 +190,7 @@
|
|||||||
<strong>Mappa pubblica ufficiale</strong>
|
<strong>Mappa pubblica ufficiale</strong>
|
||||||
<p>I confini visualizzati arrivano dai servizi WMS/WFS open data dell'Agenzia delle Entrate e non richiedono CAPTCHA.</p>
|
<p>I confini visualizzati arrivano dai servizi WMS/WFS open data dell'Agenzia delle Entrate e non richiedono CAPTCHA.</p>
|
||||||
</div>
|
</div>
|
||||||
|
<MenuHelp Topic="cadastre" />
|
||||||
</section>
|
</section>
|
||||||
}
|
}
|
||||||
else if (ActiveTab == "data")
|
else if (ActiveTab == "data")
|
||||||
@@ -253,6 +255,7 @@
|
|||||||
</label>
|
</label>
|
||||||
<button class="primary-command" @onclick="AddProjectMarker">Aggiungi POI al centro mappa</button>
|
<button class="primary-command" @onclick="AddProjectMarker">Aggiungi POI al centro mappa</button>
|
||||||
</section>
|
</section>
|
||||||
|
<MenuHelp Topic="data" />
|
||||||
</section>
|
</section>
|
||||||
}
|
}
|
||||||
else if (ActiveTab == "save")
|
else if (ActiveTab == "save")
|
||||||
@@ -310,6 +313,7 @@
|
|||||||
<small class="field-help">KML e KMZ sono compatibili con Google Earth. Gli sfondi satellitari e il WMS non vengono incorporati nel file vettoriale.</small>
|
<small class="field-help">KML e KMZ sono compatibili con Google Earth. Gli sfondi satellitari e il WMS non vengono incorporati nel file vettoriale.</small>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<MenuHelp Topic="save" />
|
||||||
</section>
|
</section>
|
||||||
}
|
}
|
||||||
else if (ActiveTab == "projects")
|
else if (ActiveTab == "projects")
|
||||||
@@ -340,27 +344,25 @@
|
|||||||
}
|
}
|
||||||
</select>
|
</select>
|
||||||
</label>
|
</label>
|
||||||
<div class="button-row">
|
<div class="project-command-stack">
|
||||||
<button @onclick="LoadProject" disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">Apri</button>
|
<button @onclick="LoadProject" disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">Apri</button>
|
||||||
<button class="danger-command" @onclick="DeleteProject" disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">Elimina</button>
|
<button class="danger-command" @onclick="DeleteProject" disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">Elimina</button>
|
||||||
|
</div>
|
||||||
<label>
|
<label>
|
||||||
Cartella
|
Cartella
|
||||||
<input @bind="ProjectFolder" placeholder="Es. Cantieri 2026" maxlength="60" />
|
<input @bind="ProjectFolder" placeholder="Es. Cantieri 2026" maxlength="60" />
|
||||||
</label>
|
</label>
|
||||||
<div class="button-row">
|
<div class="project-command-stack">
|
||||||
<button class="secondary-command" @onclick="UpdateProjectFolder" disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">Sposta</button>
|
<button class="secondary-command" @onclick="UpdateProjectFolder" disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">Sposta</button>
|
||||||
<button class="secondary-command" @onclick="DuplicateProject" disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">Duplica</button>
|
<button class="secondary-command" @onclick="DuplicateProject" disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">Duplica</button>
|
||||||
</div>
|
|
||||||
<div class="button-row">
|
|
||||||
<button class="secondary-command" @onclick="ToggleProjectArchive" disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">@(SelectedProject?.IsArchived == true ? "Ripristina" : "Archivia")</button>
|
<button class="secondary-command" @onclick="ToggleProjectArchive" disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">@(SelectedProject?.IsArchived == true ? "Ripristina" : "Archivia")</button>
|
||||||
<button class="secondary-command" @onclick='() => ShareProject(false)' disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">Condividi modificabile</button>
|
<button class="secondary-command" @onclick='() => ShareProject(false)' disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">Condividi modificabile</button>
|
||||||
</div>
|
|
||||||
<button class="secondary-command" @onclick='() => ShareProject(true)' disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">Condividi in sola lettura</button>
|
<button class="secondary-command" @onclick='() => ShareProject(true)' disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">Condividi in sola lettura</button>
|
||||||
|
</div>
|
||||||
@if (SelectedProject?.IsReadOnly == true)
|
@if (SelectedProject?.IsReadOnly == true)
|
||||||
{
|
{
|
||||||
<small class="field-help">Questo progetto è protetto. Usa Duplica per crearne una copia modificabile.</small>
|
<small class="field-help">Questo progetto è protetto. Usa Duplica per crearne una copia modificabile.</small>
|
||||||
}
|
}
|
||||||
</div>
|
|
||||||
<label>
|
<label>
|
||||||
Revisione precedente
|
Revisione precedente
|
||||||
<select @bind="SelectedVersionId" disabled="@(ProjectVersions.Count == 0)">
|
<select @bind="SelectedVersionId" disabled="@(ProjectVersions.Count == 0)">
|
||||||
@@ -407,6 +409,7 @@
|
|||||||
<span>Mostra misure dei disegni</span>
|
<span>Mostra misure dei disegni</span>
|
||||||
</label>
|
</label>
|
||||||
</section>
|
</section>
|
||||||
|
<MenuHelp Topic="projects" />
|
||||||
</section>
|
</section>
|
||||||
}
|
}
|
||||||
else if (ActiveTab == "tools")
|
else if (ActiveTab == "tools")
|
||||||
@@ -418,15 +421,6 @@
|
|||||||
<button class="secondary-command" @onclick="ShowCoordinateInspector">Coordinate WGS84 e UTM</button>
|
<button class="secondary-command" @onclick="ShowCoordinateInspector">Coordinate WGS84 e UTM</button>
|
||||||
<button class="secondary-command" @onclick="ShowAuditLog">Registro operazioni</button>
|
<button class="secondary-command" @onclick="ShowAuditLog">Registro operazioni</button>
|
||||||
</section>
|
</section>
|
||||||
<section class="panel-section">
|
|
||||||
<h2>Controllo geometrie</h2>
|
|
||||||
<small class="field-help">Seleziona gli oggetti dalla mappa o dal pannello Layer.</small>
|
|
||||||
<div class="button-row">
|
|
||||||
<button class="secondary-command" @onclick="ValidateSelectedGeometries">Controlla e ripara</button>
|
|
||||||
<button class="secondary-command" @onclick="CreateSelectedHole">Crea foro</button>
|
|
||||||
</div>
|
|
||||||
<button class="secondary-command" @onclick="CompareSelectedGeometries">Confronta due confini</button>
|
|
||||||
</section>
|
|
||||||
<section class="panel-section">
|
<section class="panel-section">
|
||||||
<h2>Cestino</h2>
|
<h2>Cestino</h2>
|
||||||
<div class="button-row">
|
<div class="button-row">
|
||||||
@@ -447,6 +441,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<small class="field-help">@OfflineStatus</small>
|
<small class="field-help">@OfflineStatus</small>
|
||||||
</section>
|
</section>
|
||||||
|
<MenuHelp Topic="tools" />
|
||||||
</section>
|
</section>
|
||||||
}
|
}
|
||||||
else if (ActiveTab == "settings")
|
else if (ActiveTab == "settings")
|
||||||
@@ -516,6 +511,10 @@
|
|||||||
<input type="checkbox" @bind="SnapEnabled" @bind:after="ApplyAdvancedOptions" />
|
<input type="checkbox" @bind="SnapEnabled" @bind:after="ApplyAdvancedOptions" />
|
||||||
<span>Aggancia i vertici agli oggetti vicini</span>
|
<span>Aggancia i vertici agli oggetti vicini</span>
|
||||||
</label>
|
</label>
|
||||||
|
<label class="toggle-line project-save-option">
|
||||||
|
<input type="checkbox" @bind="AutoFitSelectedObject" @bind:after="ApplyAdvancedOptions" />
|
||||||
|
<span>Centra e zooma quando seleziono un oggetto</span>
|
||||||
|
</label>
|
||||||
<label>
|
<label>
|
||||||
Distanza aggancio in pixel
|
Distanza aggancio in pixel
|
||||||
<input type="range" min="4" max="40" step="1" @bind="SnapDistancePixels" @bind:after="ApplyAdvancedOptions" />
|
<input type="range" min="4" max="40" step="1" @bind="SnapDistancePixels" @bind:after="ApplyAdvancedOptions" />
|
||||||
@@ -594,6 +593,7 @@
|
|||||||
<button class="secondary-command" @onclick="ExportCadastralImage">Mostra vista WMS corrente</button>
|
<button class="secondary-command" @onclick="ExportCadastralImage">Mostra vista WMS corrente</button>
|
||||||
<footer>Dati catastali: Agenzia delle Entrate, licenza CC BY 4.0. App indipendente.</footer>
|
<footer>Dati catastali: Agenzia delle Entrate, licenza CC BY 4.0. App indipendente.</footer>
|
||||||
</section>
|
</section>
|
||||||
|
<MenuHelp Topic="settings" />
|
||||||
</section>
|
</section>
|
||||||
}
|
}
|
||||||
</aside>
|
</aside>
|
||||||
@@ -675,6 +675,7 @@
|
|||||||
private bool AutoSaveOpenProject { get; set; }
|
private bool AutoSaveOpenProject { get; set; }
|
||||||
private string AutomaticBackupFrequency { get; set; } = "daily";
|
private string AutomaticBackupFrequency { get; set; } = "daily";
|
||||||
private bool SnapEnabled { get; set; } = true;
|
private bool SnapEnabled { get; set; } = true;
|
||||||
|
private bool AutoFitSelectedObject { get; set; }
|
||||||
private int SnapDistancePixels { get; set; } = 14;
|
private int SnapDistancePixels { get; set; } = 14;
|
||||||
private bool GpsProximityEnabled { get; set; } = true;
|
private bool GpsProximityEnabled { get; set; } = true;
|
||||||
private bool GpsBoundaryAlertEnabled { get; set; }
|
private bool GpsBoundaryAlertEnabled { get; set; }
|
||||||
@@ -1099,8 +1100,16 @@
|
|||||||
var label = $"{municipality.Name} - foglio {DisplaySheet(SelectedSheet)}, particella {parcel.Number}";
|
var label = $"{municipality.Name} - foglio {DisplaySheet(SelectedSheet)}, particella {parcel.Number}";
|
||||||
CatalogBusy = true;
|
CatalogBusy = true;
|
||||||
CatalogMessage = "Scarico il confine dal servizio ufficiale AdE...";
|
CatalogMessage = "Scarico il confine dal servizio ufficiale AdE...";
|
||||||
var xml = await OfficialCadastreService.GetParcelsNearAsync(parcel.Latitude, parcel.Longitude, 8);
|
ShowSelectedParcels = true;
|
||||||
await JS.InvokeVoidAsync("lmeMap.displayOfficialParcel", xml, parcel.Latitude, parcel.Longitude, parcel.Number, label, true);
|
SaveFlagPreferences();
|
||||||
|
await JS.InvokeVoidAsync("lmeMap.setSelectedParcelsVisible", true);
|
||||||
|
var xml = await OfficialCadastreService.GetParcelsNearAsync(parcel.Latitude, parcel.Longitude, 30);
|
||||||
|
var displayResult = await JS.InvokeAsync<string>("lmeMap.displayOfficialParcel", xml, parcel.Latitude, parcel.Longitude, parcel.Number, label, true);
|
||||||
|
if (displayResult == "imported")
|
||||||
|
{
|
||||||
|
ShowImportedData = true;
|
||||||
|
SaveFlagPreferences();
|
||||||
|
}
|
||||||
ActiveTab = "map";
|
ActiveTab = "map";
|
||||||
await Task.Delay(30);
|
await Task.Delay(30);
|
||||||
await JS.InvokeVoidAsync("lmeMap.resize");
|
await JS.InvokeVoidAsync("lmeMap.resize");
|
||||||
@@ -1894,6 +1903,7 @@
|
|||||||
AutoSaveOpenProject = GetFlagPreference("auto_save_project", false);
|
AutoSaveOpenProject = GetFlagPreference("auto_save_project", false);
|
||||||
AutomaticBackupFrequency = Preferences.Default.Get($"{FlagPreferencePrefix}backup_frequency", "daily");
|
AutomaticBackupFrequency = Preferences.Default.Get($"{FlagPreferencePrefix}backup_frequency", "daily");
|
||||||
SnapEnabled = GetFlagPreference("snap_enabled", true);
|
SnapEnabled = GetFlagPreference("snap_enabled", true);
|
||||||
|
AutoFitSelectedObject = GetFlagPreference("auto_fit_selected_object", false);
|
||||||
SnapDistancePixels = Preferences.Default.Get($"{FlagPreferencePrefix}snap_distance", 14);
|
SnapDistancePixels = Preferences.Default.Get($"{FlagPreferencePrefix}snap_distance", 14);
|
||||||
OfflineExtraZoomLevels = Preferences.Default.Get($"{FlagPreferencePrefix}offline_zoom_levels", 2);
|
OfflineExtraZoomLevels = Preferences.Default.Get($"{FlagPreferencePrefix}offline_zoom_levels", 2);
|
||||||
GpsProximityEnabled = GetFlagPreference("gps_proximity", true);
|
GpsProximityEnabled = GetFlagPreference("gps_proximity", true);
|
||||||
@@ -1928,6 +1938,7 @@
|
|||||||
SetFlagPreference("auto_save_project", AutoSaveOpenProject);
|
SetFlagPreference("auto_save_project", AutoSaveOpenProject);
|
||||||
Preferences.Default.Set($"{FlagPreferencePrefix}backup_frequency", AutomaticBackupFrequency);
|
Preferences.Default.Set($"{FlagPreferencePrefix}backup_frequency", AutomaticBackupFrequency);
|
||||||
SetFlagPreference("snap_enabled", SnapEnabled);
|
SetFlagPreference("snap_enabled", SnapEnabled);
|
||||||
|
SetFlagPreference("auto_fit_selected_object", AutoFitSelectedObject);
|
||||||
Preferences.Default.Set($"{FlagPreferencePrefix}snap_distance", SnapDistancePixels);
|
Preferences.Default.Set($"{FlagPreferencePrefix}snap_distance", SnapDistancePixels);
|
||||||
Preferences.Default.Set($"{FlagPreferencePrefix}offline_zoom_levels", OfflineExtraZoomLevels);
|
Preferences.Default.Set($"{FlagPreferencePrefix}offline_zoom_levels", OfflineExtraZoomLevels);
|
||||||
SetFlagPreference("gps_proximity", GpsProximityEnabled);
|
SetFlagPreference("gps_proximity", GpsProximityEnabled);
|
||||||
@@ -1964,6 +1975,7 @@
|
|||||||
{
|
{
|
||||||
autoSaveEnabled = AutoSaveEnabled,
|
autoSaveEnabled = AutoSaveEnabled,
|
||||||
snapEnabled = SnapEnabled,
|
snapEnabled = SnapEnabled,
|
||||||
|
autoFitSelectedObject = AutoFitSelectedObject,
|
||||||
snapDistancePixels = SnapDistancePixels,
|
snapDistancePixels = SnapDistancePixels,
|
||||||
gpsProximityEnabled = GpsProximityEnabled,
|
gpsProximityEnabled = GpsProximityEnabled,
|
||||||
gpsBoundaryAlertEnabled = GpsBoundaryAlertEnabled
|
gpsBoundaryAlertEnabled = GpsBoundaryAlertEnabled
|
||||||
|
|||||||
@@ -28,8 +28,8 @@
|
|||||||
<ApplicationId>com.companyname.lmemappecatastaliapp</ApplicationId>
|
<ApplicationId>com.companyname.lmemappecatastaliapp</ApplicationId>
|
||||||
|
|
||||||
<!-- Versions -->
|
<!-- Versions -->
|
||||||
<ApplicationDisplayVersion>0.4.0</ApplicationDisplayVersion>
|
<ApplicationDisplayVersion>0.4.3</ApplicationDisplayVersion>
|
||||||
<ApplicationVersion>35</ApplicationVersion>
|
<ApplicationVersion>38</ApplicationVersion>
|
||||||
<Version>$(ApplicationDisplayVersion)</Version>
|
<Version>$(ApplicationDisplayVersion)</Version>
|
||||||
|
|
||||||
<!-- To develop, package, and publish an app to the Microsoft Store, see: https://aka.ms/MauiTemplateUnpackaged -->
|
<!-- To develop, package, and publish an app to the Microsoft Store, see: https://aka.ms/MauiTemplateUnpackaged -->
|
||||||
|
|||||||
@@ -2,6 +2,35 @@
|
|||||||
|
|
||||||
App .NET MAUI Blazor Hybrid per Android, iOS, Mac Catalyst e Windows, pensata per consultare mappe catastali e lavorare sul campo con GPS.
|
App .NET MAUI Blazor Hybrid per Android, iOS, Mac Catalyst e Windows, pensata per consultare mappe catastali e lavorare sul campo con GPS.
|
||||||
|
|
||||||
|
## Versione 0.4.3
|
||||||
|
|
||||||
|
- `Mostra particella sulla mappa` riattiva sempre il layer dei confini rossi e lo porta in primo piano.
|
||||||
|
- Una particella gia evidenziata o temporaneamente nascosta viene recuperata senza creare duplicati.
|
||||||
|
- Deduplicazione estesa alle particelle presenti in progetti e file GeoJSON, KML e KMZ, tramite riferimenti catastali o confronto geometrico.
|
||||||
|
- Ricerca WFS ampliata per rendere piu affidabile il recupero dei confini di particelle estese o irregolari.
|
||||||
|
- Guida rapida collassabile in fondo a Layer e a ogni pannello operativo, con istruzioni specifiche per le relative funzioni.
|
||||||
|
|
||||||
|
## Versione 0.4.2
|
||||||
|
|
||||||
|
- Nuovo comando `Sposta nel gruppo` visibile accanto a Rinomina e Rimuovi per padri, sottogruppi e singoli oggetti.
|
||||||
|
- Scelta della categoria e del sottogruppo di destinazione, con possibilita di creare un nuovo gruppo.
|
||||||
|
- I disegni possono essere organizzati in sottogruppi come i dati importati.
|
||||||
|
- `Sposta geometria` resta separato e continua a traslare gli oggetti in metri verso nord, sud, est o ovest.
|
||||||
|
|
||||||
|
## Versione 0.4.1
|
||||||
|
|
||||||
|
- Pannelli operativi allineati a destra, con ricerca lasciata nella posizione precedente.
|
||||||
|
- Espansione della gerarchia Layer esclusivamente tramite freccia accanto alla maniglia di trascinamento.
|
||||||
|
- Colori coerenti tra gruppo padre e figli, intensita progressiva per livello e conteggio figli in grassetto.
|
||||||
|
- Spostamento dei gruppi tra `Disegni e POI` e `Progetti e dati importati`.
|
||||||
|
- Rinomine persistenti nei progetti e negli export GeoJSON, KML e KMZ.
|
||||||
|
- Gli oggetti e i gruppi rimossi dal progetto non vengono piu inclusi nei salvataggi e negli export.
|
||||||
|
- Editor interni per rinomina, attributi multilinea, coordinate, spostamento e buffer.
|
||||||
|
- Selezione multipla e blocco disponibili anche nella tabella oggetti e particelle.
|
||||||
|
- Evidenziazione nel Layer dell'oggetto selezionato sulla mappa e centratura automatica opzionale, disattivata per impostazione predefinita.
|
||||||
|
- Strumenti controllo/riparazione, foro e confronto nella barra Leaflet, con risultati visibili in una finestra dedicata.
|
||||||
|
- Comandi del pannello Progetti disposti verticalmente senza scorrimento orizzontale.
|
||||||
|
|
||||||
## Versione 0.4.0
|
## Versione 0.4.0
|
||||||
|
|
||||||
La mappa ora occupa tutta la schermata: il pannello `Layer` resta subito accessibile, mentre ricerca, catasto, dati, progetti, esportazione, strumenti avanzati e impostazioni sono raccolti nel menu in alto.
|
La mappa ora occupa tutta la schermata: il pannello `Layer` resta subito accessibile, mentre ricerca, catasto, dati, progetti, esportazione, strumenti avanzati e impostazioni sono raccolti nel menu in alto.
|
||||||
|
|||||||
@@ -85,7 +85,7 @@ public sealed class MapExportService
|
|||||||
{
|
{
|
||||||
var root = new XElement("gpx",
|
var root = new XElement("gpx",
|
||||||
new XAttribute("version", "1.1"),
|
new XAttribute("version", "1.1"),
|
||||||
new XAttribute("creator", "LME Mappe Catastali 0.3.0"),
|
new XAttribute("creator", "LME Mappe Catastali 0.4.3"),
|
||||||
new XAttribute(XNamespace.Xmlns + "xsi", "http://www.w3.org/2001/XMLSchema-instance"),
|
new XAttribute(XNamespace.Xmlns + "xsi", "http://www.w3.org/2001/XMLSchema-instance"),
|
||||||
new XElement("metadata", new XElement("name", name)));
|
new XElement("metadata", new XElement("name", name)));
|
||||||
foreach (var feature in features.EnumerateArray())
|
foreach (var feature in features.EnumerateArray())
|
||||||
@@ -428,7 +428,8 @@ public sealed class MapExportService
|
|||||||
}
|
}
|
||||||
|
|
||||||
private static string FeatureName(JsonElement properties, string category) =>
|
private static string FeatureName(JsonElement properties, string category) =>
|
||||||
GetString(properties, "name")
|
GetString(properties, "_lmeDisplayName")
|
||||||
|
?? GetString(properties, "name")
|
||||||
?? GetString(properties, "Name")
|
?? GetString(properties, "Name")
|
||||||
?? GetString(properties, "LABEL")
|
?? GetString(properties, "LABEL")
|
||||||
?? GetString(properties, "NATIONALCADASTRALREFERENCE")
|
?? GetString(properties, "NATIONALCADASTRALREFERENCE")
|
||||||
|
|||||||
@@ -44,7 +44,7 @@ public sealed class OfficialCadastreService
|
|||||||
["SRSNAME"] = "urn:ogc:def:crs:EPSG::6706",
|
["SRSNAME"] = "urn:ogc:def:crs:EPSG::6706",
|
||||||
["BBOX"] = bbox,
|
["BBOX"] = bbox,
|
||||||
["REQUEST"] = "GetFeature",
|
["REQUEST"] = "GetFeature",
|
||||||
["COUNT"] = "20"
|
["COUNT"] = "100"
|
||||||
};
|
};
|
||||||
|
|
||||||
var url = WfsEndpoint + "?" + string.Join("&", query.Select(item =>
|
var url = WfsEndpoint + "?" + string.Join("&", query.Select(item =>
|
||||||
|
|||||||
+250
-12
@@ -165,6 +165,7 @@ input[type="checkbox"] {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 70px;
|
top: 70px;
|
||||||
right: 12px;
|
right: 12px;
|
||||||
|
left: auto;
|
||||||
z-index: 1150;
|
z-index: 1150;
|
||||||
display: grid;
|
display: grid;
|
||||||
width: min(300px, calc(100vw - 24px));
|
width: min(300px, calc(100vw - 24px));
|
||||||
@@ -240,6 +241,7 @@ input[type="checkbox"] {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 72px;
|
top: 72px;
|
||||||
right: 12px;
|
right: 12px;
|
||||||
|
left: auto;
|
||||||
bottom: calc(var(--nav-height) + 8px);
|
bottom: calc(var(--nav-height) + 8px);
|
||||||
z-index: 1080;
|
z-index: 1080;
|
||||||
display: grid;
|
display: grid;
|
||||||
@@ -304,6 +306,73 @@ input[type="checkbox"] {
|
|||||||
padding-top: 9px;
|
padding-top: 9px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.menu-help {
|
||||||
|
margin-top: 4px;
|
||||||
|
border: 1px solid #c8d3d8;
|
||||||
|
border-radius: 6px;
|
||||||
|
background: #f7fafb;
|
||||||
|
color: var(--ink);
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-help summary {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
min-height: 40px;
|
||||||
|
padding: 7px 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
list-style: none;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-help summary::-webkit-details-marker {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-help summary > span {
|
||||||
|
display: grid;
|
||||||
|
place-items: center;
|
||||||
|
width: 22px;
|
||||||
|
height: 22px;
|
||||||
|
border: 1px solid #82949d;
|
||||||
|
border-radius: 50%;
|
||||||
|
color: #42535c;
|
||||||
|
font-weight: 900;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-help summary::after {
|
||||||
|
margin-left: auto;
|
||||||
|
content: "\25BE";
|
||||||
|
color: #52636b;
|
||||||
|
font-size: 14px;
|
||||||
|
transition: transform 140ms ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-help[open] summary::after {
|
||||||
|
transform: rotate(180deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-help-content {
|
||||||
|
padding: 10px 12px 12px;
|
||||||
|
border-top: 1px solid #d8e0e4;
|
||||||
|
font-size: 11px;
|
||||||
|
line-height: 1.45;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-help-content p {
|
||||||
|
margin: 0 0 8px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-help-content ol {
|
||||||
|
margin: 0;
|
||||||
|
padding-left: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-help-content li + li {
|
||||||
|
margin-top: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
.layer-tree-section {
|
.layer-tree-section {
|
||||||
display: grid;
|
display: grid;
|
||||||
gap: 6px;
|
gap: 6px;
|
||||||
@@ -480,24 +549,32 @@ input[type="checkbox"] {
|
|||||||
background: var(--layer-group-surface, #fff);
|
background: var(--layer-group-surface, #fff);
|
||||||
}
|
}
|
||||||
|
|
||||||
.layer-manager-group > summary,
|
.layer-manager-group > summary {
|
||||||
.layer-manager-block > summary {
|
|
||||||
background: var(--layer-group-parent, #f6f8f9);
|
background: var(--layer-group-parent, #f6f8f9);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.layer-manager-block > summary {
|
||||||
|
background: color-mix(in srgb, var(--layer-group-parent, #f6f8f9) 72%, white);
|
||||||
|
}
|
||||||
|
|
||||||
.layer-manager-object > summary {
|
.layer-manager-object > summary {
|
||||||
background: var(--layer-group-surface, #fff);
|
background: color-mix(in srgb, var(--layer-group-parent, #f6f8f9) 42%, white);
|
||||||
|
}
|
||||||
|
|
||||||
|
.layer-manager-details,
|
||||||
|
.layer-group-tools {
|
||||||
|
background: color-mix(in srgb, var(--layer-group-parent, #f6f8f9) 22%, white);
|
||||||
}
|
}
|
||||||
|
|
||||||
.layer-manager-group > summary,
|
.layer-manager-group > summary,
|
||||||
.layer-manager-block > summary,
|
.layer-manager-block > summary,
|
||||||
.layer-manager-object > summary {
|
.layer-manager-object > summary {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 28px minmax(0, 1fr) 50px;
|
grid-template-columns: 28px 28px minmax(0, 1fr) 50px;
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
"handle title count"
|
"handle expand title count"
|
||||||
". visibility moves"
|
". . visibility moves"
|
||||||
". actions moves";
|
". . actions moves";
|
||||||
align-items: start;
|
align-items: start;
|
||||||
gap: 6px;
|
gap: 6px;
|
||||||
min-height: 38px;
|
min-height: 38px;
|
||||||
@@ -506,6 +583,24 @@ input[type="checkbox"] {
|
|||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.layer-expand-button {
|
||||||
|
grid-area: expand;
|
||||||
|
grid-row: 1 / span 3;
|
||||||
|
align-self: center;
|
||||||
|
justify-self: center;
|
||||||
|
width: 28px;
|
||||||
|
min-width: 28px;
|
||||||
|
height: 28px;
|
||||||
|
min-height: 28px;
|
||||||
|
padding: 0;
|
||||||
|
border: 1px solid #cbd5da;
|
||||||
|
border-radius: 4px;
|
||||||
|
background: #fff;
|
||||||
|
color: var(--ink);
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
.layer-manager-group > summary::-webkit-details-marker,
|
.layer-manager-group > summary::-webkit-details-marker,
|
||||||
.layer-manager-block > summary::-webkit-details-marker,
|
.layer-manager-block > summary::-webkit-details-marker,
|
||||||
.layer-manager-object > summary::-webkit-details-marker {
|
.layer-manager-object > summary::-webkit-details-marker {
|
||||||
@@ -545,6 +640,7 @@ input[type="checkbox"] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.layer-rename-button,
|
.layer-rename-button,
|
||||||
|
.layer-membership-button,
|
||||||
.layer-remove-button {
|
.layer-remove-button {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-height: 28px;
|
min-height: 28px;
|
||||||
@@ -564,6 +660,16 @@ input[type="checkbox"] {
|
|||||||
background: #d9eee7;
|
background: #d9eee7;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.layer-membership-button {
|
||||||
|
border-color: #bfdbfe;
|
||||||
|
background: #eff6ff;
|
||||||
|
color: #1d4ed8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layer-membership-button:active {
|
||||||
|
background: #dbeafe;
|
||||||
|
}
|
||||||
|
|
||||||
.layer-remove-button {
|
.layer-remove-button {
|
||||||
border-color: #fecaca;
|
border-color: #fecaca;
|
||||||
background: #fff1f2;
|
background: #fff1f2;
|
||||||
@@ -750,6 +856,7 @@ input[type="checkbox"] {
|
|||||||
justify-self: end;
|
justify-self: end;
|
||||||
color: var(--muted);
|
color: var(--muted);
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
|
font-weight: 900;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layer-manager-children {
|
.layer-manager-children {
|
||||||
@@ -769,11 +876,19 @@ input[type="checkbox"] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.layer-manager-object > summary {
|
.layer-manager-object > summary {
|
||||||
grid-template-columns: 24px minmax(0, 1fr) 46px;
|
grid-template-columns: 24px 24px minmax(0, 1fr) 46px;
|
||||||
gap: 4px;
|
gap: 4px;
|
||||||
padding: 3px 4px;
|
padding: 3px 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.layer-manager-object > summary > .layer-expand-button {
|
||||||
|
width: 24px;
|
||||||
|
min-width: 24px;
|
||||||
|
height: 24px;
|
||||||
|
min-height: 24px;
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
.layer-manager-object > summary > .layer-drag-handle {
|
.layer-manager-object > summary > .layer-drag-handle {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
@@ -790,6 +905,7 @@ input[type="checkbox"] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.layer-manager-object > summary .layer-rename-button,
|
.layer-manager-object > summary .layer-rename-button,
|
||||||
|
.layer-manager-object > summary .layer-membership-button,
|
||||||
.layer-manager-object > summary .layer-remove-button {
|
.layer-manager-object > summary .layer-remove-button {
|
||||||
min-height: 24px;
|
min-height: 24px;
|
||||||
font-size: 9px;
|
font-size: 9px;
|
||||||
@@ -840,6 +956,111 @@ input[type="checkbox"] {
|
|||||||
box-shadow: inset 3px 0 #ff00d4;
|
box-shadow: inset 3px 0 #ff00d4;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.layer-manager-selection-path > summary {
|
||||||
|
box-shadow: inset 3px 0 #ff00d4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project-command-stack {
|
||||||
|
display: grid;
|
||||||
|
gap: 8px;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project-command-stack > * {
|
||||||
|
width: 100%;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lme-edit-form,
|
||||||
|
.attribute-editor,
|
||||||
|
.attribute-editor-rows {
|
||||||
|
display: grid;
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lme-edit-form textarea,
|
||||||
|
.attribute-editor textarea {
|
||||||
|
min-height: 82px;
|
||||||
|
resize: vertical;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-command-row {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attribute-editor > p {
|
||||||
|
margin: 0;
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attribute-editor-row {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: minmax(130px, 0.8fr) minmax(180px, 2fr) 36px;
|
||||||
|
align-items: end;
|
||||||
|
gap: 8px;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
border-bottom: 1px solid var(--line);
|
||||||
|
}
|
||||||
|
|
||||||
|
.attribute-editor-row > button {
|
||||||
|
width: 36px;
|
||||||
|
min-width: 36px;
|
||||||
|
min-height: 36px;
|
||||||
|
padding: 0;
|
||||||
|
background: #fff1f2;
|
||||||
|
color: #b42318;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.object-table-legend {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 6px 14px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 11px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.object-table-wrap input[type="checkbox"] {
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.geometry-result {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 46px minmax(0, 1fr);
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.geometry-result > span {
|
||||||
|
display: grid;
|
||||||
|
place-items: center;
|
||||||
|
width: 42px;
|
||||||
|
height: 42px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: #dcfce7;
|
||||||
|
color: #166534;
|
||||||
|
font-size: 25px;
|
||||||
|
font-weight: 900;
|
||||||
|
}
|
||||||
|
|
||||||
|
.geometry-result-warning > span { background: #fef3c7; color: #92400e; }
|
||||||
|
.geometry-result-error > span { background: #ffe4e6; color: #b42318; }
|
||||||
|
.geometry-result > p { margin: 0; line-height: 1.45; }
|
||||||
|
|
||||||
|
.lme-geometry-toolbar a {
|
||||||
|
display: grid !important;
|
||||||
|
place-items: center;
|
||||||
|
font-size: 20px !important;
|
||||||
|
font-weight: 900;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
.gps-overlay {
|
.gps-overlay {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 72px;
|
top: 72px;
|
||||||
@@ -916,14 +1137,15 @@ input[type="checkbox"] {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
bottom: var(--nav-height);
|
bottom: var(--nav-height);
|
||||||
left: 0;
|
right: 0;
|
||||||
|
left: auto;
|
||||||
z-index: 1100;
|
z-index: 1100;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
width: min(430px, calc(100% - 48px));
|
width: min(430px, calc(100% - 48px));
|
||||||
border-right: 1px solid var(--line);
|
border-left: 1px solid var(--line);
|
||||||
background: var(--panel);
|
background: var(--panel);
|
||||||
box-shadow: 7px 0 24px rgba(0, 0, 0, 0.24);
|
box-shadow: -7px 0 24px rgba(0, 0, 0, 0.24);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sheet-header {
|
.sheet-header {
|
||||||
@@ -1354,6 +1576,7 @@ footer {
|
|||||||
.map-layer-panel {
|
.map-layer-panel {
|
||||||
top: 68px;
|
top: 68px;
|
||||||
right: 8px;
|
right: 8px;
|
||||||
|
left: auto;
|
||||||
bottom: calc(var(--nav-height) + 8px);
|
bottom: calc(var(--nav-height) + 8px);
|
||||||
width: 50vw;
|
width: 50vw;
|
||||||
}
|
}
|
||||||
@@ -1361,6 +1584,7 @@ footer {
|
|||||||
.map-navigation-menu {
|
.map-navigation-menu {
|
||||||
top: 66px;
|
top: 66px;
|
||||||
right: 8px;
|
right: 8px;
|
||||||
|
left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tool-sheet {
|
.tool-sheet {
|
||||||
@@ -1368,11 +1592,25 @@ footer {
|
|||||||
bottom: var(--nav-height);
|
bottom: var(--nav-height);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-top: 1px solid var(--line);
|
border-top: 1px solid var(--line);
|
||||||
border-right: 0;
|
border-left: 0;
|
||||||
border-radius: 8px 8px 0 0;
|
border-radius: 8px 8px 0 0;
|
||||||
box-shadow: 0 -7px 24px rgba(0, 0, 0, 0.24);
|
box-shadow: 0 -7px 24px rgba(0, 0, 0, 0.24);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.attribute-editor-row {
|
||||||
|
grid-template-columns: minmax(0, 1fr) 36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attribute-editor-row > label {
|
||||||
|
grid-column: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attribute-editor-row > button {
|
||||||
|
grid-column: 2;
|
||||||
|
grid-row: 1 / span 2;
|
||||||
|
align-self: center;
|
||||||
|
}
|
||||||
|
|
||||||
.gps-overlay {
|
.gps-overlay {
|
||||||
top: 68px;
|
top: 68px;
|
||||||
right: 8px;
|
right: 8px;
|
||||||
|
|||||||
+483
-91
@@ -28,6 +28,7 @@ const lmeState = {
|
|||||||
drawControl: null,
|
drawControl: null,
|
||||||
drawingDeleteButton: null,
|
drawingDeleteButton: null,
|
||||||
drawingScopeMenu: null,
|
drawingScopeMenu: null,
|
||||||
|
geometryToolsControl: null,
|
||||||
ignoreMapClickUntil: 0,
|
ignoreMapClickUntil: 0,
|
||||||
activeDrawHandler: null,
|
activeDrawHandler: null,
|
||||||
drawEventsBound: false,
|
drawEventsBound: false,
|
||||||
@@ -80,6 +81,7 @@ const lmeState = {
|
|||||||
snapEnabled: true,
|
snapEnabled: true,
|
||||||
snapDistancePixels: 14,
|
snapDistancePixels: 14,
|
||||||
autoSaveEnabled: true,
|
autoSaveEnabled: true,
|
||||||
|
autoFitSelectedObject: false,
|
||||||
gpsProximityEnabled: true,
|
gpsProximityEnabled: true,
|
||||||
gpsBoundaryAlertEnabled: false,
|
gpsBoundaryAlertEnabled: false,
|
||||||
lastBoundaryState: null,
|
lastBoundaryState: null,
|
||||||
@@ -251,6 +253,7 @@ function init(dotNetReference) {
|
|||||||
refreshCadastreLayer();
|
refreshCadastreLayer();
|
||||||
bindFileImport();
|
bindFileImport();
|
||||||
bindDrawingEvents();
|
bindDrawingEvents();
|
||||||
|
addGeometryToolsControl();
|
||||||
|
|
||||||
if (!lmeState.resizeBound) {
|
if (!lmeState.resizeBound) {
|
||||||
window.addEventListener("resize", resize);
|
window.addEventListener("resize", resize);
|
||||||
@@ -364,7 +367,7 @@ function displayOfficialParcel(xmlText, latitude, longitude, parcel, label, shou
|
|||||||
const lon = Number(longitude);
|
const lon = Number(longitude);
|
||||||
if (!Number.isFinite(lat) || !Number.isFinite(lon)) {
|
if (!Number.isFinite(lat) || !Number.isFinite(lon)) {
|
||||||
setInfo("Coordinate della particella non valide.");
|
setInfo("Coordinate della particella non valide.");
|
||||||
return;
|
return "invalid";
|
||||||
}
|
}
|
||||||
|
|
||||||
try {
|
try {
|
||||||
@@ -386,27 +389,63 @@ function displayOfficialParcel(xmlText, latitude, longitude, parcel, label, shou
|
|||||||
lmeState.map.setView([lat, lon], 20);
|
lmeState.map.setView([lat, lon], 20);
|
||||||
}
|
}
|
||||||
setInfo("Posizione trovata, ma il servizio WFS dell'Agenzia non ha restituito il confine. Riprova tra poco.");
|
setInfo("Posizione trovata, ma il servizio WFS dell'Agenzia non ha restituito il confine. Riprova tra poco.");
|
||||||
return;
|
return "missing";
|
||||||
}
|
}
|
||||||
|
|
||||||
const ref = feature.properties?.NATIONALCADASTRALREFERENCE || feature.properties?.INSPIREID_LOCALID || label;
|
const ref = feature.properties?.NATIONALCADASTRALREFERENCE || feature.properties?.INSPIREID_LOCALID || label;
|
||||||
const targetGroup = normalizedParcel ? lmeState.selectedParcelsLayer : lmeState.gpsParcelLayer;
|
const targetGroup = normalizedParcel ? lmeState.selectedParcelsLayer : lmeState.gpsParcelLayer;
|
||||||
|
if (normalizedParcel) {
|
||||||
|
lmeState.selectedParcelsVisible = true;
|
||||||
|
lmeState.managerHiddenCategories.delete("selectedParcels");
|
||||||
|
if (!lmeState.map.hasLayer(targetGroup)) {
|
||||||
|
targetGroup.addTo(lmeState.map);
|
||||||
|
}
|
||||||
|
targetGroup.bringToFront();
|
||||||
|
}
|
||||||
if (!normalizedParcel) {
|
if (!normalizedParcel) {
|
||||||
targetGroup.clearLayers();
|
targetGroup.clearLayers();
|
||||||
}
|
}
|
||||||
|
|
||||||
const existingLayer = normalizedParcel
|
const existingLayer = normalizedParcel
|
||||||
? findParcelLayerByReference(targetGroup, ref)
|
? findParcelLayerByReference(targetGroup, ref) || restoreHiddenParcelLayerByReference(ref)
|
||||||
: null;
|
: null;
|
||||||
if (existingLayer) {
|
if (existingLayer) {
|
||||||
|
if (typeof existingLayer.setStyle === "function") {
|
||||||
|
existingLayer.setStyle({ color: "#ef4444", weight: 4, opacity: 1, fillColor: "#fbbf24", fillOpacity: 0.26 });
|
||||||
|
}
|
||||||
|
targetGroup.bringToFront();
|
||||||
if (shouldFit) {
|
if (shouldFit) {
|
||||||
fitLayer(existingLayer);
|
fitLayer(existingLayer);
|
||||||
}
|
}
|
||||||
setText("parcelState", `Particella selezionata: ${ref}`);
|
setText("parcelState", `Particella selezionata: ${ref}`);
|
||||||
setInfo(`La particella ${ref} e' gia evidenziata sulla mappa.`);
|
setInfo(`La particella ${ref} e' gia evidenziata sulla mappa.`);
|
||||||
return;
|
updateGpsInsideState();
|
||||||
|
refreshLayerManager();
|
||||||
|
return "selected";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const importedRecord = normalizedParcel ? findImportedParcelRecord(feature, ref) : null;
|
||||||
|
if (importedRecord) {
|
||||||
|
restoreManagedRecordVisibility(importedRecord);
|
||||||
|
lmeState.importedVisible = true;
|
||||||
|
lmeState.managerHiddenCategories.delete("imported");
|
||||||
|
if (!lmeState.map.hasLayer(lmeState.imported)) {
|
||||||
|
lmeState.imported.addTo(lmeState.map);
|
||||||
|
}
|
||||||
|
lmeState.imported.bringToFront();
|
||||||
|
if (shouldFit) {
|
||||||
|
fitLayer(importedRecord.layer);
|
||||||
|
}
|
||||||
|
setText("parcelState", `Particella gia presente nei dati importati: ${ref}`);
|
||||||
|
setInfo(`La particella ${ref} e' gia presente in un progetto o file importato: nessun duplicato aggiunto.`);
|
||||||
|
refreshLayerManager();
|
||||||
|
return "imported";
|
||||||
|
}
|
||||||
|
|
||||||
|
feature.properties = {
|
||||||
|
...(feature.properties || {}),
|
||||||
|
_lmeParcelReference: String(ref || label || normalizedParcel)
|
||||||
|
};
|
||||||
const layer = L.geoJSON(feature, {
|
const layer = L.geoJSON(feature, {
|
||||||
pane: normalizedParcel ? "selectedParcelsPane" : "gpsParcelsPane",
|
pane: normalizedParcel ? "selectedParcelsPane" : "gpsParcelsPane",
|
||||||
style: normalizedParcel
|
style: normalizedParcel
|
||||||
@@ -415,6 +454,9 @@ function displayOfficialParcel(xmlText, latitude, longitude, parcel, label, shou
|
|||||||
}).addTo(targetGroup);
|
}).addTo(targetGroup);
|
||||||
layer.lmeParcelReference = ref;
|
layer.lmeParcelReference = ref;
|
||||||
layer.bindPopup(`<strong>${escapeHtml(ref)}</strong>`);
|
layer.bindPopup(`<strong>${escapeHtml(ref)}</strong>`);
|
||||||
|
if (normalizedParcel) {
|
||||||
|
targetGroup.bringToFront();
|
||||||
|
}
|
||||||
if (shouldFit) {
|
if (shouldFit) {
|
||||||
fitLayer(layer);
|
fitLayer(layer);
|
||||||
}
|
}
|
||||||
@@ -426,9 +468,12 @@ function displayOfficialParcel(xmlText, latitude, longitude, parcel, label, shou
|
|||||||
} else {
|
} else {
|
||||||
setText("parcelState", `Dentro particella AdE: ${ref}`);
|
setText("parcelState", `Dentro particella AdE: ${ref}`);
|
||||||
}
|
}
|
||||||
|
updateGpsInsideState();
|
||||||
refreshLayerManager();
|
refreshLayerManager();
|
||||||
|
return normalizedParcel ? "added" : "gps";
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
setInfo(`Geometria catastale non leggibile: ${error.message}`);
|
setInfo(`Geometria catastale non leggibile: ${error.message}`);
|
||||||
|
return "error";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -437,12 +482,13 @@ function normalizeParcel(parcel) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function findParcelLayerByReference(group, reference) {
|
function findParcelLayerByReference(group, reference) {
|
||||||
|
const expected = normalizeParcelReference(reference);
|
||||||
let match = null;
|
let match = null;
|
||||||
group.eachLayer(layer => {
|
group.eachLayer(layer => {
|
||||||
if (match) {
|
if (match) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
if (layer.lmeParcelReference === reference) {
|
if (parcelLayerMatchesReference(layer, expected)) {
|
||||||
match = layer;
|
match = layer;
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -453,6 +499,74 @@ function findParcelLayerByReference(group, reference) {
|
|||||||
return match;
|
return match;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function restoreHiddenParcelLayerByReference(reference) {
|
||||||
|
const expected = normalizeParcelReference(reference);
|
||||||
|
const entry = [...lmeState.managerHiddenObjects.entries()].find(([, record]) =>
|
||||||
|
record.categoryKey === "selectedParcels" && parcelLayerMatchesReference(record.layer, expected));
|
||||||
|
if (!entry) return null;
|
||||||
|
const [id, record] = entry;
|
||||||
|
lmeState.managerHiddenObjects.delete(id);
|
||||||
|
lmeState.managerHiddenObjectIds.delete(id);
|
||||||
|
lmeState.managerHiddenMeasurementSummaryIds.delete(id);
|
||||||
|
lmeState.managerHiddenMeasurementSideIds.delete(id);
|
||||||
|
record.parent?.addLayer?.(record.layer);
|
||||||
|
return record.layer;
|
||||||
|
}
|
||||||
|
|
||||||
|
function parcelLayerMatchesReference(layer, normalizedReference) {
|
||||||
|
const properties = layer?.feature?.properties || {};
|
||||||
|
return [
|
||||||
|
layer?.lmeParcelReference,
|
||||||
|
properties._lmeParcelReference,
|
||||||
|
properties.NATIONALCADASTRALREFERENCE,
|
||||||
|
properties.INSPIREID_LOCALID
|
||||||
|
].some(value => normalizeParcelReference(value) === normalizedReference);
|
||||||
|
}
|
||||||
|
|
||||||
|
function findImportedParcelRecord(feature, reference) {
|
||||||
|
const category = layerManagerCategories().find(item => item.key === "imported");
|
||||||
|
if (!category) return null;
|
||||||
|
const normalizedReference = normalizeParcelReference(reference);
|
||||||
|
return managedRecordsForCategory(category).find(record =>
|
||||||
|
parcelLayerMatchesReference(record.layer, normalizedReference)
|
||||||
|
|| parcelGeometriesEquivalent(record.layer?.toGeoJSON?.(), feature)) || null;
|
||||||
|
}
|
||||||
|
|
||||||
|
function restoreManagedRecordVisibility(record) {
|
||||||
|
if (!record) return;
|
||||||
|
lmeState.managerHiddenObjects.delete(record.id);
|
||||||
|
lmeState.managerHiddenObjectIds.delete(record.id);
|
||||||
|
lmeState.managerHiddenMeasurementSummaryIds.delete(record.id);
|
||||||
|
lmeState.managerHiddenMeasurementSideIds.delete(record.id);
|
||||||
|
if (record.parent && !record.parent.hasLayer?.(record.layer)) {
|
||||||
|
record.parent.addLayer?.(record.layer);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function parcelGeometriesEquivalent(candidate, target) {
|
||||||
|
const candidateType = candidate?.geometry?.type;
|
||||||
|
const targetType = target?.geometry?.type;
|
||||||
|
if (!["Polygon", "MultiPolygon"].includes(candidateType)
|
||||||
|
|| !["Polygon", "MultiPolygon"].includes(targetType)) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
try {
|
||||||
|
const candidateArea = turf.area(candidate);
|
||||||
|
const targetArea = turf.area(target);
|
||||||
|
if (!(candidateArea > 0) || !(targetArea > 0)) return false;
|
||||||
|
const areaRatio = Math.max(candidateArea, targetArea) / Math.min(candidateArea, targetArea);
|
||||||
|
if (areaRatio > 1.03) return false;
|
||||||
|
const overlap = turf.intersect(turf.featureCollection([candidate, target]));
|
||||||
|
return Boolean(overlap) && turf.area(overlap) / Math.min(candidateArea, targetArea) >= 0.985;
|
||||||
|
} catch {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function normalizeParcelReference(reference) {
|
||||||
|
return String(reference || "").trim().toUpperCase().replace(/\s+/g, "");
|
||||||
|
}
|
||||||
|
|
||||||
function resize() {
|
function resize() {
|
||||||
if (!lmeState.map) {
|
if (!lmeState.map) {
|
||||||
return;
|
return;
|
||||||
@@ -1181,12 +1295,12 @@ function drawingLayerLabel(layer, layerType) {
|
|||||||
function layerManagerCategories() {
|
function layerManagerCategories() {
|
||||||
return [
|
return [
|
||||||
{ key: "gpsPosition", label: "Posizione GPS", roots: [lmeState.gpsMarker, lmeState.gpsAccuracy].filter(Boolean) },
|
{ key: "gpsPosition", label: "Posizione GPS", roots: [lmeState.gpsMarker, lmeState.gpsAccuracy].filter(Boolean) },
|
||||||
{ key: "drawings", label: "Disegni e POI", roots: [lmeState.drawings].filter(Boolean) },
|
{ key: "drawings", label: "Disegni e POI", roots: [lmeState.drawings].filter(Boolean), blocks: true },
|
||||||
{ key: "gpsTrail", label: "Traccia GPS", roots: [lmeState.gpsTrail].filter(Boolean) },
|
{ key: "gpsTrail", label: "Traccia GPS", roots: [lmeState.gpsTrail].filter(Boolean) },
|
||||||
{ key: "gpsParcels", label: "Particella rilevata dal GPS", roots: [lmeState.gpsParcelLayer].filter(Boolean) },
|
{ key: "gpsParcels", label: "Particella rilevata dal GPS", roots: [lmeState.gpsParcelLayer].filter(Boolean) },
|
||||||
{ key: "selectedParcels", label: "Particelle catastali evidenziate", roots: [lmeState.selectedParcelsLayer].filter(Boolean) },
|
{ key: "selectedParcels", label: "Particelle catastali evidenziate", roots: [lmeState.selectedParcelsLayer].filter(Boolean) },
|
||||||
{ key: "importedSheets", label: "Cornici e fogli importati", roots: [lmeState.importedSheets].filter(Boolean), blocks: true },
|
{ key: "importedSheets", label: "Cornici e fogli importati", roots: [lmeState.importedSheets].filter(Boolean), blocks: true },
|
||||||
{ key: "imported", label: "Dati importati", roots: [lmeState.imported].filter(Boolean), blocks: true },
|
{ key: "imported", label: "Progetti e dati importati", roots: [lmeState.imported].filter(Boolean), blocks: true },
|
||||||
{ key: "cadastre", label: "Layer catastali AdE", roots: [lmeState.cadastre].filter(Boolean) }
|
{ key: "cadastre", label: "Layer catastali AdE", roots: [lmeState.cadastre].filter(Boolean) }
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
@@ -1237,11 +1351,13 @@ function managedRecordsForCategory(category) {
|
|||||||
function managedObjectLabel(record, index) {
|
function managedObjectLabel(record, index) {
|
||||||
const layer = record.layer;
|
const layer = record.layer;
|
||||||
const properties = layer?.feature?.properties || {};
|
const properties = layer?.feature?.properties || {};
|
||||||
const reference = properties.NATIONALCADASTRALREFERENCE
|
const reference = properties._lmeDisplayName
|
||||||
|
|| properties.name
|
||||||
|
|| properties.Name
|
||||||
|
|| properties.NATIONALCADASTRALREFERENCE
|
||||||
|| properties.INSPIREID_LOCALID
|
|| properties.INSPIREID_LOCALID
|
||||||
|| properties.LABEL
|
|| properties.LABEL
|
||||||
|| properties.name
|
|| properties.label;
|
||||||
|| properties.Name;
|
|
||||||
if (reference) {
|
if (reference) {
|
||||||
return String(reference);
|
return String(reference);
|
||||||
}
|
}
|
||||||
@@ -1265,7 +1381,7 @@ function managedObjectLabel(record, index) {
|
|||||||
|
|
||||||
function managedObjectEditableName(record) {
|
function managedObjectEditableName(record) {
|
||||||
const properties = record?.layer?.feature?.properties || {};
|
const properties = record?.layer?.feature?.properties || {};
|
||||||
return properties.name || properties.Name || properties.label || properties.LABEL || "";
|
return properties._lmeDisplayName || properties.name || properties.Name || properties.label || properties.LABEL || "";
|
||||||
}
|
}
|
||||||
|
|
||||||
function managedObjectCanRename(record) {
|
function managedObjectCanRename(record) {
|
||||||
@@ -1273,16 +1389,15 @@ function managedObjectCanRename(record) {
|
|||||||
&& record.layer?.feature?.properties;
|
&& record.layer?.feature?.properties;
|
||||||
}
|
}
|
||||||
|
|
||||||
function renameManagedObject(record, index) {
|
async function renameManagedObject(record, index) {
|
||||||
if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return; }
|
if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return; }
|
||||||
if (!managedObjectCanRename(record)) {
|
if (!managedObjectCanRename(record)) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
const currentName = String(managedObjectEditableName(record) || managedObjectLabel(record, index)).trim();
|
const currentName = String(managedObjectEditableName(record) || managedObjectLabel(record, index)).trim();
|
||||||
const requestedName = window.prompt("Nuovo nome oggetto", currentName);
|
const result = await showFormDialog("Rinomina oggetto", [{ name: "name", label: "Nome", value: currentName, maxLength: 120 }], "Rinomina");
|
||||||
if (requestedName === null) {
|
if (!result) return;
|
||||||
return;
|
const requestedName = result.name;
|
||||||
}
|
|
||||||
const name = requestedName.trim().slice(0, 120);
|
const name = requestedName.trim().slice(0, 120);
|
||||||
if (!name) {
|
if (!name) {
|
||||||
setInfo("Nome non modificato: inserisci un testo.");
|
setInfo("Nome non modificato: inserisci un testo.");
|
||||||
@@ -1291,6 +1406,7 @@ function renameManagedObject(record, index) {
|
|||||||
rememberMapChange();
|
rememberMapChange();
|
||||||
const properties = record.layer.feature.properties;
|
const properties = record.layer.feature.properties;
|
||||||
properties.name = name;
|
properties.name = name;
|
||||||
|
properties._lmeDisplayName = name;
|
||||||
record.layer.lmeManagerLabel = record.categoryKey === "drawings" && record.layer instanceof L.Marker
|
record.layer.lmeManagerLabel = record.categoryKey === "drawings" && record.layer instanceof L.Marker
|
||||||
? `POI: ${name}`
|
? `POI: ${name}`
|
||||||
: null;
|
: null;
|
||||||
@@ -1319,12 +1435,11 @@ function managedCategoryCanRename(category) {
|
|||||||
return ["drawings", "imported", "importedSheets"].includes(category.key);
|
return ["drawings", "imported", "importedSheets"].includes(category.key);
|
||||||
}
|
}
|
||||||
|
|
||||||
function renameManagedCategory(category, records) {
|
async function renameManagedCategory(category, records) {
|
||||||
const currentName = managedCategoryName(category, records);
|
const currentName = managedCategoryName(category, records);
|
||||||
const requestedName = window.prompt("Nuovo nome gruppo", currentName);
|
const result = await showFormDialog("Rinomina gruppo", [{ name: "name", label: "Nome gruppo", value: currentName, maxLength: 120 }], "Rinomina");
|
||||||
if (requestedName === null) {
|
if (!result) return;
|
||||||
return;
|
const requestedName = result.name;
|
||||||
}
|
|
||||||
const name = requestedName.trim().slice(0, 120);
|
const name = requestedName.trim().slice(0, 120);
|
||||||
if (!name) {
|
if (!name) {
|
||||||
setInfo("Nome non modificato: inserisci un testo.");
|
setInfo("Nome non modificato: inserisci un testo.");
|
||||||
@@ -1348,12 +1463,11 @@ function managedBlockName(source, records) {
|
|||||||
.find(Boolean) || source);
|
.find(Boolean) || source);
|
||||||
}
|
}
|
||||||
|
|
||||||
function renameManagedBlock(category, source, records) {
|
async function renameManagedBlock(category, source, records) {
|
||||||
const currentName = managedBlockName(source, records);
|
const currentName = managedBlockName(source, records);
|
||||||
const requestedName = window.prompt("Nuovo nome gruppo", currentName);
|
const result = await showFormDialog("Rinomina gruppo", [{ name: "name", label: "Nome gruppo", value: currentName, maxLength: 120 }], "Rinomina");
|
||||||
if (requestedName === null) {
|
if (!result) return;
|
||||||
return;
|
const requestedName = result.name;
|
||||||
}
|
|
||||||
const name = requestedName.trim().slice(0, 120);
|
const name = requestedName.trim().slice(0, 120);
|
||||||
if (!name) {
|
if (!name) {
|
||||||
setInfo("Nome non modificato: inserisci un testo.");
|
setInfo("Nome non modificato: inserisci un testo.");
|
||||||
@@ -1379,11 +1493,11 @@ function managedObjectCanRemove(record) {
|
|||||||
return ["drawings", "imported", "importedSheets", "selectedParcels", "gpsParcels"].includes(record.categoryKey);
|
return ["drawings", "imported", "importedSheets", "selectedParcels", "gpsParcels"].includes(record.categoryKey);
|
||||||
}
|
}
|
||||||
|
|
||||||
function layerManagerRowActions(renameButton, removeButton) {
|
function layerManagerRowActions(renameButton, moveButton, removeButton) {
|
||||||
if (!renameButton && !removeButton) {
|
if (!renameButton && !moveButton && !removeButton) {
|
||||||
return "";
|
return "";
|
||||||
}
|
}
|
||||||
return `<span class="layer-row-actions">${renameButton}${removeButton}</span>`;
|
return `<span class="layer-row-actions">${renameButton}${moveButton}${removeButton}</span>`;
|
||||||
}
|
}
|
||||||
|
|
||||||
const layerManagerPalettes = [
|
const layerManagerPalettes = [
|
||||||
@@ -1469,6 +1583,126 @@ function removeManagedRecords(records, subject) {
|
|||||||
setInfo(`${records.length === 1 ? "Oggetto rimosso" : `${records.length} oggetti rimossi`} dal progetto.`);
|
setInfo(`${records.length === 1 ? "Oggetto rimosso" : `${records.length} oggetti rimossi`} dal progetto.`);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function managedMoveDestinations() {
|
||||||
|
return layerManagerCategories()
|
||||||
|
.filter(category => ["drawings", "imported"].includes(category.key))
|
||||||
|
.map(category => {
|
||||||
|
const records = managedRecordsForCategory(category);
|
||||||
|
const groups = new Map();
|
||||||
|
records.forEach(record => {
|
||||||
|
if (!groups.has(record.source)) {
|
||||||
|
groups.set(record.source, managedBlockName(record.source, [record]));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
if (!groups.size) {
|
||||||
|
groups.set("Progetto corrente", "Gruppo principale");
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
key: category.key,
|
||||||
|
name: managedCategoryName(category, records),
|
||||||
|
groups: [...groups].map(([source, name]) => ({ source, name }))
|
||||||
|
};
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function showMoveManagedRecordsDialog(records, subject) {
|
||||||
|
if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return; }
|
||||||
|
if (!records.length || records.some(record => !["drawings", "imported"].includes(record.categoryKey))) {
|
||||||
|
setInfo("Questo oggetto o gruppo non puo essere spostato.");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (records.some(record => record.layer?.feature?.properties?._lmeLocked)) {
|
||||||
|
setInfo("Sblocca prima tutti gli oggetti da spostare.");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const destinations = managedMoveDestinations();
|
||||||
|
const categoryOptions = destinations.map(destination =>
|
||||||
|
`<option value="${escapeHtml(destination.key)}">${escapeHtml(destination.name)}</option>`).join("");
|
||||||
|
const dialog = showAppDialog("Sposta nel gruppo", `<form class="lme-edit-form move-group-form"><p>Cambia l'appartenenza di ${escapeHtml(subject)} senza modificarne la posizione sulla mappa.</p><label>Categoria<select name="category">${categoryOptions}</select></label><label>Gruppo esistente<select name="group"></select></label><label>Oppure crea un nuovo gruppo<input name="newGroup" type="text" maxlength="120" placeholder="Nome del nuovo gruppo"></label><div class="dialog-command-row"><button type="button" data-cancel>Annulla</button><button type="submit" class="primary-command">Sposta nel gruppo</button></div></form>`);
|
||||||
|
const form = dialog.querySelector("form");
|
||||||
|
const categorySelect = form.elements.category;
|
||||||
|
const groupSelect = form.elements.group;
|
||||||
|
const newGroupInput = form.elements.newGroup;
|
||||||
|
const currentCategory = records.every(record => record.categoryKey === records[0].categoryKey)
|
||||||
|
? records[0].categoryKey
|
||||||
|
: "drawings";
|
||||||
|
categorySelect.value = currentCategory;
|
||||||
|
const refreshGroups = () => {
|
||||||
|
const destination = destinations.find(item => item.key === categorySelect.value);
|
||||||
|
groupSelect.innerHTML = (destination?.groups || []).map(group =>
|
||||||
|
`<option value="${escapeHtml(group.source)}">${escapeHtml(group.name)}</option>`).join("");
|
||||||
|
const currentSource = records.every(record => record.source === records[0].source)
|
||||||
|
? records[0].source
|
||||||
|
: "";
|
||||||
|
if (destination?.key === currentCategory && currentSource
|
||||||
|
&& destination.groups.some(group => group.source === currentSource)) {
|
||||||
|
groupSelect.value = currentSource;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
categorySelect.addEventListener("change", refreshGroups);
|
||||||
|
refreshGroups();
|
||||||
|
dialog.querySelector("[data-cancel]").addEventListener("click", () => dialog.remove());
|
||||||
|
form.addEventListener("submit", event => {
|
||||||
|
event.preventDefault();
|
||||||
|
const destination = destinations.find(item => item.key === categorySelect.value);
|
||||||
|
if (!destination) return;
|
||||||
|
const requestedName = newGroupInput.value.trim().slice(0, 120);
|
||||||
|
const existingByName = requestedName
|
||||||
|
? destination.groups.find(group => group.name.toLocaleLowerCase("it") === requestedName.toLocaleLowerCase("it"))
|
||||||
|
: null;
|
||||||
|
const selectedGroup = destination.groups.find(group => group.source === groupSelect.value);
|
||||||
|
const target = existingByName || (requestedName
|
||||||
|
? { source: `Gruppo ${requestedName}`, name: requestedName }
|
||||||
|
: selectedGroup);
|
||||||
|
if (!target) {
|
||||||
|
setInfo("Scegli un gruppo di destinazione o inserisci il nome di un nuovo gruppo.");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
dialog.remove();
|
||||||
|
moveManagedRecordsToGroup(records, destination.key, target.source, target.name);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function moveManagedRecordsToGroup(records, targetCategory, targetSource, targetGroupName) {
|
||||||
|
if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return; }
|
||||||
|
const movable = records.filter(record => ["drawings", "imported"].includes(record.categoryKey));
|
||||||
|
if (!movable.length || !["drawings", "imported"].includes(targetCategory)) {
|
||||||
|
setInfo("Questo gruppo non puo essere spostato.");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (movable.some(record => record.layer?.feature?.properties?._lmeLocked)) {
|
||||||
|
setInfo("Sblocca il gruppo prima di spostarlo.");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
rememberMapChange();
|
||||||
|
const features = movable.map(record => {
|
||||||
|
const feature = record.layer.toGeoJSON();
|
||||||
|
feature.properties = {
|
||||||
|
...(feature.properties || {}),
|
||||||
|
_lmeSource: targetSource,
|
||||||
|
_lmeGroupName: targetGroupName
|
||||||
|
};
|
||||||
|
delete feature.properties._lmeManagerId;
|
||||||
|
return feature;
|
||||||
|
});
|
||||||
|
movable.forEach(record => {
|
||||||
|
record.parent?.removeLayer?.(record.layer);
|
||||||
|
clearManagedObjectState(record.id);
|
||||||
|
lmeState.managerSelectedObjectIds.delete(record.id);
|
||||||
|
});
|
||||||
|
if (targetCategory === "drawings") {
|
||||||
|
features.forEach(feature => addDrawingFeature(feature));
|
||||||
|
} else {
|
||||||
|
addImportedFeatures({ type: "FeatureCollection", features });
|
||||||
|
}
|
||||||
|
refreshImportedMeasurements();
|
||||||
|
refreshDrawingMeasurements();
|
||||||
|
refreshLayerManager();
|
||||||
|
const categoryName = targetCategory === "drawings" ? "Disegni e POI" : "Progetti e dati importati";
|
||||||
|
finishMapChange(`Spostati ${features.length} oggetti in ${categoryName} > ${targetGroupName}.`);
|
||||||
|
setInfo(`${features.length} oggetti spostati in ${categoryName} > ${targetGroupName}.`);
|
||||||
|
}
|
||||||
|
|
||||||
function managedObjectDetails(layer) {
|
function managedObjectDetails(layer) {
|
||||||
const details = [];
|
const details = [];
|
||||||
const properties = layer?.feature?.properties || {};
|
const properties = layer?.feature?.properties || {};
|
||||||
@@ -1546,6 +1780,9 @@ function refreshLayerManager() {
|
|||||||
applyManagedVisualOrder(container);
|
applyManagedVisualOrder(container);
|
||||||
bindLayerManagerDrag(container);
|
bindLayerManagerDrag(container);
|
||||||
bindLayerManagerMoveButtons(container);
|
bindLayerManagerMoveButtons(container);
|
||||||
|
if (lmeState.managerHighlightedObjectId) {
|
||||||
|
window.requestAnimationFrame(() => revealManagedRecordInLayerManager(lmeState.managerHighlightedObjectId));
|
||||||
|
}
|
||||||
if (scrollHost) {
|
if (scrollHost) {
|
||||||
scrollHost.scrollTop = scrollTop;
|
scrollHost.scrollTop = scrollTop;
|
||||||
window.requestAnimationFrame(() => {
|
window.requestAnimationFrame(() => {
|
||||||
@@ -1557,6 +1794,8 @@ function refreshLayerManager() {
|
|||||||
function renderLayerManagerCategory(category, records) {
|
function renderLayerManagerCategory(category, records) {
|
||||||
const group = document.createElement("details");
|
const group = document.createElement("details");
|
||||||
group.className = "layer-manager-group";
|
group.className = "layer-manager-group";
|
||||||
|
group.classList.toggle("layer-manager-selection-path", records.some(record =>
|
||||||
|
record.id === lmeState.managerHighlightedObjectId || lmeState.managerSelectedObjectIds.has(record.id)));
|
||||||
group.dataset.dragType = "category";
|
group.dataset.dragType = "category";
|
||||||
group.dataset.layerDepth = "0";
|
group.dataset.layerDepth = "0";
|
||||||
group.dataset.categoryKey = category.key;
|
group.dataset.categoryKey = category.key;
|
||||||
@@ -1569,14 +1808,18 @@ function renderLayerManagerCategory(category, records) {
|
|||||||
const removeButton = managedCategoryCanRemove(category, records)
|
const removeButton = managedCategoryCanRemove(category, records)
|
||||||
? `<button type="button" class="layer-remove-button" aria-label="Rimuovi gruppo dal progetto" title="Rimuovi dal progetto">Rimuovi</button>`
|
? `<button type="button" class="layer-remove-button" aria-label="Rimuovi gruppo dal progetto" title="Rimuovi dal progetto">Rimuovi</button>`
|
||||||
: "";
|
: "";
|
||||||
const rowActions = layerManagerRowActions(renameButton, removeButton);
|
const moveButton = records.length && ["drawings", "imported"].includes(category.key)
|
||||||
|
? `<button type="button" class="layer-membership-button" aria-label="Sposta gruppo in un altro gruppo" title="Sposta nel gruppo">Sposta nel gruppo</button>`
|
||||||
|
: "";
|
||||||
|
const rowActions = layerManagerRowActions(renameButton, moveButton, removeButton);
|
||||||
group.classList.toggle("layer-manager-with-actions", Boolean(rowActions));
|
group.classList.toggle("layer-manager-with-actions", Boolean(rowActions));
|
||||||
const visibleCount = records.filter(record => !lmeState.managerHiddenObjectIds.has(record.id)).length;
|
const visibleCount = records.filter(record => !lmeState.managerHiddenObjectIds.has(record.id)).length;
|
||||||
const categoryVisible = !lmeState.managerHiddenCategories.has(category.key)
|
const categoryVisible = !lmeState.managerHiddenCategories.has(category.key)
|
||||||
&& (!category.roots.length || category.roots.some(layer => lmeState.map.hasLayer(layer)));
|
&& (!category.roots.length || category.roots.some(layer => lmeState.map.hasLayer(layer)));
|
||||||
const visible = categoryVisible;
|
const visible = categoryVisible;
|
||||||
const categoryLocked = records.length > 0 && records.every(record => Boolean(record.layer?.feature?.properties?._lmeLocked));
|
const categoryLocked = records.length > 0 && records.every(record => Boolean(record.layer?.feature?.properties?._lmeLocked));
|
||||||
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><button type="button" class="layer-inline-lock ${categoryLocked ? "is-locked" : ""}" aria-label="${categoryLocked ? "Sblocca" : "Blocca"} gruppo" title="${categoryLocked ? "Sblocca" : "Blocca"}">${categoryLocked ? "🔒" : "🔓"}</button>${rowActions}${layerManagerMoveButtons("gruppo")}<span class="layer-manager-count">${records.length}</span></summary><div class="layer-manager-children"></div>`;
|
group.innerHTML = `<summary>${layerExpandButton(group.open, categoryName)}<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><button type="button" class="layer-inline-lock ${categoryLocked ? "is-locked" : ""}" aria-label="${categoryLocked ? "Sblocca" : "Blocca"} gruppo" title="${categoryLocked ? "Sblocca" : "Blocca"}">${categoryLocked ? "🔒" : "🔓"}</button>${rowActions}${layerManagerMoveButtons("gruppo")}<span class="layer-manager-count">${records.length}</span></summary><div class="layer-manager-children"></div>`;
|
||||||
|
bindLayerManagerToggleButton(group);
|
||||||
const checkbox = group.querySelector("input");
|
const checkbox = group.querySelector("input");
|
||||||
checkbox.indeterminate = categoryVisible && records.length > 0 && visibleCount < records.length;
|
checkbox.indeterminate = categoryVisible && records.length > 0 && visibleCount < records.length;
|
||||||
checkbox.addEventListener("click", event => event.stopPropagation());
|
checkbox.addEventListener("click", event => event.stopPropagation());
|
||||||
@@ -1595,6 +1838,11 @@ function renderLayerManagerCategory(category, records) {
|
|||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
removeManagedRecords(records, `il gruppo '${categoryName}'`);
|
removeManagedRecords(records, `il gruppo '${categoryName}'`);
|
||||||
});
|
});
|
||||||
|
group.querySelector(".layer-membership-button")?.addEventListener("click", event => {
|
||||||
|
event.preventDefault();
|
||||||
|
event.stopPropagation();
|
||||||
|
showMoveManagedRecordsDialog(records, `il gruppo '${categoryName}'`);
|
||||||
|
});
|
||||||
bindManagedParentHighlight(group, `category:${category.key}`, records);
|
bindManagedParentHighlight(group, `category:${category.key}`, records);
|
||||||
const children = group.querySelector(".layer-manager-children");
|
const children = group.querySelector(".layer-manager-children");
|
||||||
if (records.length) children.appendChild(renderManagedGroupTools(records));
|
if (records.length) children.appendChild(renderManagedGroupTools(records));
|
||||||
@@ -1615,6 +1863,8 @@ function renderLayerManagerCategory(category, records) {
|
|||||||
function renderLayerManagerBlock(category, source, records) {
|
function renderLayerManagerBlock(category, source, records) {
|
||||||
const block = document.createElement("details");
|
const block = document.createElement("details");
|
||||||
block.className = "layer-manager-block";
|
block.className = "layer-manager-block";
|
||||||
|
block.classList.toggle("layer-manager-selection-path", records.some(record =>
|
||||||
|
record.id === lmeState.managerHighlightedObjectId || lmeState.managerSelectedObjectIds.has(record.id)));
|
||||||
block.dataset.dragType = "block";
|
block.dataset.dragType = "block";
|
||||||
block.dataset.layerDepth = "1";
|
block.dataset.layerDepth = "1";
|
||||||
block.dataset.categoryKey = category.key;
|
block.dataset.categoryKey = category.key;
|
||||||
@@ -1626,10 +1876,12 @@ function renderLayerManagerBlock(category, source, records) {
|
|||||||
const blockName = managedBlockName(source, records);
|
const blockName = managedBlockName(source, records);
|
||||||
const rowActions = layerManagerRowActions(
|
const rowActions = layerManagerRowActions(
|
||||||
`<button type="button" class="layer-rename-button" aria-label="Rinomina gruppo" title="Rinomina">Rinomina</button>`,
|
`<button type="button" class="layer-rename-button" aria-label="Rinomina gruppo" title="Rinomina">Rinomina</button>`,
|
||||||
|
`<button type="button" class="layer-membership-button" aria-label="Sposta gruppo in un altro gruppo" title="Sposta nel gruppo">Sposta nel gruppo</button>`,
|
||||||
`<button type="button" class="layer-remove-button" aria-label="Rimuovi gruppo dal progetto" title="Rimuovi dal progetto">Rimuovi</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.classList.add("layer-manager-with-actions");
|
||||||
const blockLocked = records.length > 0 && records.every(record => Boolean(record.layer?.feature?.properties?._lmeLocked));
|
const blockLocked = records.length > 0 && records.every(record => Boolean(record.layer?.feature?.properties?._lmeLocked));
|
||||||
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-inline-lock ${blockLocked ? "is-locked" : ""}" aria-label="${blockLocked ? "Sblocca" : "Blocca"} gruppo" title="${blockLocked ? "Sblocca" : "Blocca"}">${blockLocked ? "🔒" : "🔓"}</button>${rowActions}${layerManagerMoveButtons("blocco")}<span class="layer-manager-count">${records.length}</span></summary><div class="layer-manager-children"></div>`;
|
block.innerHTML = `<summary>${layerExpandButton(block.open, blockName)}<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-inline-lock ${blockLocked ? "is-locked" : ""}" aria-label="${blockLocked ? "Sblocca" : "Blocca"} gruppo" title="${blockLocked ? "Sblocca" : "Blocca"}">${blockLocked ? "🔒" : "🔓"}</button>${rowActions}${layerManagerMoveButtons("blocco")}<span class="layer-manager-count">${records.length}</span></summary><div class="layer-manager-children"></div>`;
|
||||||
|
bindLayerManagerToggleButton(block);
|
||||||
const checkbox = block.querySelector("input");
|
const checkbox = block.querySelector("input");
|
||||||
checkbox.indeterminate = visibleCount > 0 && !visible;
|
checkbox.indeterminate = visibleCount > 0 && !visible;
|
||||||
checkbox.addEventListener("click", event => event.stopPropagation());
|
checkbox.addEventListener("click", event => event.stopPropagation());
|
||||||
@@ -1651,6 +1903,11 @@ function renderLayerManagerBlock(category, source, records) {
|
|||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
removeManagedRecords(records, `il gruppo '${blockName}'`);
|
removeManagedRecords(records, `il gruppo '${blockName}'`);
|
||||||
});
|
});
|
||||||
|
block.querySelector(".layer-membership-button").addEventListener("click", event => {
|
||||||
|
event.preventDefault();
|
||||||
|
event.stopPropagation();
|
||||||
|
showMoveManagedRecordsDialog(records, `il gruppo '${blockName}'`);
|
||||||
|
});
|
||||||
bindManagedParentHighlight(block, `block:${category.key}:${source}`, records);
|
bindManagedParentHighlight(block, `block:${category.key}:${source}`, records);
|
||||||
const children = block.querySelector(".layer-manager-children");
|
const children = block.querySelector(".layer-manager-children");
|
||||||
children.appendChild(renderManagedGroupTools(records));
|
children.appendChild(renderManagedGroupTools(records));
|
||||||
@@ -1675,11 +1932,15 @@ function renderLayerManagerObject(record, index) {
|
|||||||
const removeButton = managedObjectCanRemove(record)
|
const removeButton = managedObjectCanRemove(record)
|
||||||
? `<button type="button" class="layer-remove-button" aria-label="Rimuovi oggetto dal progetto" title="Rimuovi dal progetto">Rimuovi</button>`
|
? `<button type="button" class="layer-remove-button" aria-label="Rimuovi oggetto dal progetto" title="Rimuovi dal progetto">Rimuovi</button>`
|
||||||
: "";
|
: "";
|
||||||
const rowActions = layerManagerRowActions(renameButton, removeButton);
|
const moveButton = ["drawings", "imported"].includes(record.categoryKey)
|
||||||
|
? `<button type="button" class="layer-membership-button" aria-label="Sposta oggetto in un altro gruppo" title="Sposta nel gruppo">Sposta nel gruppo</button>`
|
||||||
|
: "";
|
||||||
|
const rowActions = layerManagerRowActions(renameButton, moveButton, removeButton);
|
||||||
object.classList.toggle("layer-manager-with-actions", Boolean(rowActions));
|
object.classList.toggle("layer-manager-with-actions", Boolean(rowActions));
|
||||||
const objectName = managedObjectLabel(record, index);
|
const objectName = managedObjectLabel(record, index);
|
||||||
const locked = Boolean(record.layer?.feature?.properties?._lmeLocked);
|
const locked = Boolean(record.layer?.feature?.properties?._lmeLocked);
|
||||||
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><button type="button" class="layer-inline-lock ${locked ? "is-locked" : ""}" aria-label="${locked ? "Sblocca" : "Blocca"} oggetto" title="${locked ? "Sblocca" : "Blocca"}">${locked ? "🔒" : "🔓"}</button>${rowActions}${layerManagerMoveButtons("oggetto")}<span class="layer-manager-count">›</span></summary><div class="layer-manager-details"></div>`;
|
object.innerHTML = `<summary>${layerExpandButton(object.open, objectName)}<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><button type="button" class="layer-inline-lock ${locked ? "is-locked" : ""}" aria-label="${locked ? "Sblocca" : "Blocca"} oggetto" title="${locked ? "Sblocca" : "Blocca"}">${locked ? "🔒" : "🔓"}</button>${rowActions}${layerManagerMoveButtons("oggetto")}</summary><div class="layer-manager-details"></div>`;
|
||||||
|
bindLayerManagerToggleButton(object);
|
||||||
const checkbox = object.querySelector("input");
|
const checkbox = object.querySelector("input");
|
||||||
checkbox.addEventListener("click", event => event.stopPropagation());
|
checkbox.addEventListener("click", event => event.stopPropagation());
|
||||||
checkbox.addEventListener("change", () => setManagedObjectVisible(record, checkbox.checked, true));
|
checkbox.addEventListener("change", () => setManagedObjectVisible(record, checkbox.checked, true));
|
||||||
@@ -1693,6 +1954,11 @@ function renderLayerManagerObject(record, index) {
|
|||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
removeManagedRecords([record], `'${objectName}'`);
|
removeManagedRecords([record], `'${objectName}'`);
|
||||||
});
|
});
|
||||||
|
object.querySelector(".layer-membership-button")?.addEventListener("click", event => {
|
||||||
|
event.preventDefault();
|
||||||
|
event.stopPropagation();
|
||||||
|
showMoveManagedRecordsDialog([record], `'${objectName}'`);
|
||||||
|
});
|
||||||
object.querySelector(".layer-inline-lock")?.addEventListener("click", event => {
|
object.querySelector(".layer-inline-lock")?.addEventListener("click", event => {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
@@ -1701,7 +1967,6 @@ function renderLayerManagerObject(record, index) {
|
|||||||
object.querySelector(".layer-manager-title").addEventListener("click", event => {
|
object.querySelector(".layer-manager-title").addEventListener("click", event => {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
object.open = true;
|
|
||||||
highlightManagedObject(record);
|
highlightManagedObject(record);
|
||||||
});
|
});
|
||||||
const details = object.querySelector(".layer-manager-details");
|
const details = object.querySelector(".layer-manager-details");
|
||||||
@@ -1737,7 +2002,7 @@ function renderLayerSelectionToolbar() {
|
|||||||
toolbar.innerHTML = `<label>Cerca oggetti<input type="search" value="${escapeHtml(lmeState.managerSearchText)}" placeholder="Nome o gruppo"></label>
|
toolbar.innerHTML = `<label>Cerca oggetti<input type="search" value="${escapeHtml(lmeState.managerSearchText)}" placeholder="Nome o gruppo"></label>
|
||||||
<div class="layer-selection-summary"><strong>${selectedCount} selezionati</strong><button type="button" data-action="clear">Deseleziona</button></div>
|
<div class="layer-selection-summary"><strong>${selectedCount} selezionati</strong><button type="button" data-action="clear">Deseleziona</button></div>
|
||||||
<div class="layer-batch-actions">
|
<div class="layer-batch-actions">
|
||||||
<button type="button" data-action="duplicate">Duplica</button><button type="button" data-action="move">Sposta</button>
|
<button type="button" data-action="duplicate">Duplica</button><button type="button" data-action="move">Sposta geometria</button>
|
||||||
<button type="button" data-action="buffer">Buffer</button><button type="button" data-action="union">Unisci</button>
|
<button type="button" data-action="buffer">Buffer</button><button type="button" data-action="union">Unisci</button>
|
||||||
<button type="button" data-action="split">Dividi</button><button type="button" data-action="delete" class="danger-command">Rimuovi</button>
|
<button type="button" data-action="split">Dividi</button><button type="button" data-action="delete" class="danger-command">Rimuovi</button>
|
||||||
</div>`;
|
</div>`;
|
||||||
@@ -1826,7 +2091,7 @@ function renderManagedObjectTools(record) {
|
|||||||
<label>Note<textarea data-field="notes" rows="2" maxlength="1000" placeholder="Note tecniche">${escapeHtml(properties._lmeNotes || "")}</textarea></label>
|
<label>Note<textarea data-field="notes" rows="2" maxlength="1000" placeholder="Note tecniche">${escapeHtml(properties._lmeNotes || "")}</textarea></label>
|
||||||
<label class="layer-photo-picker">Foto<input type="file" data-field="photo" accept="image/*"></label>
|
<label class="layer-photo-picker">Foto<input type="file" data-field="photo" accept="image/*"></label>
|
||||||
${properties._lmePhoto ? `<img class="layer-photo-preview" src="${properties._lmePhoto}" alt="Foto allegata"><button type="button" data-action="remove-photo">Rimuovi foto</button>` : ""}
|
${properties._lmePhoto ? `<img class="layer-photo-preview" src="${properties._lmePhoto}" alt="Foto allegata"><button type="button" data-action="remove-photo">Rimuovi foto</button>` : ""}
|
||||||
<div class="layer-compact-actions"><button type="button" data-action="attributes">Attributi</button><button type="button" data-action="duplicate">Duplica</button><button type="button" data-action="numeric">Coordinate</button><button type="button" data-action="inspect">WGS84 / UTM</button><button type="button" data-action="move">Sposta</button><button type="button" data-action="buffer">Buffer</button></div>`;
|
<div class="layer-compact-actions"><button type="button" data-action="attributes">Attributi</button><button type="button" data-action="duplicate">Duplica</button><button type="button" data-action="numeric">Coordinate</button><button type="button" data-action="inspect">WGS84 / UTM</button><button type="button" data-action="move">Sposta geometria</button><button type="button" data-action="buffer">Buffer</button></div>`;
|
||||||
tools.querySelector("[data-field='selected']").addEventListener("change", event => {
|
tools.querySelector("[data-field='selected']").addEventListener("change", event => {
|
||||||
if (event.target.checked) lmeState.managerSelectedObjectIds.add(record.id);
|
if (event.target.checked) lmeState.managerSelectedObjectIds.add(record.id);
|
||||||
else lmeState.managerSelectedObjectIds.delete(record.id);
|
else lmeState.managerSelectedObjectIds.delete(record.id);
|
||||||
@@ -1867,25 +2132,35 @@ function editManagedAttributes(record) {
|
|||||||
if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return; }
|
if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return; }
|
||||||
const properties = record.layer?.feature?.properties || {};
|
const properties = record.layer?.feature?.properties || {};
|
||||||
const reserved = new Set(["name", "Name", "label", "LABEL"]);
|
const reserved = new Set(["name", "Name", "label", "LABEL"]);
|
||||||
const current = Object.entries(properties)
|
const entries = Object.entries(properties)
|
||||||
.filter(([key, value]) => !key.startsWith("_lme") && !reserved.has(key) && ["string", "number", "boolean"].includes(typeof value))
|
.filter(([key, value]) => !key.startsWith("_lme") && !reserved.has(key) && ["string", "number", "boolean"].includes(typeof value));
|
||||||
.map(([key, value]) => `${key}=${value}`).join("\n");
|
const dialog = showAppDialog("Attributi oggetto", `<div class="attribute-editor"><p>Ogni attributo viene salvato nel progetto e negli export GeoJSON, KML e KMZ.</p><div class="attribute-editor-rows"></div><button type="button" data-add-attribute>+ Aggiungi attributo</button><div class="dialog-command-row"><button type="button" data-cancel>Annulla</button><button type="button" class="primary-command" data-save-attributes>Salva attributi</button></div></div>`);
|
||||||
const value = window.prompt("Attributi, uno per riga nel formato chiave=valore\nEsempi: foglio, particella, proprietario, qualita, data_rilievo, stato", current);
|
const rows = dialog.querySelector(".attribute-editor-rows");
|
||||||
if (value === null) return;
|
const addRow = (key = "", value = "") => {
|
||||||
|
const row = document.createElement("div");
|
||||||
|
row.className = "attribute-editor-row";
|
||||||
|
row.innerHTML = `<label>Nome<input type="text" maxlength="60" value="${escapeHtml(key)}" placeholder="Es. proprietario"></label><label>Valore<textarea rows="3" maxlength="4000" placeholder="Testo anche su piu righe">${escapeHtml(String(value))}</textarea></label><button type="button" title="Rimuovi attributo" aria-label="Rimuovi attributo">×</button>`;
|
||||||
|
row.querySelector("button").addEventListener("click", () => row.remove());
|
||||||
|
rows.appendChild(row);
|
||||||
|
};
|
||||||
|
entries.forEach(([key, value]) => addRow(key, value));
|
||||||
|
if (!entries.length) addRow();
|
||||||
|
dialog.querySelector("[data-add-attribute]").addEventListener("click", () => addRow());
|
||||||
|
dialog.querySelector("[data-cancel]").addEventListener("click", () => dialog.remove());
|
||||||
|
dialog.querySelector("[data-save-attributes]").addEventListener("click", () => {
|
||||||
const parsed = {};
|
const parsed = {};
|
||||||
value.split(/\r?\n/).forEach(line => {
|
rows.querySelectorAll(".attribute-editor-row").forEach(row => {
|
||||||
const separator = line.indexOf("=");
|
const key = row.querySelector("input").value.trim().replace(/[^a-zA-Z0-9_ -]/g, "_").slice(0, 60);
|
||||||
if (separator < 1) return;
|
const value = row.querySelector("textarea").value.slice(0, 4000);
|
||||||
const key = line.slice(0, separator).trim().replace(/[^a-zA-Z0-9_ -]/g, "_").slice(0, 60);
|
if (key) parsed[key] = value;
|
||||||
const raw = line.slice(separator + 1).trim().slice(0, 500);
|
|
||||||
if (key) parsed[key] = raw;
|
|
||||||
});
|
});
|
||||||
updateManagedProperties([record], target => {
|
updateManagedProperties([record], target => {
|
||||||
Object.keys(target).filter(key => !key.startsWith("_lme") && !reserved.has(key)).forEach(key => delete target[key]);
|
Object.keys(target).filter(key => !key.startsWith("_lme") && !reserved.has(key)).forEach(key => delete target[key]);
|
||||||
Object.assign(target, parsed);
|
Object.assign(target, parsed);
|
||||||
});
|
});
|
||||||
finishMapChange("Aggiornamento attributi");
|
|
||||||
setInfo(`${Object.keys(parsed).length} attributi aggiornati.`);
|
setInfo(`${Object.keys(parsed).length} attributi aggiornati.`);
|
||||||
|
dialog.remove();
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function utmFromLatLng(latitude, longitude) {
|
function utmFromLatLng(latitude, longitude) {
|
||||||
@@ -1949,19 +2224,66 @@ function showAppDialog(title, bodyHtml) {
|
|||||||
return overlay;
|
return overlay;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function showFormDialog(title, fields, submitLabel = "Salva") {
|
||||||
|
return new Promise(resolve => {
|
||||||
|
const fieldHtml = fields.map(field => {
|
||||||
|
const common = `name="${escapeHtml(field.name)}" ${field.required === false ? "" : "required"} ${field.maxLength ? `maxlength="${field.maxLength}"` : ""}`;
|
||||||
|
const control = field.type === "textarea"
|
||||||
|
? `<textarea ${common} rows="${field.rows || 5}">${escapeHtml(field.value ?? "")}</textarea>`
|
||||||
|
: `<input ${common} type="${field.type || "text"}" value="${escapeHtml(field.value ?? "")}" ${field.step ? `step="${field.step}"` : ""}>`;
|
||||||
|
return `<label>${escapeHtml(field.label)}${control}${field.help ? `<small>${escapeHtml(field.help)}</small>` : ""}</label>`;
|
||||||
|
}).join("");
|
||||||
|
const dialog = showAppDialog(title, `<form class="lme-edit-form">${fieldHtml}<div class="dialog-command-row"><button type="button" data-cancel>Annulla</button><button type="submit" class="primary-command">${escapeHtml(submitLabel)}</button></div></form>`);
|
||||||
|
const form = dialog.querySelector("form");
|
||||||
|
let settled = false;
|
||||||
|
const finish = value => { if (settled) return; settled = true; resolve(value); dialog.remove(); };
|
||||||
|
dialog.querySelector("header button").addEventListener("click", () => finish(null), { capture: true });
|
||||||
|
dialog.querySelector("[data-cancel]").addEventListener("click", () => finish(null));
|
||||||
|
dialog.addEventListener("click", event => { if (event.target === dialog) finish(null); }, { capture: true });
|
||||||
|
form.addEventListener("submit", event => {
|
||||||
|
event.preventDefault();
|
||||||
|
const values = {};
|
||||||
|
fields.forEach(field => { values[field.name] = form.elements[field.name]?.value ?? ""; });
|
||||||
|
finish(values);
|
||||||
|
});
|
||||||
|
form.elements[fields[0]?.name]?.focus();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
function showObjectTable() {
|
function showObjectTable() {
|
||||||
const records = layerManagerCategories().flatMap(category => managedRecordsForCategory(category));
|
const records = layerManagerCategories().flatMap(category => managedRecordsForCategory(category));
|
||||||
|
lmeState.managerRecords = new Map(records.map(record => [record.id, record]));
|
||||||
const body = records.map((record, index) => {
|
const body = records.map((record, index) => {
|
||||||
const properties = record.layer?.feature?.properties || {};
|
const properties = record.layer?.feature?.properties || {};
|
||||||
const details = managedObjectDetails(record.layer);
|
const details = managedObjectDetails(record.layer);
|
||||||
return `<tr data-object-id="${escapeHtml(record.id)}"><td><button type="button" data-locate="${escapeHtml(record.id)}">⌖</button></td><td>${escapeHtml(managedObjectLabel(record, index))}</td><td>${escapeHtml(record.categoryKey)}</td><td>${escapeHtml(properties.foglio || properties.FOGLIO || "")}</td><td>${escapeHtml(properties.particella || properties.PARTICELLA || properties.LABEL || "")}</td><td>${escapeHtml(details.slice(0, 2).join(" | "))}</td></tr>`;
|
const selected = lmeState.managerSelectedObjectIds.has(record.id);
|
||||||
|
const locked = Boolean(properties._lmeLocked);
|
||||||
|
return `<tr data-object-id="${escapeHtml(record.id)}"><td><input type="checkbox" data-select="${escapeHtml(record.id)}" ${selected ? "checked" : ""} aria-label="Seleziona ${escapeHtml(managedObjectLabel(record, index))}"></td><td><input type="checkbox" data-lock="${escapeHtml(record.id)}" ${locked ? "checked" : ""} ${lmeState.readOnly ? "disabled" : ""} aria-label="Blocca ${escapeHtml(managedObjectLabel(record, index))}"></td><td><button type="button" data-locate="${escapeHtml(record.id)}" title="Mostra sulla mappa" aria-label="Mostra sulla mappa">⌖</button></td><td>${escapeHtml(managedObjectLabel(record, index))}</td><td>${escapeHtml(managedCategoryName(layerManagerCategories().find(item => item.key === record.categoryKey) || { key: record.categoryKey, label: record.categoryKey }, [record]))}</td><td>${escapeHtml(properties.foglio || properties.FOGLIO || "")}</td><td>${escapeHtml(properties.particella || properties.PARTICELLA || properties.LABEL || "")}</td><td>${escapeHtml(details.slice(0, 2).join(" | "))}</td></tr>`;
|
||||||
}).join("");
|
}).join("");
|
||||||
const dialog = showAppDialog("Elenco oggetti e particelle", `<label class="object-table-search">Filtra<input type="search" placeholder="Nome, foglio, particella o gruppo"></label><div class="object-table-wrap"><table><thead><tr><th></th><th>Nome</th><th>Gruppo</th><th>Foglio</th><th>Particella</th><th>Misure</th></tr></thead><tbody>${body || "<tr><td colspan='6'>Nessun oggetto</td></tr>"}</tbody></table></div>`);
|
const dialog = showAppDialog("Elenco oggetti e particelle", `<label class="object-table-search">Filtra<input type="search" placeholder="Nome, foglio, particella o gruppo"></label><div class="object-table-legend"><span>Seleziona più oggetti con i flag nella colonna Selez.</span><span>Il lucchetto impedisce modifiche e rimozioni.</span></div><div class="object-table-wrap"><table><thead><tr><th>Selez.</th><th>Blocca</th><th>Mappa</th><th>Nome</th><th>Gruppo</th><th>Foglio</th><th>Particella</th><th>Misure</th></tr></thead><tbody>${body || "<tr><td colspan='8'>Nessun oggetto</td></tr>"}</tbody></table></div>`);
|
||||||
const byId = new Map(records.map(record => [record.id, record]));
|
const byId = new Map(records.map(record => [record.id, record]));
|
||||||
dialog.querySelector("input").addEventListener("input", event => {
|
dialog.querySelector("input[type='search']").addEventListener("input", event => {
|
||||||
const query = event.target.value.toLocaleLowerCase("it");
|
const query = event.target.value.toLocaleLowerCase("it");
|
||||||
dialog.querySelectorAll("tbody tr").forEach(row => { row.hidden = query && !row.textContent.toLocaleLowerCase("it").includes(query); });
|
dialog.querySelectorAll("tbody tr").forEach(row => { row.hidden = query && !row.textContent.toLocaleLowerCase("it").includes(query); });
|
||||||
});
|
});
|
||||||
|
dialog.querySelectorAll("[data-select]").forEach(input => input.addEventListener("change", () => {
|
||||||
|
if (input.checked) lmeState.managerSelectedObjectIds.add(input.dataset.select);
|
||||||
|
else lmeState.managerSelectedObjectIds.delete(input.dataset.select);
|
||||||
|
const record = byId.get(input.dataset.select);
|
||||||
|
if (record && input.checked) {
|
||||||
|
lmeState.managerHighlightedObjectId = record.id;
|
||||||
|
lmeState.managerHighlightedCategoryKey = record.categoryKey;
|
||||||
|
renderManagerHighlight([record]);
|
||||||
|
}
|
||||||
|
refreshLayerManager();
|
||||||
|
setInfo(`${lmeState.managerSelectedObjectIds.size} oggetti selezionati.`);
|
||||||
|
}));
|
||||||
|
dialog.querySelectorAll("[data-lock]").forEach(input => input.addEventListener("change", () => {
|
||||||
|
const record = byId.get(input.dataset.lock);
|
||||||
|
if (!record) return;
|
||||||
|
updateManagedProperties([record], properties => { properties._lmeLocked = input.checked; });
|
||||||
|
setInfo(input.checked ? "Oggetto bloccato." : "Oggetto sbloccato.");
|
||||||
|
}));
|
||||||
dialog.querySelectorAll("[data-locate]").forEach(button => button.addEventListener("click", () => {
|
dialog.querySelectorAll("[data-locate]").forEach(button => button.addEventListener("click", () => {
|
||||||
const record = byId.get(button.dataset.locate); if (!record) return;
|
const record = byId.get(button.dataset.locate); if (!record) return;
|
||||||
dialog.remove(); highlightManagedObject(record);
|
dialog.remove(); highlightManagedObject(record);
|
||||||
@@ -2088,12 +2410,17 @@ function duplicateManagedRecords(records) {
|
|||||||
setInfo(`${records.length} ${records.length === 1 ? "oggetto duplicato" : "oggetti duplicati"}.`);
|
setInfo(`${records.length} ${records.length === 1 ? "oggetto duplicato" : "oggetti duplicati"}.`);
|
||||||
}
|
}
|
||||||
|
|
||||||
function moveManagedRecords(records) {
|
async function moveManagedRecords(records) {
|
||||||
if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return; }
|
if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return; }
|
||||||
if (records.some(record => record.layer?.feature?.properties?._lmeLocked)) { setInfo("Sblocca gli oggetti da spostare."); return; }
|
if (records.some(record => record.layer?.feature?.properties?._lmeLocked)) { setInfo("Sblocca gli oggetti da spostare."); return; }
|
||||||
const north = Number(window.prompt("Spostamento verso nord in metri (negativo verso sud)", "0"));
|
const result = await showFormDialog("Sposta oggetti", [
|
||||||
|
{ name: "north", label: "Metri verso nord (negativo verso sud)", type: "number", value: "0", step: "0.01" },
|
||||||
|
{ name: "east", label: "Metri verso est (negativo verso ovest)", type: "number", value: "0", step: "0.01" }
|
||||||
|
], "Sposta");
|
||||||
|
if (!result) return;
|
||||||
|
const north = Number(result.north);
|
||||||
if (!Number.isFinite(north)) return;
|
if (!Number.isFinite(north)) return;
|
||||||
const east = Number(window.prompt("Spostamento verso est in metri (negativo verso ovest)", "0"));
|
const east = Number(result.east);
|
||||||
if (!Number.isFinite(east) || (!north && !east)) return;
|
if (!Number.isFinite(east) || (!north && !east)) return;
|
||||||
const distance = Math.hypot(north, east);
|
const distance = Math.hypot(north, east);
|
||||||
const bearing = Math.atan2(east, north) * 180 / Math.PI;
|
const bearing = Math.atan2(east, north) * 180 / Math.PI;
|
||||||
@@ -2105,9 +2432,11 @@ function moveManagedRecords(records) {
|
|||||||
finishManagedGeometryChange(`Spostati ${records.length} oggetti.`);
|
finishManagedGeometryChange(`Spostati ${records.length} oggetti.`);
|
||||||
}
|
}
|
||||||
|
|
||||||
function bufferManagedRecords(records) {
|
async function bufferManagedRecords(records) {
|
||||||
if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return; }
|
if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return; }
|
||||||
const meters = Number(window.prompt("Distanza buffer in metri", "5"));
|
const result = await showFormDialog("Crea buffer", [{ name: "meters", label: "Distanza in metri", type: "number", value: "5", step: "0.01" }], "Crea buffer");
|
||||||
|
if (!result) return;
|
||||||
|
const meters = Number(result.meters);
|
||||||
if (!Number.isFinite(meters) || meters <= 0) return;
|
if (!Number.isFinite(meters) || meters <= 0) return;
|
||||||
rememberMapChange();
|
rememberMapChange();
|
||||||
let count = 0;
|
let count = 0;
|
||||||
@@ -2158,14 +2487,17 @@ function splitManagedRecords(records) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function selectedManagedRecords() {
|
function selectedManagedRecords() {
|
||||||
const current = lmeState.managerRecords || new Map();
|
const current = new Map(layerManagerCategories()
|
||||||
|
.flatMap(category => managedRecordsForCategory(category))
|
||||||
|
.map(record => [record.id, record]));
|
||||||
|
lmeState.managerRecords = current;
|
||||||
return [...lmeState.managerSelectedObjectIds].map(id => current.get(id)).filter(Boolean);
|
return [...lmeState.managerSelectedObjectIds].map(id => current.get(id)).filter(Boolean);
|
||||||
}
|
}
|
||||||
|
|
||||||
function createHoleFromSelected() {
|
function createHoleFromSelected() {
|
||||||
if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return false; }
|
if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return false; }
|
||||||
const polygons = selectedManagedRecords().filter(record => record.layer instanceof L.Polygon);
|
const polygons = selectedManagedRecords().filter(record => record.layer instanceof L.Polygon);
|
||||||
if (polygons.length !== 2) { setInfo("Seleziona esattamente due poligoni: prima l'area esterna e poi l'area da escludere."); return false; }
|
if (polygons.length !== 2) { showGeometryResult("Creazione foro", "Seleziona esattamente due poligoni: l'area esterna e l'area interna da escludere.", "warning"); return false; }
|
||||||
try {
|
try {
|
||||||
const ordered = [...polygons].sort((left, right) => turf.area(right.layer.toGeoJSON()) - turf.area(left.layer.toGeoJSON()));
|
const ordered = [...polygons].sort((left, right) => turf.area(right.layer.toGeoJSON()) - turf.area(left.layer.toGeoJSON()));
|
||||||
const outer = ordered[0].layer.toGeoJSON();
|
const outer = ordered[0].layer.toGeoJSON();
|
||||||
@@ -2179,14 +2511,15 @@ function createHoleFromSelected() {
|
|||||||
ordered.forEach(removeRecordWithoutPrompt);
|
ordered.forEach(removeRecordWithoutPrompt);
|
||||||
lmeState.managerSelectedObjectIds.clear();
|
lmeState.managerSelectedObjectIds.clear();
|
||||||
finishManagedGeometryChange("Poligono con foro creato correttamente.");
|
finishManagedGeometryChange("Poligono con foro creato correttamente.");
|
||||||
|
showGeometryResult("Foro creato", "Il nuovo poligono contiene l'area interna esclusa. I due oggetti originali sono stati sostituiti.", "success");
|
||||||
return true;
|
return true;
|
||||||
} catch (error) { setInfo(`Creazione foro non riuscita: ${error.message}`); return false; }
|
} catch (error) { showGeometryResult("Creazione foro non riuscita", error.message, "error"); return false; }
|
||||||
}
|
}
|
||||||
|
|
||||||
function validateAndRepairSelected() {
|
function validateAndRepairSelected() {
|
||||||
if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return "Progetto in sola lettura"; }
|
if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return "Progetto in sola lettura"; }
|
||||||
const records = selectedManagedRecords();
|
const records = selectedManagedRecords();
|
||||||
if (!records.length) { setInfo("Seleziona gli oggetti da controllare."); return "Nessuna selezione"; }
|
if (!records.length) { showGeometryResult("Controlla e ripara", "Seleziona uno o più oggetti dalla mappa, dal pannello Layer o dalla tabella oggetti.", "warning"); return "Nessuna selezione"; }
|
||||||
let valid = 0; let repaired = 0; let rejected = 0;
|
let valid = 0; let repaired = 0; let rejected = 0;
|
||||||
rememberMapChange();
|
rememberMapChange();
|
||||||
records.forEach((record, index) => {
|
records.forEach((record, index) => {
|
||||||
@@ -2209,14 +2542,16 @@ function validateAndRepairSelected() {
|
|||||||
} catch { rejected++; }
|
} catch { rejected++; }
|
||||||
});
|
});
|
||||||
lmeState.managerSelectedObjectIds.clear();
|
lmeState.managerSelectedObjectIds.clear();
|
||||||
finishManagedGeometryChange(`Controllo geometrie: ${valid} valide, ${repaired} riparate, ${rejected} non riparabili.`);
|
const message = `Controllati ${records.length} oggetti: ${valid} validi, ${repaired} riparati, ${rejected} non riparabili.`;
|
||||||
|
finishManagedGeometryChange(message);
|
||||||
|
showGeometryResult("Controllo geometrie completato", message, rejected ? "warning" : "success");
|
||||||
return `${valid} valide, ${repaired} riparate, ${rejected} non riparabili`;
|
return `${valid} valide, ${repaired} riparate, ${rejected} non riparabili`;
|
||||||
}
|
}
|
||||||
|
|
||||||
function compareSelectedGeometries() {
|
function compareSelectedGeometries() {
|
||||||
if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return false; }
|
if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return false; }
|
||||||
const polygons = selectedManagedRecords().filter(record => record.layer instanceof L.Polygon);
|
const polygons = selectedManagedRecords().filter(record => record.layer instanceof L.Polygon);
|
||||||
if (polygons.length !== 2) { setInfo("Seleziona esattamente due poligoni da confrontare."); return false; }
|
if (polygons.length !== 2) { showGeometryResult("Confronta due confini", "Seleziona esattamente due poligoni dalla mappa, dal pannello Layer o dalla tabella oggetti.", "warning"); return false; }
|
||||||
try {
|
try {
|
||||||
const first = polygons[0].layer.toGeoJSON(); const second = polygons[1].layer.toGeoJSON();
|
const first = polygons[0].layer.toGeoJSON(); const second = polygons[1].layer.toGeoJSON();
|
||||||
const onlyFirst = turf.difference(turf.featureCollection([first, second]));
|
const onlyFirst = turf.difference(turf.featureCollection([first, second]));
|
||||||
@@ -2231,34 +2566,72 @@ function compareSelectedGeometries() {
|
|||||||
addResult(onlyFirst, `Solo ${managedObjectLabel(polygons[0], 0)}`, "#ef4444");
|
addResult(onlyFirst, `Solo ${managedObjectLabel(polygons[0], 0)}`, "#ef4444");
|
||||||
addResult(onlySecond, `Solo ${managedObjectLabel(polygons[1], 1)}`, "#3b82f6");
|
addResult(onlySecond, `Solo ${managedObjectLabel(polygons[1], 1)}`, "#3b82f6");
|
||||||
addResult(overlap, "Sovrapposizione", "#16a34a");
|
addResult(overlap, "Sovrapposizione", "#16a34a");
|
||||||
const firstArea = onlyFirst ? turf.area(onlyFirst) : 0; const secondArea = onlySecond ? turf.area(onlySecond) : 0;
|
const firstArea = onlyFirst ? turf.area(onlyFirst) : 0; const secondArea = onlySecond ? turf.area(onlySecond) : 0; const overlapArea = overlap ? turf.area(overlap) : 0;
|
||||||
finishManagedGeometryChange(`Confronto creato: eccedenza ${formatArea(firstArea)}, mancanza ${formatArea(secondArea)}.`);
|
const message = `Confronto creato. Solo primo confine: ${formatArea(firstArea)}. Solo secondo confine: ${formatArea(secondArea)}. Sovrapposizione: ${formatArea(overlapArea)}.`;
|
||||||
|
finishManagedGeometryChange(message);
|
||||||
|
showGeometryResult("Confronto completato", `${message} Sulla mappa: rosso solo primo, blu solo secondo, verde sovrapposizione.`, "success");
|
||||||
return true;
|
return true;
|
||||||
} catch (error) { setInfo(`Confronto non riuscito: ${error.message}`); return false; }
|
} catch (error) { showGeometryResult("Confronto non riuscito", error.message, "error"); return false; }
|
||||||
}
|
}
|
||||||
|
|
||||||
function numericEditManagedRecord(record) {
|
function showGeometryResult(title, message, tone = "success") {
|
||||||
|
setInfo(`${title}: ${message}`);
|
||||||
|
const icons = { success: "✓", warning: "!", error: "×" };
|
||||||
|
showAppDialog(title, `<div class="geometry-result geometry-result-${tone}"><span aria-hidden="true">${icons[tone] || "i"}</span><p>${escapeHtml(message)}</p></div>`);
|
||||||
|
}
|
||||||
|
|
||||||
|
function addGeometryToolsControl() {
|
||||||
|
if (lmeState.geometryToolsControl || !lmeState.map) return;
|
||||||
|
const GeometryTools = L.Control.extend({
|
||||||
|
options: { position: "topright" },
|
||||||
|
onAdd() {
|
||||||
|
const container = L.DomUtil.create("div", "leaflet-bar lme-geometry-toolbar");
|
||||||
|
const actions = [
|
||||||
|
{ icon: "✓", title: "Controlla e ripara geometrie", run: validateAndRepairSelected },
|
||||||
|
{ icon: "◉", title: "Crea foro da due poligoni", run: createHoleFromSelected },
|
||||||
|
{ icon: "⇄", title: "Confronta due confini", run: compareSelectedGeometries }
|
||||||
|
];
|
||||||
|
actions.forEach(action => {
|
||||||
|
const button = L.DomUtil.create("a", "", container);
|
||||||
|
button.href = "#";
|
||||||
|
button.title = action.title;
|
||||||
|
button.setAttribute("role", "button");
|
||||||
|
button.setAttribute("aria-label", action.title);
|
||||||
|
button.textContent = action.icon;
|
||||||
|
L.DomEvent.on(button, "click", event => { L.DomEvent.stop(event); action.run(); });
|
||||||
|
});
|
||||||
|
L.DomEvent.disableClickPropagation(container);
|
||||||
|
return container;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
lmeState.geometryToolsControl = new GeometryTools().addTo(lmeState.map);
|
||||||
|
}
|
||||||
|
|
||||||
|
async function numericEditManagedRecord(record) {
|
||||||
if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return; }
|
if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return; }
|
||||||
if (record.layer?.feature?.properties?._lmeLocked) { setInfo("Sblocca prima l'oggetto."); return; }
|
if (record.layer?.feature?.properties?._lmeLocked) { setInfo("Sblocca prima l'oggetto."); return; }
|
||||||
if (record.layer instanceof L.Circle) {
|
if (record.layer instanceof L.Circle) {
|
||||||
const center = record.layer.getLatLng();
|
const center = record.layer.getLatLng();
|
||||||
const value = window.prompt("Latitudine, longitudine, raggio in metri", `${center.lat.toFixed(7)}, ${center.lng.toFixed(7)}, ${record.layer.getRadius().toFixed(2)}`);
|
const result = await showFormDialog("Modifica cerchio", [{ name: "coordinates", label: "Latitudine, longitudine, raggio in metri", type: "textarea", rows: 3, value: `${center.lat.toFixed(7)}, ${center.lng.toFixed(7)}, ${record.layer.getRadius().toFixed(2)}` }], "Applica");
|
||||||
if (value === null) return;
|
if (!result) return;
|
||||||
|
const value = result.coordinates;
|
||||||
const parts = value.split(/[;, ]+/).map(Number).filter(Number.isFinite);
|
const parts = value.split(/[;, ]+/).map(Number).filter(Number.isFinite);
|
||||||
if (parts.length < 3) { setInfo("Inserisci latitudine, longitudine e raggio validi."); return; }
|
if (parts.length < 3) { setInfo("Inserisci latitudine, longitudine e raggio validi."); return; }
|
||||||
rememberMapChange(); record.layer.setLatLng([parts[0], parts[1]]); record.layer.setRadius(parts[2]); annotateDrawingLayer(record.layer, "circle");
|
rememberMapChange(); record.layer.setLatLng([parts[0], parts[1]]); record.layer.setRadius(parts[2]); annotateDrawingLayer(record.layer, "circle");
|
||||||
} else if (typeof record.layer?.getLatLng === "function") {
|
} else if (typeof record.layer?.getLatLng === "function") {
|
||||||
const point = record.layer.getLatLng();
|
const point = record.layer.getLatLng();
|
||||||
const value = window.prompt("Latitudine, longitudine", `${point.lat.toFixed(7)}, ${point.lng.toFixed(7)}`);
|
const result = await showFormDialog("Modifica punto", [{ name: "coordinates", label: "Latitudine, longitudine", type: "textarea", rows: 3, value: `${point.lat.toFixed(7)}, ${point.lng.toFixed(7)}` }], "Applica");
|
||||||
if (value === null) return;
|
if (!result) return;
|
||||||
|
const value = result.coordinates;
|
||||||
const parts = value.split(/[;, ]+/).map(Number).filter(Number.isFinite);
|
const parts = value.split(/[;, ]+/).map(Number).filter(Number.isFinite);
|
||||||
if (parts.length < 2) { setInfo("Inserisci coordinate valide."); return; }
|
if (parts.length < 2) { setInfo("Inserisci coordinate valide."); return; }
|
||||||
rememberMapChange(); record.layer.setLatLng([parts[0], parts[1]]);
|
rememberMapChange(); record.layer.setLatLng([parts[0], parts[1]]);
|
||||||
} else {
|
} else {
|
||||||
const lines = lineLatLngGroups(record.layer.getLatLngs());
|
const lines = lineLatLngGroups(record.layer.getLatLngs());
|
||||||
const current = lines[0]?.map(point => `${point.lat.toFixed(7)},${point.lng.toFixed(7)}`).join("; ") || "";
|
const current = lines[0]?.map(point => `${point.lat.toFixed(7)},${point.lng.toFixed(7)}`).join("; ") || "";
|
||||||
const value = window.prompt("Vertici: coppie latitudine,longitudine separate da punto e virgola", current);
|
const result = await showFormDialog("Modifica vertici", [{ name: "coordinates", label: "Coppie latitudine,longitudine separate da punto e virgola", type: "textarea", rows: 8, value: current }], "Applica");
|
||||||
if (value === null) return;
|
if (!result) return;
|
||||||
|
const value = result.coordinates;
|
||||||
const points = value.split(";").map(pair => pair.split(",").map(Number)).filter(pair => pair.length === 2 && pair.every(Number.isFinite));
|
const points = value.split(";").map(pair => pair.split(",").map(Number)).filter(pair => pair.length === 2 && pair.every(Number.isFinite));
|
||||||
if (points.length < 2) { setInfo("Servono almeno due vertici validi."); return; }
|
if (points.length < 2) { setInfo("Servono almeno due vertici validi."); return; }
|
||||||
rememberMapChange(); record.layer.setLatLngs(points.map(point => L.latLng(point[0], point[1])));
|
rememberMapChange(); record.layer.setLatLngs(points.map(point => L.latLng(point[0], point[1])));
|
||||||
@@ -2379,6 +2752,7 @@ function setAdvancedOptions(options) {
|
|||||||
lmeState.snapEnabled = value.snapEnabled !== false;
|
lmeState.snapEnabled = value.snapEnabled !== false;
|
||||||
lmeState.snapDistancePixels = Math.max(4, Math.min(40, Number(value.snapDistancePixels) || 14));
|
lmeState.snapDistancePixels = Math.max(4, Math.min(40, Number(value.snapDistancePixels) || 14));
|
||||||
lmeState.autoSaveEnabled = value.autoSaveEnabled !== false;
|
lmeState.autoSaveEnabled = value.autoSaveEnabled !== false;
|
||||||
|
lmeState.autoFitSelectedObject = Boolean(value.autoFitSelectedObject);
|
||||||
lmeState.gpsProximityEnabled = value.gpsProximityEnabled !== false;
|
lmeState.gpsProximityEnabled = value.gpsProximityEnabled !== false;
|
||||||
lmeState.gpsBoundaryAlertEnabled = Boolean(value.gpsBoundaryAlertEnabled);
|
lmeState.gpsBoundaryAlertEnabled = Boolean(value.gpsBoundaryAlertEnabled);
|
||||||
}
|
}
|
||||||
@@ -2504,6 +2878,26 @@ function bindLayerManagerExpansion(row, key) {
|
|||||||
} else {
|
} else {
|
||||||
lmeState.managerExpandedRows.delete(key);
|
lmeState.managerExpandedRows.delete(key);
|
||||||
}
|
}
|
||||||
|
const button = row.querySelector(":scope > summary > .layer-expand-button");
|
||||||
|
if (button) {
|
||||||
|
button.textContent = row.open ? "▾" : "▸";
|
||||||
|
button.setAttribute("aria-expanded", String(row.open));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function layerExpandButton(expanded, label) {
|
||||||
|
return `<button type="button" class="layer-expand-button" aria-label="${expanded ? "Comprimi" : "Espandi"} ${escapeHtml(label)}" aria-expanded="${expanded}">${expanded ? "▾" : "▸"}</button>`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function bindLayerManagerToggleButton(row) {
|
||||||
|
const summary = row.querySelector(":scope > summary");
|
||||||
|
const button = summary?.querySelector(".layer-expand-button");
|
||||||
|
summary?.addEventListener("click", event => event.preventDefault());
|
||||||
|
button?.addEventListener("click", event => {
|
||||||
|
event.preventDefault();
|
||||||
|
event.stopPropagation();
|
||||||
|
row.open = !row.open;
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -2603,8 +2997,22 @@ function highlightManagedObject(record) {
|
|||||||
});
|
});
|
||||||
setSelectedDrawing(record.categoryKey === "drawings" ? record.layer : null);
|
setSelectedDrawing(record.categoryKey === "drawings" ? record.layer : null);
|
||||||
renderManagerHighlight([record]);
|
renderManagerHighlight([record]);
|
||||||
|
if (lmeState.autoFitSelectedObject) {
|
||||||
fitLayer(record.layer);
|
fitLayer(record.layer);
|
||||||
}
|
}
|
||||||
|
revealManagedRecordInLayerManager(record.id);
|
||||||
|
}
|
||||||
|
|
||||||
|
function revealManagedRecordInLayerManager(recordId) {
|
||||||
|
const row = document.querySelector(`.layer-manager-object[data-object-id="${CSS.escape(recordId)}"]`);
|
||||||
|
if (!row) return;
|
||||||
|
const block = row.closest(".layer-manager-block");
|
||||||
|
const group = row.closest(".layer-manager-group");
|
||||||
|
if (group) group.classList.add("layer-manager-selection-path");
|
||||||
|
if (block) block.classList.add("layer-manager-selection-path");
|
||||||
|
row.classList.add("layer-manager-object-selected");
|
||||||
|
row.scrollIntoView({ block: "nearest", behavior: "smooth" });
|
||||||
|
}
|
||||||
|
|
||||||
function drawingEditToolbar() {
|
function drawingEditToolbar() {
|
||||||
return lmeState.drawControl?._toolbars?.[L.EditToolbar.TYPE] || null;
|
return lmeState.drawControl?._toolbars?.[L.EditToolbar.TYPE] || null;
|
||||||
@@ -2668,7 +3076,6 @@ function bindManagedParentHighlight(row, key, records) {
|
|||||||
row.querySelector(":scope > summary > .layer-manager-title").addEventListener("click", event => {
|
row.querySelector(":scope > summary > .layer-manager-title").addEventListener("click", event => {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
row.open = true;
|
|
||||||
highlightManagedParent(row, key, records);
|
highlightManagedParent(row, key, records);
|
||||||
});
|
});
|
||||||
summary.addEventListener("pointerenter", () => {
|
summary.addEventListener("pointerenter", () => {
|
||||||
@@ -3404,6 +3811,7 @@ function bindDrawingLayerSelection(layer) {
|
|||||||
}
|
}
|
||||||
selectDrawingLayer(layer);
|
selectDrawingLayer(layer);
|
||||||
refreshLayerManager();
|
refreshLayerManager();
|
||||||
|
window.requestAnimationFrame(() => revealManagedRecordInLayerManager(id));
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -3424,6 +3832,7 @@ function bindManagedMapSelection(layer, categoryKey, parent) {
|
|||||||
else lmeState.managerSelectedObjectIds.add(record.id);
|
else lmeState.managerSelectedObjectIds.add(record.id);
|
||||||
highlightManagedObject(record);
|
highlightManagedObject(record);
|
||||||
refreshLayerManager();
|
refreshLayerManager();
|
||||||
|
window.requestAnimationFrame(() => revealManagedRecordInLayerManager(record.id));
|
||||||
setInfo(`Selezionato dalla mappa: ${managedObjectEditableName(record) || "oggetto"}.`);
|
setInfo(`Selezionato dalla mappa: ${managedObjectEditableName(record) || "oggetto"}.`);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@@ -4123,23 +4532,6 @@ function emptyFeatureCollection() {
|
|||||||
function managedGroupGeoJson(group, categoryKey) {
|
function managedGroupGeoJson(group, categoryKey) {
|
||||||
const collection = group?.toGeoJSON?.() || emptyFeatureCollection();
|
const collection = group?.toGeoJSON?.() || emptyFeatureCollection();
|
||||||
const features = [...(collection.features || [])];
|
const features = [...(collection.features || [])];
|
||||||
const existingIds = new Set(features.map(feature => feature?.properties?._lmeManagerId).filter(Boolean));
|
|
||||||
lmeState.managerHiddenObjects.forEach(record => {
|
|
||||||
if (record.categoryKey !== categoryKey) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const hidden = record.layer?.toGeoJSON?.();
|
|
||||||
const hiddenFeatures = hidden?.type === "FeatureCollection" ? hidden.features : hidden ? [hidden] : [];
|
|
||||||
hiddenFeatures.forEach(feature => {
|
|
||||||
const id = feature?.properties?._lmeManagerId;
|
|
||||||
if (!id || !existingIds.has(id)) {
|
|
||||||
features.push(feature);
|
|
||||||
if (id) {
|
|
||||||
existingIds.add(id);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
const categoryName = lmeState.managerCategoryNames[categoryKey];
|
const categoryName = lmeState.managerCategoryNames[categoryKey];
|
||||||
if (categoryName) {
|
if (categoryName) {
|
||||||
features.forEach(feature => {
|
features.forEach(feature => {
|
||||||
|
|||||||
Reference in new issue
Block a user