blue bin ward boundaries

Author: Jaime Scowcroft

Configuration/blue-bin-delivery/Popups/index.js

@@ -18,4 +18,18 @@
   layer.bindPopup(content)
  }
 
-export {}
+ const wardPopup = (properties) => {
+  return `<div class="smbc-map__item">
+    <div class="smbc-map__item__header__block">
+      <i class="fas fa-map-marker-alt smbc-map__item__header__block__icon" ></i>
+      <span class="smbc-map__item__header__block__title">Ward</span>
+    </div>
+    <div class="smbc-map__item__body">
+      <p>Ward: ${properties.ward_name}</p>
+    </div>
+  </div>`
+
+  layer.bindPopup(content)
+}
+
+export {wardPopup}

Configuration/blue-bin-delivery/index.js

@@ -1,5 +1,5 @@
 import Leaflet from 'leaflet'
-import {} from './Popups'
+import {wardPopup} from './Popups'
 import {} from './Styles'
 
 const Configuration = {
@@ -63,7 +63,20 @@ const Configuration = {
                     }
                   }
             },
+
+            
             visibleByDefault: false
+        },
+        {
+            key: 'Wards',
+            group: 'Political Boundaries',
+            url: 'wms',
+            visibleByDefault: true,
+            layerOptions: {
+                layers: 'political:ward',
+                popup: wardPopup,
+            },
+            visibleByDefault: true
         }
 
     ]