WIP: test interactive wall layers

webgis/js/ui.js

@@ -42,7 +42,7 @@ UI.addCenterMapControl = function (map, centerCoords, zoom) {
             let controlUI = L.DomUtil.create('a', 'leaflet-draw-edit-remove', controlDiv);
             controlUI.title = 'Centra la mappa';
             controlUI.href = '#';
-            controlUI.innerHTML = `
+            controlUI.innerHTML = html`
 				<span class="icon is-medium">
 					<i>
 						<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="pt-2" viewBox="0 0 16 16">
@@ -59,6 +59,20 @@ UI.addCenterMapControl = function (map, centerCoords, zoom) {
     let centerCtr = new L.Control.CenterControl();
     map.addControl(centerCtr);
 }
+
+UI.addBuildingViewBar = function() {
+	const bar = document.createElement('div');
+	bar.className = 'container bview-bar has-background-primary-90 p-4';
+	bar.setAttribute('data-controller', 'menu');
+	bar.setAttribute('data-menu-target', 'element');
+
+	bar.innerHTML = html`
+		<button title="Esci da mappa USM" class="delete is-pulled-right" data-action="menu#removeElement"></button>
+		<p class="has-text-centered has-text-weight-semibold is-size-4 is-fullwidth p-3">Mappa Unità Stratigrafica Muraria (USM)</p>
+	`;
+
+	document.body.appendChild(bar);
+}
 /**
  * Toggle burger menu for small screens
  * @param {string} burgerClass The CSS class of the burger element