Stub for dynamic menu (WIP)

webgis/js/controllers/menu_controller.js

@@ -1,8 +1,36 @@
 import { Controller } from "@hotwired/stimulus"
+import { GisState } from '../state.js';
 
 export default class extends Controller {
     static targets = ['list', 'menu', 'icon'];
 
+    buildMenu() {
+        let ulAnacapri = document.createElement('ul');
+        ulAnacapri.id = 'siti-anacapri-sub';
+        ulAnacapri.className = 'is-hidden';
+
+        console.log(GisState.markers.sites);
+
+        for (let key in GisState.markers.sites) {
+            if (GisState.markers.sites[key].options.municipality === 'Anacapri') {
+                const li = document.createElement('li');
+                li.innerHTML = `
+                    <a class="is-block button"
+                        data-action="marker#go"
+                        data-controller="marker"
+                        data-marker-coords-value="${key}"
+                        data-marker-group-value="sites">
+                        ${GisState.markers.sites[key].options.label}
+                    </a>
+                `;
+
+                ulAnacapri.appendChild(li);
+            }
+        }
+     
+        console.log(ulAnacapri);
+    }
+
     toggleMenu() {
         this.menuTarget.classList.toggle('is-hidden');
     }