Search adjustments + building techs

webgis/js/ui.js

@@ -12,6 +12,8 @@ import { Underwater } from './components/Underwater.js';
 import { GisState } from "./state.js";
 import { Reuse } from './components/Reuse.js';
 
+const html = String.raw;
+
 /**
  * @namespace UI
  */
@@ -270,5 +272,23 @@ UI.imageGallery = function (galleryId, items, video = false) {
 		});
 	}
 }
+/**
+ * @param {Object} record 
+ * @returns {string}
+ */
+UI.createBuildingTechTable = function(record) {
+	return html`
+		<table class="table is-striped is-size-6 m-2">
+			<tbody>
+				<tr><th>Tecnica</th><td>${record.technique}</td></tr>
+				<tr><th>Descrizione</th><td>${record.description}</td></tr>
+				<tr><th>Funzione</th><td>${record.function}</td></tr>
+				<tr><th>Materiale</th><td>${record.material}</td></tr>
+				<tr><th>Sito</th><td>${record.site.label}</td></tr>
+				<tr><th>Comune</th><td>${record.municipality}</td></tr>
+			</tbody>
+		</table>
+	;`
+}
 
 export default UI;