From febef735b85574534ed94756d6168e24f63c1b74 Mon Sep 17 00:00:00 2001
From: Paul Chavard <git@paul.chavard.net>
Date: Tue, 16 Oct 2018 11:49:00 +0300
Subject: [PATCH 01/11] Refactor carto to share more code

---
 .eslintrc.js                                  |   1 +
 app/javascript/new_design/carto.js            |  11 +-
 app/javascript/new_design/carto/draw.js       |  35 ----
 app/javascript/old_design/carto.js            |  89 +++-----
 app/javascript/old_design/carto/draw.js       |  45 ----
 app/javascript/shared/carto.js                | 193 ++++++++++++++----
 .../carto => shared}/polygon_area.js          |   0
 app/views/users/carte/_map.html.haml          |   2 +-
 8 files changed, 192 insertions(+), 184 deletions(-)
 delete mode 100644 app/javascript/new_design/carto/draw.js
 delete mode 100644 app/javascript/old_design/carto/draw.js
 rename app/javascript/{old_design/carto => shared}/polygon_area.js (100%)

diff --git a/.eslintrc.js b/.eslintrc.js
index 8a6120396..1722d6614 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -10,6 +10,7 @@ module.exports = {
   plugins: ['prettier'],
   extends: ['eslint:recommended', 'prettier'],
   env: {
+    es6: true,
     browser: true
   },
   rules: {
diff --git a/app/javascript/new_design/carto.js b/app/javascript/new_design/carto.js
index 3cf8a57a5..a24e27199 100644
--- a/app/javascript/new_design/carto.js
+++ b/app/javascript/new_design/carto.js
@@ -1,16 +1,17 @@
 import { getData } from '../shared/data';
-import { initMap } from '../shared/carto';
 import {
+  initMap,
   drawCadastre,
   drawQuartiersPrioritaires,
   drawUserSelection
-} from './carto/draw';
+} from '../shared/carto';
 
 function initialize() {
-  if (document.getElementById('map')) {
-    const position = getData('carto').position;
-    const map = initMap(position);
+  const element = document.getElementById('map');
+
+  if (element) {
     const data = getData('carto');
+    const map = initMap(element, data.position);
 
     // draw external polygons
     drawCadastre(map, data);
diff --git a/app/javascript/new_design/carto/draw.js b/app/javascript/new_design/carto/draw.js
deleted file mode 100644
index 1e84c0a71..000000000
--- a/app/javascript/new_design/carto/draw.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import L from 'leaflet';
-import {
-  drawLayer,
-  noEditStyle,
-  CADASTRE_POLYGON_STYLE,
-  QP_POLYGON_STYLE
-} from '../../shared/carto';
-
-export function drawCadastre(map, data) {
-  drawLayer(
-    map,
-    data.cadastres,
-    noEditStyle(CADASTRE_POLYGON_STYLE),
-    'cadastres'
-  );
-}
-
-export function drawQuartiersPrioritaires(map, data) {
-  drawLayer(
-    map,
-    data.quartiersPrioritaires,
-    noEditStyle(QP_POLYGON_STYLE),
-    'quartiersPrioritaires'
-  );
-}
-
-export function drawUserSelection(map, data) {
-  if (data.selection.length > 0) {
-    const polygon = L.polygon(data.selection, {
-      color: 'red',
-      zIndex: 3
-    }).addTo(map);
-    map.fitBounds(polygon.getBounds());
-  }
-}
diff --git a/app/javascript/old_design/carto.js b/app/javascript/old_design/carto.js
index e3a41de63..1f72b5cdd 100644
--- a/app/javascript/old_design/carto.js
+++ b/app/javascript/old_design/carto.js
@@ -1,81 +1,52 @@
-import L from 'leaflet';
-
-import FreeDraw, { NONE, CREATE } from 'leaflet-freedraw';
-import { fire, on, getJSON } from '@utils';
-
+import { CREATE } from 'leaflet-freedraw';
+import { on } from '@utils';
 import { getData } from '../shared/data';
-import { initMap } from '../shared/carto';
-
-import polygonArea from './carto/polygon_area';
-import drawFactory from './carto/draw';
+import {
+  initMap,
+  geocodeAddress,
+  drawUserSelection,
+  drawCadastre,
+  drawQuartiersPrioritaires,
+  addFreeDrawEvents
+} from '../shared/carto';
 
 function initialize() {
-  if (document.getElementById('map')) {
-    const data = getData('carto');
-    const position = data.position;
+  const element = document.getElementById('map');
 
-    const map = initMap(position);
-    const freeDraw = new FreeDraw({
-      mode: NONE,
-      smoothFactor: 4,
-      mergePolygons: false
+  if (element) {
+    const data = getData('carto');
+    const map = initMap(element, data.position, true);
+
+    addAddressSelectEvent(map);
+
+    on('#new', 'click', () => {
+      map.freeDraw.mode(CREATE);
     });
 
-    map.addLayer(freeDraw);
+    const cartoDrawZones = data => {
+      drawCadastre(map, data, true);
+      drawQuartiersPrioritaires(map, data, true);
+    };
 
-    addEventFreeDraw(freeDraw);
-    addEventSearchAddress(map);
-
-    const cartoDrawZones = drawFactory(map, freeDraw);
     window.DS = { cartoDrawZones };
 
+    // draw external polygons
     cartoDrawZones(data);
 
-    if (freeDraw.polygons[0]) {
-      map.setZoom(18);
-      map.fitBounds(freeDraw.polygons[0].getBounds());
-    }
+    // draw user polygon
+    drawUserSelection(map, data, true);
+    addFreeDrawEvents(map, 'input[name=selection]');
   }
 }
 
 addEventListener('turbolinks:load', initialize);
 
-function addEventFreeDraw(freeDraw) {
-  freeDraw.on('markers', ({ latLngs }) => {
-    const input = document.querySelector('input[name=selection]');
-
-    if (polygonArea(latLngs) < 300000) {
-      input.value = JSON.stringify(latLngs);
-    } else {
-      input.value = '{ "error": "TooManyPolygons" }';
-    }
-
-    fire(input, 'change');
-  });
-
-  on('#map', 'click', () => {
-    freeDraw.mode(NONE);
-  });
-
-  on('#new', 'click', () => {
-    freeDraw.mode(CREATE);
-  });
-}
-
-function getAddressPoint(map, request) {
-  getJSON('/address/geocode', { request }).then(data => {
-    if (data.lat !== null) {
-      map.setView(new L.LatLng(data.lat, data.lon), data.zoom);
-    }
-  });
-}
-
-function addEventSearchAddress(map) {
+function addAddressSelectEvent(map) {
   on(
     '#search-by-address input[type=address]',
     'autocomplete:select',
-    (_, seggestion) => {
-      getAddressPoint(map, seggestion['label']);
+    (_, { label }) => {
+      geocodeAddress(map, label);
     }
   );
 }
diff --git a/app/javascript/old_design/carto/draw.js b/app/javascript/old_design/carto/draw.js
deleted file mode 100644
index 46dc47575..000000000
--- a/app/javascript/old_design/carto/draw.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import { EDIT, DELETE } from 'leaflet-freedraw';
-import { on } from '@utils';
-
-import {
-  drawLayer,
-  CADASTRE_POLYGON_STYLE,
-  QP_POLYGON_STYLE
-} from '../../shared/carto';
-
-const SOURCES = {
-  cadastres: CADASTRE_POLYGON_STYLE,
-  quartiersPrioritaires: QP_POLYGON_STYLE
-};
-
-export default function draw(map, freeDraw) {
-  return data => {
-    if (data.selection) {
-      drawSelection(freeDraw, data.selection);
-    }
-    for (let source of Object.keys(SOURCES)) {
-      if (data[source]) {
-        drawLayer(map, data[source], SOURCES[source], source);
-      }
-    }
-    addEventEdit(freeDraw);
-  };
-}
-
-function drawSelection(selection, freeDraw) {
-  for (let polygon of selection) {
-    freeDraw.createPolygon(polygon);
-  }
-}
-
-function addEventEdit(freeDraw) {
-  document
-    .querySelector('.leaflet-container svg')
-    .removeAttribute('pointer-events');
-
-  on('.leaflet-container g path', 'click', () => {
-    setTimeout(() => {
-      freeDraw.mode(EDIT | DELETE);
-    }, 50);
-  });
-}
diff --git a/app/javascript/shared/carto.js b/app/javascript/shared/carto.js
index 1b96ef7af..5528cc1be 100644
--- a/app/javascript/shared/carto.js
+++ b/app/javascript/shared/carto.js
@@ -1,57 +1,117 @@
 import L from 'leaflet';
+import FreeDraw, { NONE, EDIT, DELETE } from 'leaflet-freedraw';
+import { fire, getJSON, delegate } from '@utils';
+
+import polygonArea from './polygon_area';
 
 const LAYERS = {};
+const MAPS = new WeakMap();
 
-export function initMap(position) {
-  const map = L.map('map', {
-    scrollWheelZoom: false
-  }).setView([position.lat, position.lon], position.zoom);
+export function initMap(element, position, editable = false) {
+  if (MAPS.has(element)) {
+    return MAPS.get(element);
+  } else {
+    const map = L.map(element, {
+      scrollWheelZoom: false
+    }).setView([position.lat, position.lon], editable ? 18 : position.zoom);
 
-  L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
-    attribution:
-      '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
-  }).addTo(map);
+    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+      attribution:
+        '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+    }).addTo(map);
 
-  return map;
-}
+    if (editable) {
+      const freeDraw = new FreeDraw({
+        mode: NONE,
+        smoothFactor: 4,
+        mergePolygons: false
+      });
+      map.addLayer(freeDraw);
+      map.freeDraw = freeDraw;
+    }
 
-export function drawLayer(map, data, style, layerName = 'default') {
-  removeLayer(map, layerName);
-
-  if (Array.isArray(data) && data.length > 0) {
-    const layer = createLayer(map, layerName);
-
-    data.forEach(function(item) {
-      layer.addData(item.geometry);
-    });
-
-    layer.setStyle(style).addTo(map);
+    MAPS.set(element, map);
+    return map;
   }
 }
 
-export function noEditStyle(style) {
-  return Object.assign({}, style, {
-    opacity: 0.7,
-    fillOpacity: 0.5,
-    color: style.fillColor
+export function drawCadastre(map, { cadastres }, editable = false) {
+  drawLayer(
+    map,
+    cadastres,
+    editable ? CADASTRE_POLYGON_STYLE : noEditStyle(CADASTRE_POLYGON_STYLE),
+    'cadastres'
+  );
+}
+
+export function drawQuartiersPrioritaires(
+  map,
+  { quartiersPrioritaires },
+  editable = false
+) {
+  drawLayer(
+    map,
+    quartiersPrioritaires,
+    editable ? QP_POLYGON_STYLE : noEditStyle(QP_POLYGON_STYLE),
+    'quartiersPrioritaires'
+  );
+}
+
+export function drawUserSelection(map, { selection }, editable = false) {
+  let hasSelection = selection && selection.length > 0;
+
+  if (editable) {
+    if (hasSelection) {
+      selection.forEach(polygon => map.freeDraw.create(polygon));
+      let polygon = map.freeDraw.all()[0];
+      if (polygon) {
+        map.fitBounds(polygon.getBounds());
+      }
+    }
+  } else if (hasSelection) {
+    const polygon = L.polygon(selection, {
+      color: 'red',
+      zIndex: 3
+    }).addTo(map);
+
+    map.fitBounds(polygon.getBounds());
+  }
+}
+
+export function geocodeAddress(map, query) {
+  getJSON('/address/geocode', { request: query }).then(data => {
+    if (data.lat !== null) {
+      map.setView(new L.LatLng(data.lat, data.lon), data.zoom);
+    }
   });
 }
 
-const POLYGON_STYLE = {
-  weight: 2,
-  opacity: 0.3,
-  color: 'white',
-  dashArray: '3',
-  fillOpacity: 0.7
-};
+export function getCurrentMap(input) {
+  let element = input.closest('.toolbar').parentElement.querySelector('.carte');
 
-export const CADASTRE_POLYGON_STYLE = Object.assign({}, POLYGON_STYLE, {
-  fillColor: '#8a6d3b'
-});
+  if (MAPS.has(element)) {
+    return MAPS.get(element);
+  }
+}
 
-export const QP_POLYGON_STYLE = Object.assign({}, POLYGON_STYLE, {
-  fillColor: '#31708f'
-});
+export function addFreeDrawEvents(map, selector) {
+  const input = findInput(selector);
+  map.freeDraw.on('markers', ({ latLngs }) => {
+    if (polygonArea(latLngs) < 300000) {
+      input.value = JSON.stringify(latLngs);
+    } else {
+      input.value = '{ "error": "TooManyPolygons" }';
+    }
+
+    fire(input, 'change');
+  });
+}
+
+function findInput(selector) {
+  return typeof selector === 'string'
+    ? document.querySelector(selector)
+    : selector;
+}
 
 function createLayer(map, layerName) {
   const layer = (LAYERS[layerName] = new L.GeoJSON(undefined, {
@@ -69,3 +129,58 @@ function removeLayer(map, layerName) {
     map.removeLayer(layer);
   }
 }
+
+function drawLayer(map, data, style, layerName = 'default') {
+  removeLayer(map, layerName);
+
+  if (Array.isArray(data) && data.length > 0) {
+    const layer = createLayer(map, layerName);
+
+    data.forEach(function(item) {
+      layer.addData(item.geometry);
+    });
+
+    layer.setStyle(style).addTo(map);
+  }
+}
+
+function noEditStyle(style) {
+  return Object.assign({}, style, {
+    opacity: 0.7,
+    fillOpacity: 0.5,
+    color: style.fillColor
+  });
+}
+
+const POLYGON_STYLE = {
+  weight: 2,
+  opacity: 0.3,
+  color: 'white',
+  dashArray: '3',
+  fillOpacity: 0.7
+};
+
+const CADASTRE_POLYGON_STYLE = Object.assign({}, POLYGON_STYLE, {
+  fillColor: '#8a6d3b'
+});
+
+const QP_POLYGON_STYLE = Object.assign({}, POLYGON_STYLE, {
+  fillColor: '#31708f'
+});
+
+delegate('click', '.carte.edit', event => {
+  let element = event.target;
+  let isPath = element.matches('.leaflet-container g path');
+  let map = element.matches('.carte') ? element : element.closest('.carte');
+  let freeDraw = MAPS.has(map) ? MAPS.get(map).freeDraw : null;
+
+  if (freeDraw) {
+    if (isPath) {
+      setTimeout(() => {
+        freeDraw.mode(EDIT | DELETE);
+      }, 50);
+    } else {
+      freeDraw.mode(NONE);
+    }
+  }
+});
diff --git a/app/javascript/old_design/carto/polygon_area.js b/app/javascript/shared/polygon_area.js
similarity index 100%
rename from app/javascript/old_design/carto/polygon_area.js
rename to app/javascript/shared/polygon_area.js
diff --git a/app/views/users/carte/_map.html.haml b/app/views/users/carte/_map.html.haml
index 7fc00020e..e75bef071 100644
--- a/app/views/users/carte/_map.html.haml
+++ b/app/views/users/carte/_map.html.haml
@@ -1,6 +1,6 @@
 #carte-page.row
   .col-md-12.col-lg-12
-    #map.edit
+    #map.carte.edit
 
   %span.zones
     = render partial: 'zones', locals: { dossier: dossier, error: @error }

From 8d9f6573da40e21c9a88d98a19ae23b6e99c22df Mon Sep 17 00:00:00 2001
From: Paul Chavard <git@paul.chavard.net>
Date: Wed, 17 Oct 2018 12:58:35 +0300
Subject: [PATCH 02/11] Rename shared module carto to carte

---
 app/javascript/new_design/carto.js           | 2 +-
 app/javascript/old_design/carto.js           | 2 +-
 app/javascript/shared/{carto.js => carte.js} | 0
 3 files changed, 2 insertions(+), 2 deletions(-)
 rename app/javascript/shared/{carto.js => carte.js} (100%)

diff --git a/app/javascript/new_design/carto.js b/app/javascript/new_design/carto.js
index a24e27199..310c8429b 100644
--- a/app/javascript/new_design/carto.js
+++ b/app/javascript/new_design/carto.js
@@ -4,7 +4,7 @@ import {
   drawCadastre,
   drawQuartiersPrioritaires,
   drawUserSelection
-} from '../shared/carto';
+} from '../shared/carte';
 
 function initialize() {
   const element = document.getElementById('map');
diff --git a/app/javascript/old_design/carto.js b/app/javascript/old_design/carto.js
index 1f72b5cdd..0db35839a 100644
--- a/app/javascript/old_design/carto.js
+++ b/app/javascript/old_design/carto.js
@@ -8,7 +8,7 @@ import {
   drawCadastre,
   drawQuartiersPrioritaires,
   addFreeDrawEvents
-} from '../shared/carto';
+} from '../shared/carte';
 
 function initialize() {
   const element = document.getElementById('map');
diff --git a/app/javascript/shared/carto.js b/app/javascript/shared/carte.js
similarity index 100%
rename from app/javascript/shared/carto.js
rename to app/javascript/shared/carte.js

From f28cfdc779c7fd50206f2069a9d182518402dfb9 Mon Sep 17 00:00:00 2001
From: Paul Chavard <git@paul.chavard.net>
Date: Wed, 17 Oct 2018 13:03:50 +0300
Subject: [PATCH 03/11] Rename shared folder carto to carte

---
 app/views/shared/champs/{carto => carte}/_init.html.haml | 0
 app/views/shared/dossiers/_map.html.haml                 | 2 +-
 app/views/users/carte/_map.html.haml                     | 2 +-
 3 files changed, 2 insertions(+), 2 deletions(-)
 rename app/views/shared/champs/{carto => carte}/_init.html.haml (100%)

diff --git a/app/views/shared/champs/carto/_init.html.haml b/app/views/shared/champs/carte/_init.html.haml
similarity index 100%
rename from app/views/shared/champs/carto/_init.html.haml
rename to app/views/shared/champs/carte/_init.html.haml
diff --git a/app/views/shared/dossiers/_map.html.haml b/app/views/shared/dossiers/_map.html.haml
index e110b0268..a972cc400 100644
--- a/app/views/shared/dossiers/_map.html.haml
+++ b/app/views/shared/dossiers/_map.html.haml
@@ -16,4 +16,4 @@
       %li
         = "Parcelle n° #{p.numero} - Feuille #{p.code_arr} #{p.section} #{p.feuille}"
 
-  = render partial: 'shared/champs/carto/init', locals: { dossier: dossier }
+  = render partial: 'shared/champs/carte/init', locals: { dossier: dossier }
diff --git a/app/views/users/carte/_map.html.haml b/app/views/users/carte/_map.html.haml
index e75bef071..b4e8b93e1 100644
--- a/app/views/users/carte/_map.html.haml
+++ b/app/views/users/carte/_map.html.haml
@@ -5,4 +5,4 @@
   %span.zones
     = render partial: 'zones', locals: { dossier: dossier, error: @error }
 
-= render partial: 'shared/champs/carto/init', locals: { dossier: dossier }
+= render partial: 'shared/champs/carte/init', locals: { dossier: dossier }

From a541f1fceee3401f53e78644f01187901099dada Mon Sep 17 00:00:00 2001
From: Paul Chavard <git@paul.chavard.net>
Date: Wed, 17 Oct 2018 13:42:06 +0300
Subject: [PATCH 04/11] Add type options on carte champ

---
 app/models/champs/carte_champ.rb | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/app/models/champs/carte_champ.rb b/app/models/champs/carte_champ.rb
index b5f8115f3..843c11d3b 100644
--- a/app/models/champs/carte_champ.rb
+++ b/app/models/champs/carte_champ.rb
@@ -15,6 +15,14 @@ class Champs::CarteChamp < Champ
     end
   end
 
+  def cadastres?
+    type_de_champ&.cadastres && type_de_champ.cadastres != '0'
+  end
+
+  def quartiers_prioritaires?
+    type_de_champ&.quartiers_prioritaires && type_de_champ.quartiers_prioritaires != '0'
+  end
+
   def position
     if dossier.present?
       dossier.geo_position

From 383a14ff06d06aefe999b2e24b3da8cf5c6bbd90 Mon Sep 17 00:00:00 2001
From: Paul Chavard <git@paul.chavard.net>
Date: Wed, 17 Oct 2018 13:07:25 +0300
Subject: [PATCH 05/11] Add geo data helper

---
 app/helpers/champ_helper.rb | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/app/helpers/champ_helper.rb b/app/helpers/champ_helper.rb
index 94d5fd40e..8f97ed229 100644
--- a/app/helpers/champ_helper.rb
+++ b/app/helpers/champ_helper.rb
@@ -3,4 +3,15 @@ module ChampHelper
     types_without_label = [TypeDeChamp.type_champs.fetch(:header_section), TypeDeChamp.type_champs.fetch(:explication)]
     !types_without_label.include?(champ.type_champ)
   end
+
+  def geo_data(champ)
+    # rubocop:disable Rails/OutputSafety
+    raw({
+      position: champ.position,
+      selection: champ.value.present? ? JSON.parse(champ.value) : [],
+      quartiersPrioritaires: champ.quartiers_prioritaires? ? champ.quartiers_prioritaires : [],
+      cadastres: champ.cadastres? ? champ.cadastres : []
+    }.to_json)
+    # rubocop:enable Rails/OutputSafety
+  end
 end

From 99e1a20d981eeda5409e71f0fba3ccd2d9fab80d Mon Sep 17 00:00:00 2001
From: Paul Chavard <git@paul.chavard.net>
Date: Wed, 17 Oct 2018 13:02:34 +0300
Subject: [PATCH 06/11] Add champ carte endpoint

---
 app/controllers/application_controller.rb     |  4 ++
 app/controllers/champs/carte_controller.rb    | 61 +++++++++++++++++++
 app/models/champs/carte_champ.rb              |  4 ++
 app/views/champs/carte/show.js.erb            |  5 ++
 .../shared/champs/carte/_geo_areas.html.haml  | 27 ++++++++
 config/brakeman.ignore                        | 21 ++++++-
 config/locales/fr.yml                         |  6 ++
 config/routes.rb                              |  1 +
 8 files changed, 128 insertions(+), 1 deletion(-)
 create mode 100644 app/controllers/champs/carte_controller.rb
 create mode 100644 app/views/champs/carte/show.js.erb
 create mode 100644 app/views/shared/champs/carte/_geo_areas.html.haml

diff --git a/app/controllers/application_controller.rb b/app/controllers/application_controller.rb
index a97facd7a..21c98a15b 100644
--- a/app/controllers/application_controller.rb
+++ b/app/controllers/application_controller.rb
@@ -37,6 +37,10 @@ class ApplicationController < ActionController::Base
     logged_user.present?
   end
 
+  def logged_user_ids
+    logged_users.map(&:id)
+  end
+
   helper_method :logged_in?
 
   protected
diff --git a/app/controllers/champs/carte_controller.rb b/app/controllers/champs/carte_controller.rb
new file mode 100644
index 000000000..64f694c0c
--- /dev/null
+++ b/app/controllers/champs/carte_controller.rb
@@ -0,0 +1,61 @@
+class Champs::CarteController < ApplicationController
+  before_action :authenticate_logged_user!
+
+  def show
+    @selector = ".carte-#{params[:position]}"
+
+    if params[:dossier].key?(:champs_attributes)
+      geo_json = params[:dossier][:champs_attributes][params[:position]][:value]
+    else
+      geo_json = params[:dossier][:champs_private_attributes][params[:position]][:value]
+    end
+
+    if params[:champ_id].present?
+      @champ = Champ
+        .joins(:dossier)
+        .where(dossiers: { user_id: logged_user_ids })
+        .find_by(id: params[:champ_id])
+    else
+      @champ = Champs::CarteChamp.new(type_de_champ: TypeDeChamp.new(
+        type_champ: TypeDeChamp.type_champs.fetch(:carte),
+        options: {
+          quartiers_prioritaires: true,
+          cadastres: true
+        }
+      ))
+    end
+
+    geo_areas = []
+    geo_json = JSON.parse(geo_json)
+
+    if geo_json.first == ["error", "TooManyPolygons"]
+      @error = true
+    else
+      if @champ.cadastres?
+        cadastres = ModuleApiCartoService.generate_cadastre(geo_json)
+        geo_areas += cadastres.map do |cadastre|
+          cadastre[:source] = GeoArea.sources.fetch(:cadastre)
+          cadastre
+        end
+      end
+
+      if @champ.quartiers_prioritaires?
+        quartiers_prioritaires = ModuleApiCartoService.generate_qp(geo_json)
+        geo_areas += quartiers_prioritaires.map do |qp|
+          qp[:source] = GeoArea.sources.fetch(:quartier_prioritaire)
+          qp
+        end
+      end
+    end
+
+    @champ.geo_areas = geo_areas.map do |geo_area|
+      GeoArea.new(geo_area)
+    end
+
+    @champ.value = geo_json.to_json
+
+    if @champ.persisted?
+      @champ.save
+    end
+  end
+end
diff --git a/app/models/champs/carte_champ.rb b/app/models/champs/carte_champ.rb
index 843c11d3b..9a752722d 100644
--- a/app/models/champs/carte_champ.rb
+++ b/app/models/champs/carte_champ.rb
@@ -34,4 +34,8 @@ class Champs::CarteChamp < Champ
       { lon: lon, lat: lat, zoom: zoom }
     end
   end
+
+  def zones
+    value.blank? ? [] : JSON.parse(value)
+  end
 end
diff --git a/app/views/champs/carte/show.js.erb b/app/views/champs/carte/show.js.erb
new file mode 100644
index 000000000..45ae01b28
--- /dev/null
+++ b/app/views/champs/carte/show.js.erb
@@ -0,0 +1,5 @@
+<%= render_to_element("#{@selector} + .geo-areas",
+  partial: 'shared/champs/carte/geo_areas',
+  locals: { champ: @champ, error: @error }) %>
+
+DS.drawMapData("<%= @selector %>", <%= geo_data(@champ) %>);
diff --git a/app/views/shared/champs/carte/_geo_areas.html.haml b/app/views/shared/champs/carte/_geo_areas.html.haml
new file mode 100644
index 000000000..863adc1d3
--- /dev/null
+++ b/app/views/shared/champs/carte/_geo_areas.html.haml
@@ -0,0 +1,27 @@
+- if champ.quartiers_prioritaires?
+  .areas-title Quartiers prioritaires
+  .areas
+    - if error.present?
+      .error Merci de dessiner une surface plus petite afin de récupérer les quartiers prioritaires.
+    - elsif champ.value.blank?
+      Aucune zone tracée
+    - elsif champ.quartiers_prioritaires.blank?
+      = t('errors.messages.quartiers_prioritaires_empty', count: champ.zones.size)
+    - else
+      %ul
+        - champ.quartiers_prioritaires.each do |qp|
+          %li #{qp.commune} : #{qp.nom}
+
+- if champ.cadastres?
+  .areas-title Parcelles cadastrales
+  .areas
+    - if error.present?
+      .error Merci de dessiner une surface plus petite afin de récupérer les parcelles cadastrales.
+    - elsif champ.value.blank?
+      Aucune zone tracée
+    - elsif champ.cadastres.blank?
+      = t('errors.messages.cadastres_empty', count: champ.zones.size)
+    - else
+      %ul
+        - champ.cadastres.each do |pc|
+          %li Parcelle n° #{pc.numero} - Feuille #{pc.code_arr} #{pc.section} #{pc.feuille}
diff --git a/config/brakeman.ignore b/config/brakeman.ignore
index cb8344d0e..50bbaa0bc 100644
--- a/config/brakeman.ignore
+++ b/config/brakeman.ignore
@@ -1,5 +1,24 @@
 {
   "ignored_warnings": [
+    {
+      "warning_type": "Cross-Site Scripting",
+      "warning_code": 2,
+      "fingerprint": "0d61a1267d264f1e61cc2398a2683703ac60878129dc9515542f246a80ad575b",
+      "check_name": "CrossSiteScripting",
+      "message": "Unescaped model attribute",
+      "file": "app/views/champs/carto/show.js.erb",
+      "line": 5,
+      "link": "https://brakemanscanner.org/docs/warning_types/cross_site_scripting",
+      "code": "geo_data((Champ.joins(:dossier).where(:dossiers => ({ :user_id => logged_user_ids })).find_by(:id => params.permit(:champ_id)) or CartoChamp.new))",
+      "render_path": [{"type":"controller","class":"Champs::CartoController","method":"show","line":48,"file":"app/controllers/champs/carto_controller.rb"}],
+      "location": {
+        "type": "template",
+        "template": "champs/carto/show"
+      },
+      "user_input": "Champ.joins(:dossier).where(:dossiers => ({ :user_id => logged_user_ids }))",
+      "confidence": "Weak",
+      "note": "Not an injection because logged_user_ids have no user input"
+    },
     {
       "warning_type": "SQL Injection",
       "warning_code": 0,
@@ -61,6 +80,6 @@
       "note": "Not an injection because of `sanitized_column`"
     }
   ],
-  "updated": "2018-10-11 12:09:03 +0200",
+  "updated": "2018-10-16 11:28:34 +0300",
   "brakeman_version": "4.3.1"
 }
diff --git a/config/locales/fr.yml b/config/locales/fr.yml
index 1079a5629..fbd48b6db 100644
--- a/config/locales/fr.yml
+++ b/config/locales/fr.yml
@@ -177,6 +177,12 @@ fr:
         connexion: "Erreur lors de la connexion à France Connect."
       extension_white_list_error: "Le format de fichier de la pièce jointe n'est pas valide."
       procedure_archived: "Cette démarche en ligne a été fermée, il n'est plus possible de déposer de dossier."
+      cadastres_empty:
+        one: "Aucune parcelle cadastrale sur la zone séléctionnée"
+        other: "Aucune parcelle cadastrale sur les zones séléctionnées"
+      quartiers_prioritaires_empty:
+        one: "Aucun quartier prioritaire sur la zone séléctionnée"
+        other: "Aucun quartier prioritaire sur les zones séléctionnées"
 
   date:
     abbr_day_names:
diff --git a/config/routes.rb b/config/routes.rb
index 8e7faec7f..8479addd8 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -125,6 +125,7 @@ Rails.application.routes.draw do
   namespace :champs do
     get ':position/siret', to: 'siret#show', as: :siret
     get ':position/dossier_link', to: 'dossier_link#show', as: :dossier_link
+    post ':position/carte', to: 'carte#show', as: :carte
   end
 
   namespace :commencer do

From 4a097900d2d8ff7395000c017f5079c61dc93d04 Mon Sep 17 00:00:00 2001
From: Paul Chavard <git@paul.chavard.net>
Date: Wed, 17 Oct 2018 13:07:12 +0300
Subject: [PATCH 07/11] Implement carte champ editor

---
 app/assets/stylesheets/new_design/forms.scss  | 10 ++-
 app/assets/stylesheets/new_design/map.scss    | 75 ++++++++++++++++++-
 app/javascript/new_design/champs/carte.js     | 62 +++++++++++++++
 app/javascript/packs/application.js           |  1 +
 .../dossiers/editable_champs/_carte.html.haml | 11 +++
 5 files changed, 156 insertions(+), 3 deletions(-)
 create mode 100644 app/javascript/new_design/champs/carte.js
 create mode 100644 app/views/shared/dossiers/editable_champs/_carte.html.haml

diff --git a/app/assets/stylesheets/new_design/forms.scss b/app/assets/stylesheets/new_design/forms.scss
index 25af18eb4..d8b4af32f 100644
--- a/app/assets/stylesheets/new_design/forms.scss
+++ b/app/assets/stylesheets/new_design/forms.scss
@@ -228,8 +228,14 @@
     // scss-lint:enable
   }
 
-  .algolia-autocomplete {
-    margin-bottom: 2 * $default-padding;
+  .editable-champ {
+    &:not(.editable-champ-carte) .algolia-autocomplete {
+      margin-bottom: 2 * $default-padding;
+    }
+
+    .geo-areas {
+      margin-bottom: 2 * $default-padding;
+    }
   }
 
   input.aa-input,
diff --git a/app/assets/stylesheets/new_design/map.scss b/app/assets/stylesheets/new_design/map.scss
index dde4e1494..c7cb4c564 100644
--- a/app/assets/stylesheets/new_design/map.scss
+++ b/app/assets/stylesheets/new_design/map.scss
@@ -1,4 +1,77 @@
-#map {
+#map,
+.carte {
   height: 400px;
   margin-bottom: 16px;
+  z-index: 0;
+}
+
+.leaflet-container path {
+  cursor: url("/assets/edit.png"), default !important;
+}
+
+.carte {
+  &.edit {
+    g path.leaflet-polygon {
+      transition: all 0.25s;
+      stroke-width: 4px;
+      stroke-opacity: 1;
+      stroke: #D7217E;
+      position: absolute;
+      z-index: 100;
+      fill: #D7217E;
+      fill-opacity: 0.75;
+    }
+
+    div.leaflet-edge {
+      box-shadow: 0 0 0 2px #FFFFFF, 0 0 10px rgba(0, 0, 0, 0.35);
+      border: 5px solid #D7217E;
+      border-radius: 10px;
+      transition: opacity 0.25s;
+      cursor: move;
+      opacity: 0;
+      pointer-events: none;
+      box-sizing: border-box;
+      width: 0 !important;
+      height: 0 !important;
+    }
+  }
+
+  &.mode-create {
+    cursor: url("/assets/pencil.png"), crosshair !important;
+  }
+
+  &.mode-edit div.leaflet-edge {
+    opacity: 1;
+    pointer-events: all;
+  }
+
+  &.mode-delete path.leaflet-polygon {
+    cursor: no-drop !important;
+
+    &:hover {
+      fill: #4D4D4D !important;
+    }
+  }
+}
+
+.editable-champ-carte {
+  .toolbar {
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+
+    .button {
+      width: 200px;
+      margin-right: 10px;
+    }
+  }
+}
+
+.areas-title {
+  font-weight: bold;
+  margin-bottom: 5px;
+}
+
+.areas {
+  margin-bottom: 10px;
 }
diff --git a/app/javascript/new_design/champs/carte.js b/app/javascript/new_design/champs/carte.js
new file mode 100644
index 000000000..97a46ae9c
--- /dev/null
+++ b/app/javascript/new_design/champs/carte.js
@@ -0,0 +1,62 @@
+import { CREATE } from 'leaflet-freedraw';
+import { delegate } from '@utils';
+import {
+  initMap,
+  getCurrentMap,
+  geocodeAddress,
+  drawCadastre,
+  drawQuartiersPrioritaires,
+  drawUserSelection,
+  addFreeDrawEvents
+} from '../../shared/carte';
+
+function initialize() {
+  for (let element of document.querySelectorAll('.carte')) {
+    diplayMap(element, null, true);
+  }
+
+  window.DS.drawMapData = (selector, data) => {
+    let element = document.querySelector(selector);
+    diplayMap(element, data);
+  };
+}
+
+function diplayMap(element, data, initial = false) {
+  data = data || JSON.parse(element.dataset.geo);
+  let editable = element.classList.contains('edit');
+
+  let map = initMap(element, data.position, editable);
+
+  // draw external polygons
+  drawCadastre(map, data, editable);
+  drawQuartiersPrioritaires(map, data, editable);
+
+  // draw user polygon
+  if (initial) {
+    drawUserSelection(map, data, editable);
+
+    if (editable) {
+      let input = element.parentElement.querySelector('input[data-remote]');
+      addFreeDrawEvents(map, input);
+    }
+  }
+}
+
+addEventListener('turbolinks:load', initialize);
+
+delegate('click', '.toolbar .new-area', event => {
+  event.preventDefault();
+  let map = getCurrentMap(event.target);
+
+  if (map) {
+    map.freeDraw.mode(CREATE);
+  }
+});
+
+delegate('autocomplete:select', '.toolbar [data-address]', event => {
+  let map = getCurrentMap(event.target);
+
+  if (map) {
+    geocodeAddress(map, event.detail.label);
+  }
+});
diff --git a/app/javascript/packs/application.js b/app/javascript/packs/application.js
index 530b94bdf..a8ec784e8 100644
--- a/app/javascript/packs/application.js
+++ b/app/javascript/packs/application.js
@@ -18,6 +18,7 @@ import '../new_design/form-validation';
 import '../new_design/carto';
 import '../new_design/select2';
 
+import '../new_design/champs/carte';
 import '../new_design/champs/linked-drop-down-list';
 
 import { toggleCondidentielExplanation } from '../new_design/avis';
diff --git a/app/views/shared/dossiers/editable_champs/_carte.html.haml b/app/views/shared/dossiers/editable_champs/_carte.html.haml
new file mode 100644
index 000000000..eb218fa97
--- /dev/null
+++ b/app/views/shared/dossiers/editable_champs/_carte.html.haml
@@ -0,0 +1,11 @@
+.toolbar
+  %button.button.primary.new-area Ajouter une zone
+  %input.address{ data: { address: true, autocomplete: 'address' }, placeholder: 'Saissisez une adresse ou positionner la carte' }
+
+.carte.edit{ data: { geo: geo_data(champ) }, class: "carte-#{form.index}" }
+
+.geo-areas
+  = render partial: 'shared/champs/carte/geo_areas', locals: { champ: champ, error: false }
+
+= form.hidden_field :value,
+  data: { remote: true, url: champs_carte_path(form.index), params: { champ_id: champ&.id }.to_query, method: 'post' }

From b40abaa133ad941fa399415283618dea9e3a5c00 Mon Sep 17 00:00:00 2001
From: Paul Chavard <git@paul.chavard.net>
Date: Wed, 17 Oct 2018 13:06:27 +0300
Subject: [PATCH 08/11] Display carte champ value

---
 app/views/shared/champs/carte/_show.html.haml | 3 +++
 app/views/shared/dossiers/_champs.html.haml   | 7 +++++++
 2 files changed, 10 insertions(+)
 create mode 100644 app/views/shared/champs/carte/_show.html.haml

diff --git a/app/views/shared/champs/carte/_show.html.haml b/app/views/shared/champs/carte/_show.html.haml
new file mode 100644
index 000000000..decb10dd0
--- /dev/null
+++ b/app/views/shared/champs/carte/_show.html.haml
@@ -0,0 +1,3 @@
+.carte{ data: { geo: geo_data(champ) } }
+.geo-areas
+  = render partial: 'shared/champs/carte/geo_areas', locals: { champ: champ, error: false }
diff --git a/app/views/shared/dossiers/_champs.html.haml b/app/views/shared/dossiers/_champs.html.haml
index eee34dde3..cf69342c6 100644
--- a/app/views/shared/dossiers/_champs.html.haml
+++ b/app/views/shared/dossiers/_champs.html.haml
@@ -56,6 +56,13 @@
             %span{ class: highlight_if_unseen_class(demande_seen_at, c.updated_at) }
               - if c.etablissement.present?
                 = render partial: "shared/dossiers/identite_entreprise", locals: { etablissement: c.etablissement, profile: profile }
+        - when TypeDeChamp.type_champs.fetch(:carte)
+          %th.libelle
+            = "#{c.libelle} :"
+          %td.rich-text
+            %span{ class: highlight_if_unseen_class(demande_seen_at, c.updated_at) }
+              - if c.value.present?
+                = render partial: "shared/champs/carte/show", locals: { champ: c }
         - else
           %th.libelle
             = "#{c.libelle} :"

From 4249f8ae25a572b75e0996330469e5ff750b46d1 Mon Sep 17 00:00:00 2001
From: Paul Chavard <git@paul.chavard.net>
Date: Wed, 17 Oct 2018 13:07:51 +0300
Subject: [PATCH 09/11] Add carte type de champ options

---
 app/assets/javascripts/old_design/admin.js       |  4 ++++
 app/assets/stylesheets/admin_type_de_champ.scss  |  3 ++-
 app/services/types_de_champ_service.rb           |  2 ++
 app/views/admin/types_de_champ/_fields.html.haml | 10 ++++++++++
 config/locales/models/type_de_champ/fr.yml       |  1 +
 5 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/old_design/admin.js b/app/assets/javascripts/old_design/admin.js
index 9b45a08c2..12fe3f8cc 100644
--- a/app/assets/javascripts/old_design/admin.js
+++ b/app/assets/javascripts/old_design/admin.js
@@ -27,6 +27,7 @@ $(document).on('change', 'select.form-control.type-champ', function() {
   parent.removeClass('header-section');
   parent.children('.drop-down-list').removeClass('show-inline');
   parent.children('.pj-template').removeClass('show-inline');
+  parent.children('.carte-options').removeClass('show-inline');
 
   $('.mandatory', parent).show();
 
@@ -42,6 +43,9 @@ $(document).on('change', 'select.form-control.type-champ', function() {
     case 'piece_justificative':
       parent.children('.pj-template').addClass('show-inline');
       break;
+    case 'carte':
+      parent.children('.carte-options').addClass('show-inline');
+      break;
     case 'explication':
       $('.mandatory', parent).hide();
       break;
diff --git a/app/assets/stylesheets/admin_type_de_champ.scss b/app/assets/stylesheets/admin_type_de_champ.scss
index 2d31eb5bd..b444a553b 100644
--- a/app/assets/stylesheets/admin_type_de_champ.scss
+++ b/app/assets/stylesheets/admin_type_de_champ.scss
@@ -32,7 +32,8 @@
   }
 
   .form-group.drop-down-list,
-  .form-group.pj-template {
+  .form-group.pj-template,
+  .form-group.carte-options {
     display: none;
   }
 
diff --git a/app/services/types_de_champ_service.rb b/app/services/types_de_champ_service.rb
index fa4b3b126..191d5e626 100644
--- a/app/services/types_de_champ_service.rb
+++ b/app/services/types_de_champ_service.rb
@@ -14,6 +14,8 @@ class TypesDeChampService
         :id,
         :mandatory,
         :piece_justificative_template,
+        :quartiers_prioritaires,
+        :cadastres,
         drop_down_list_attributes: [:value, :id]
       ])
 
diff --git a/app/views/admin/types_de_champ/_fields.html.haml b/app/views/admin/types_de_champ/_fields.html.haml
index b157e895c..5a3d74ec7 100644
--- a/app/views/admin/types_de_champ/_fields.html.haml
+++ b/app/views/admin/types_de_champ/_fields.html.haml
@@ -38,6 +38,16 @@
         = ff.file_field :piece_justificative_template,
           direct_upload: true
 
+    .form-group.carte-options{ class: (type_champ == TypeDeChamp.type_champs.fetch(:carte)) ? 'show-inline' : nil }
+      %h4 Utilisation de la cartographie
+      %label
+        = ff.check_box :quartiers_prioritaires
+        Quartiers prioritaires
+      %br
+      %label
+        = ff.check_box :cadastres
+        Cadastre
+
     - hide_mandatory = (ff.object.object.private? || type_champ == TypeDeChamp.type_champs.fetch(:explication))
     .form-group.mandatory{ style: hide_mandatory ? 'visibility: hidden;' : nil }
       %h4 Obligatoire ?
diff --git a/config/locales/models/type_de_champ/fr.yml b/config/locales/models/type_de_champ/fr.yml
index 655429494..2aed2a270 100644
--- a/config/locales/models/type_de_champ/fr.yml
+++ b/config/locales/models/type_de_champ/fr.yml
@@ -28,3 +28,4 @@ fr:
           dossier_link: 'Lien vers un autre dossier'
           piece_justificative: 'Pièce justificative'
           siret: 'SIRET'
+          carte: 'Carte'

From c8c75fc254b17e2e8421774f57d46fc70800f20a Mon Sep 17 00:00:00 2001
From: Paul Chavard <git@paul.chavard.net>
Date: Mon, 22 Oct 2018 14:17:30 +0200
Subject: [PATCH 10/11] Better handle empty user selection layers

---
 app/controllers/champs/carte_controller.rb |  4 ++--
 app/javascript/shared/carte.js             |  4 +++-
 app/models/champ.rb                        | 11 ++++++++++-
 spec/models/champ_shared_example.rb        |  6 ++++++
 4 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/app/controllers/champs/carte_controller.rb b/app/controllers/champs/carte_controller.rb
index 64f694c0c..4dc16440b 100644
--- a/app/controllers/champs/carte_controller.rb
+++ b/app/controllers/champs/carte_controller.rb
@@ -26,11 +26,11 @@ class Champs::CarteController < ApplicationController
     end
 
     geo_areas = []
-    geo_json = JSON.parse(geo_json)
+    geo_json = geo_json.blank? ? [] : JSON.parse(geo_json)
 
     if geo_json.first == ["error", "TooManyPolygons"]
       @error = true
-    else
+    elsif geo_json.present?
       if @champ.cadastres?
         cadastres = ModuleApiCartoService.generate_cadastre(geo_json)
         geo_areas += cadastres.map do |cadastre|
diff --git a/app/javascript/shared/carte.js b/app/javascript/shared/carte.js
index 5528cc1be..f56c859dc 100644
--- a/app/javascript/shared/carte.js
+++ b/app/javascript/shared/carte.js
@@ -97,7 +97,9 @@ export function getCurrentMap(input) {
 export function addFreeDrawEvents(map, selector) {
   const input = findInput(selector);
   map.freeDraw.on('markers', ({ latLngs }) => {
-    if (polygonArea(latLngs) < 300000) {
+    if (latLngs.length === 0) {
+      input.value = '';
+    } else if (polygonArea(latLngs) < 300000) {
       input.value = JSON.stringify(latLngs);
     } else {
       input.value = '{ "error": "TooManyPolygons" }';
diff --git a/app/models/champ.rb b/app/models/champ.rb
index 99bd1e2c0..94123a53e 100644
--- a/app/models/champ.rb
+++ b/app/models/champ.rb
@@ -17,7 +17,16 @@ class Champ < ApplicationRecord
   end
 
   def mandatory_and_blank?
-    mandatory? && value.blank?
+    if mandatory?
+      case type_de_champ.type_champ
+      when TypeDeChamp.type_champs.fetch(:carte)
+        value.blank? || value == '[]'
+      else
+        value.blank?
+      end
+    else
+      false
+    end
   end
 
   def search_terms
diff --git a/spec/models/champ_shared_example.rb b/spec/models/champ_shared_example.rb
index 91eeb2438..31ae546fa 100644
--- a/spec/models/champ_shared_example.rb
+++ b/spec/models/champ_shared_example.rb
@@ -9,6 +9,12 @@ shared_examples 'champ_spec' do
       it { expect(champ.mandatory_and_blank?).to be(true) }
     end
 
+    context 'when carte mandatory and blank' do
+      let(:type_de_champ) { build(:type_de_champ_carte, mandatory: mandatory) }
+      let(:value) { '[]' }
+      it { expect(champ.mandatory_and_blank?).to be(true) }
+    end
+
     context 'when not blank' do
       let(:value) { 'yop' }
       it { expect(champ.mandatory_and_blank?).to be(false) }

From c4d790b4d04c838ad073fcde5f15d57b6179ae8c Mon Sep 17 00:00:00 2001
From: Paul Chavard <git@paul.chavard.net>
Date: Mon, 22 Oct 2018 15:00:52 +0200
Subject: [PATCH 11/11] Test champs carte controller

---
 .../champs/carte_controller_spec.rb           | 51 +++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 spec/controllers/champs/carte_controller_spec.rb

diff --git a/spec/controllers/champs/carte_controller_spec.rb b/spec/controllers/champs/carte_controller_spec.rb
new file mode 100644
index 000000000..fadf1fa1a
--- /dev/null
+++ b/spec/controllers/champs/carte_controller_spec.rb
@@ -0,0 +1,51 @@
+require 'spec_helper'
+
+describe Champs::CarteController, type: :controller do
+  let(:user) { create(:user) }
+  let(:procedure) { create(:procedure, :published) }
+  let(:dossier) { create(:dossier, user: user, procedure: procedure) }
+  let(:params) do
+    {
+      dossier: {
+        champs_attributes: {
+          '1' => { value: selection.to_json }
+        }
+      },
+      position: '1',
+      champ_id: champ.id
+    }
+  end
+  let(:champ) do
+    create(:type_de_champ_carte, options: {
+      quartiers_prioritaires: true
+    }).champ.create(dossier: dossier)
+  end
+
+  describe 'POST #show' do
+    render_views
+
+    before { sign_in user }
+    before do
+      allow_any_instance_of(ApiCarto::QuartiersPrioritairesAdapter)
+        .to receive(:results)
+        .and_return([{ code: "QPCODE1234", geometry: { type: "MultiPolygon", coordinates: [[[[2.38715792094576, 48.8723062632126], [2.38724851642619, 48.8721392348061]]]] } }])
+
+      post :show, params: params, format: 'js'
+    end
+
+    context 'when coordinates are empty' do
+      let(:selection) { [] }
+
+      it { expect(response.body).to include("DS.drawMapData(\".carte-1\", {\"position\":{\"lon\":\"2.428462\",\"lat\":\"46.538192\",\"zoom\":\"13\"},\"selection\":[],\"quartiersPrioritaires\":[],\"cadastres\":[]});") }
+    end
+
+    context 'when coordinates are informed' do
+      let(:selection) { [[{ "lat": 48.87442541960633, "lng": 2.3859214782714844 }, { "lat": 48.87273183590832, "lng": 2.3850631713867183 }, { "lat": 48.87081237174292, "lng": 2.3809432983398438 }, { "lat": 48.8712640169951, "lng": 2.377510070800781 }, { "lat": 48.87510283703279, "lng": 2.3778533935546875 }, { "lat": 48.87544154230615, "lng": 2.382831573486328 }, { "lat": 48.87442541960633, "lng": 2.3859214782714844 }]] }
+
+      it { expect(response.body).not_to be_nil }
+      it { expect(response.body).to include('QPCODE1234') }
+      it { expect(response.body).to include('MultiPolygon') }
+      it { expect(response.body).to include('[2.38715792094576,48.8723062632126]') }
+    end
+  end
+end