Hacking around to introduce a sidebar

Author: spikelynch

asset/js/MappingModule.js

@@ -123,6 +123,12 @@ const MappingModule = {
         if (!options.excludeFitBoundsControl) {
             map.addControl(new L.Control.FitBounds(features));
         }
+        const sidebar = L.control.sidebar({
+            autopan: true,
+            closeButton: true,
+            container: '#mapping-sidebar',
+            position: 'left',
+        }).addTo(map);
 
         // Set the initial view to the geographical center of world.
         map.setView([20, 0], 2);

view/mapping/site/index/browse.phtml

@@ -29,6 +29,12 @@ $query['mapping_basemap_provider'] = $query['mapping_basemap_provider'] ?? '';
     data-features-query="<?php echo $this->escapeHtml(json_encode($featuresQuery)); ?>">
 </div>
 
+<div id="mapping-sidebar-wrapper">
+<p>sidebar</p>
+<div id="mapping-sidebar">
+</div>
+</div>
+
 <form id="advanced-search">
     <?php echo $this->partial('common/advanced-search', ['query' => $query, 'resourceType' => 'item']); ?>
     <button type="submit"><?php echo $this->translate('Search Map'); ?></button>