Ajout de widgets

css/style.css

@@ -370,6 +370,7 @@ camp-feature .feature-widgets {
 
 camp-feature .feature-widgets > * {
 	grid-column: 1 / 3;
+	margin-bottom: 2em;
 }
 
 camp-feature .widget > :first-child {

js/feature-widgets/camping-cars.js

@@ -0,0 +1,17 @@
+export function campingCarsWidget(feature){
+    if(feature.properties["Parking"] && feature.properties["Camping-cars"]){
+        let content = document.createElement("div")
+        content.classList.add("widget")
+        content.classList.add("camping-cars-widget")
+
+        let h2 = document.createElement("h2")
+        h2.textContent = "Camtars et camping cars bienvenus"
+        content.append(h2)
+
+        let p = document.createElement("p")
+        p.textContent = `Vous pouvez dormir sur ce parking. Sur les autres aussi mais celui-ci est particulièrement approprié.`
+        content.append(p)
+
+        return content
+    }
+}

js/feature-widgets/depose-minute.js

@@ -0,0 +1,17 @@
+export function deposeMinuteWidget(feature){
+    if(feature.properties["Parking"] && feature.properties["Depose-minute"]){
+        let content = document.createElement("div")
+        content.classList.add("widget")
+        content.classList.add("depose-minute-widget")
+
+        let h2 = document.createElement("h2")
+        h2.textContent = "Dépose minute"
+        content.append(h2)
+
+        let p = document.createElement("p")
+        p.textContent = `Ce parking est un dépose minute, veuillez laisser les places libres et ne pas y rester trop longtemps.`
+        content.append(p)
+
+        return content
+    }
+}

js/feature-widgets/feature-widgets.js

@@ -1,15 +1,22 @@
+import { campingCarsWidget } from "./camping-cars.js"
 import { capaciteDortoirWidget } from "./capacite-dortoir.js"
 import { capaciteEspaceWidget } from "./capacite-espace.js"
 import { capaciteParkingWidget } from "./capacite-parking.js"
+import { deposeMinuteWidget } from "./depose-minute.js"
 import { mixiteChoisieWidget } from "./mixite-choisie.js"
 import { zoneInterditeWidget } from "./zone-interdite.js"
 
 export const FEATURE_WIDGETS = [
+    // Boxes
+    mixiteChoisieWidget,
+    zoneInterditeWidget,
+    // Other
+    deposeMinuteWidget,
+    campingCarsWidget,
+    // Fields
     capaciteParkingWidget,
     capaciteDortoirWidget,
     capaciteEspaceWidget,
-    mixiteChoisieWidget,
-    zoneInterditeWidget,
 ]
 
 export default FEATURE_WIDGETS