diff --git a/app/assets/stylesheets/new_design/_colors.scss b/app/assets/stylesheets/new_design/_colors.scss index 052e2a51b..b59289e2f 100644 --- a/app/assets/stylesheets/new_design/_colors.scss +++ b/app/assets/stylesheets/new_design/_colors.scss @@ -5,16 +5,18 @@ $black: #333333; $white: #FFFFFF; $grey: #888888; $light-grey: #F8F8F8; +$dark-grey: #666666; $border-grey: #CCCCCC; $dark-red: #A10005; $medium-red: rgba(161, 0, 5, 0.9); $light-red: #ED1C24; $lighter-red: #F52A2A; $background-red: #FFDFDF; -$green: #15AD70; -$lighter-green: lighten($green, 30%); -$light-green: lighten($green, 25%); -$dark-green: darken($green, 20%); +$green: darken(#169862, 5%); +$old-green: #15AD70; +$lighter-green: lighten($old-green, 30%); +$light-green: lighten($old-green, 25%); +$dark-green: darken($old-green, 20%); $orange: #F28900; $orange-bg: lighten($orange, 35%); $yellow: #FEF3B8; diff --git a/app/assets/stylesheets/new_design/autosave.scss b/app/assets/stylesheets/new_design/autosave.scss index a12582635..c5f92e842 100644 --- a/app/assets/stylesheets/new_design/autosave.scss +++ b/app/assets/stylesheets/new_design/autosave.scss @@ -7,7 +7,7 @@ } .autosave-explanation { - color: $grey; + color: $dark-grey; margin-left: 4px; } diff --git a/app/assets/stylesheets/new_design/avis.scss b/app/assets/stylesheets/new_design/avis.scss index fa8876b1d..642d11537 100644 --- a/app/assets/stylesheets/new_design/avis.scss +++ b/app/assets/stylesheets/new_design/avis.scss @@ -20,14 +20,14 @@ } .confidentiel { - color: $grey; + color: $dark-grey; font-weight: normal; margin-bottom: 2 * $default-padding; } .date { font-size: 12px; - color: $grey; + color: $dark-grey; float: right; } } @@ -37,7 +37,7 @@ .avis-notice { font-size: 14px; - color: $grey; + color: $dark-grey; margin-bottom: 2 * $default-padding; } @@ -50,7 +50,7 @@ } .confidentiel { - color: $grey; + color: $dark-grey; font-weight: normal; margin-bottom: 2 * $default-padding; } @@ -68,7 +68,7 @@ .confidentiel-explanation { font-size: 14px; - color: $grey; + color: $dark-grey; margin-top: - $default-padding; margin-bottom: 2 * $default-padding; } @@ -116,7 +116,7 @@ } .confidentiel { - color: $grey; + color: $dark-grey; font-size: 12px; .lock { @@ -131,7 +131,7 @@ .date, .waiting { font-size: 12px; - color: $grey; + color: $dark-grey; } .date { diff --git a/app/assets/stylesheets/new_design/buttons.scss b/app/assets/stylesheets/new_design/buttons.scss index ba5804564..f7bfe4ea1 100644 --- a/app/assets/stylesheets/new_design/buttons.scss +++ b/app/assets/stylesheets/new_design/buttons.scss @@ -195,7 +195,7 @@ .attestation { margin: $default-padding 0; - color: $grey; + color: $dark-grey; } } } @@ -204,7 +204,7 @@ li { display: flex; padding: $default-padding; - color: $grey; + color: $dark-grey; border-bottom: 1px solid $border-grey; font-size: 12px; min-width: 300px; @@ -246,7 +246,7 @@ } a { - color: $grey; + color: $dark-grey; } // Make child links fill the whole clickable area diff --git a/app/assets/stylesheets/new_design/demarches_index.scss b/app/assets/stylesheets/new_design/demarches_index.scss index 808095ee2..ab58d5502 100644 --- a/app/assets/stylesheets/new_design/demarches_index.scss +++ b/app/assets/stylesheets/new_design/demarches_index.scss @@ -10,7 +10,7 @@ } .list-header { - color: $grey; + color: $dark-grey; font-weight: bold; margin-bottom: 10px; } @@ -32,5 +32,5 @@ } .service-name { - color: $grey; + color: $dark-grey; } diff --git a/app/assets/stylesheets/new_design/dossier_champs.scss b/app/assets/stylesheets/new_design/dossier_champs.scss index 883a37e72..86808d340 100644 --- a/app/assets/stylesheets/new_design/dossier_champs.scss +++ b/app/assets/stylesheets/new_design/dossier_champs.scss @@ -13,7 +13,7 @@ td.updated-at { font-size: 13px; - color: $grey; + color: $dark-grey; text-align: right; width: 190px; diff --git a/app/assets/stylesheets/new_design/dossier_show.scss b/app/assets/stylesheets/new_design/dossier_show.scss index e26367a75..94781e8e6 100644 --- a/app/assets/stylesheets/new_design/dossier_show.scss +++ b/app/assets/stylesheets/new_design/dossier_show.scss @@ -28,7 +28,7 @@ } h2 { - color: $grey; + color: $dark-grey; font-weight: bold; } diff --git a/app/assets/stylesheets/new_design/forms.scss b/app/assets/stylesheets/new_design/forms.scss index 031c11f83..f7774389c 100644 --- a/app/assets/stylesheets/new_design/forms.scss +++ b/app/assets/stylesheets/new_design/forms.scss @@ -23,7 +23,7 @@ @mixin notice-text-style { font-size: 16px; - color: $grey; + color: $dark-grey; } .mandatory { @@ -346,7 +346,7 @@ } input.aa-hint { - color: $grey; + color: $dark-grey; } .datetime { diff --git a/app/assets/stylesheets/new_design/france-connect-login.scss b/app/assets/stylesheets/new_design/france-connect-login.scss index 020352b09..779b800fc 100644 --- a/app/assets/stylesheets/new_design/france-connect-login.scss +++ b/app/assets/stylesheets/new_design/france-connect-login.scss @@ -24,5 +24,5 @@ .france-connect-login-separator { margin: 24px 0; font-size: 14px; - color: $grey; + color: $dark-grey; } diff --git a/app/assets/stylesheets/new_design/instructeur.scss b/app/assets/stylesheets/new_design/instructeur.scss index 36b92c37f..d9b102670 100644 --- a/app/assets/stylesheets/new_design/instructeur.scss +++ b/app/assets/stylesheets/new_design/instructeur.scss @@ -66,7 +66,7 @@ .menu-item { align-items: center; padding: 14px; - color: $grey; + color: $dark-grey; overflow: hidden; text-overflow: ellipsis; diff --git a/app/assets/stylesheets/new_design/labels.scss b/app/assets/stylesheets/new_design/labels.scss index 9b0e797b3..2d3252355 100644 --- a/app/assets/stylesheets/new_design/labels.scss +++ b/app/assets/stylesheets/new_design/labels.scss @@ -4,7 +4,7 @@ .label { display: inline-block; padding: 4px $default-spacer; - background: $grey; + background: $dark-grey; border: 1px solid transparent; color: #FFFFFF; border-radius: 4px; diff --git a/app/assets/stylesheets/new_design/message.scss b/app/assets/stylesheets/new_design/message.scss index 4edc672ac..a11507ede 100644 --- a/app/assets/stylesheets/new_design/message.scss +++ b/app/assets/stylesheets/new_design/message.scss @@ -28,7 +28,7 @@ .guest, .date { font-size: 12px; - color: $grey; + color: $dark-grey; } .date { diff --git a/app/assets/stylesheets/new_design/motivation.scss b/app/assets/stylesheets/new_design/motivation.scss index a8244b1f4..32e076dff 100644 --- a/app/assets/stylesheets/new_design/motivation.scss +++ b/app/assets/stylesheets/new_design/motivation.scss @@ -22,7 +22,7 @@ } .help { - color: $grey; + color: $dark-grey; font-size: 11px; margin-bottom: $default-spacer * 2; } diff --git a/app/assets/stylesheets/new_design/new_header.scss b/app/assets/stylesheets/new_design/new_header.scss index 37e403aa7..597bfd52e 100644 --- a/app/assets/stylesheets/new_design/new_header.scss +++ b/app/assets/stylesheets/new_design/new_header.scss @@ -224,7 +224,7 @@ $header-mobile-breakpoint: 550px; .menu-item { align-items: center; padding: 14px; - color: $grey; + color: $dark-grey; overflow: hidden; text-overflow: ellipsis; diff --git a/app/assets/stylesheets/new_design/print.scss b/app/assets/stylesheets/new_design/print.scss index 2a6ebd178..cbb30fc56 100644 --- a/app/assets/stylesheets/new_design/print.scss +++ b/app/assets/stylesheets/new_design/print.scss @@ -21,7 +21,7 @@ body { .subtitle { margin-top: -20px; - color: $grey; + color: $dark-grey; } th, diff --git a/app/assets/stylesheets/new_design/procedure_list.scss b/app/assets/stylesheets/new_design/procedure_list.scss index b025e0889..cc7f09898 100644 --- a/app/assets/stylesheets/new_design/procedure_list.scss +++ b/app/assets/stylesheets/new_design/procedure_list.scss @@ -71,7 +71,7 @@ .stats-legend { font-size: 12px; - color: $grey; + color: $dark-grey; } } diff --git a/app/assets/stylesheets/new_design/status_overview.scss b/app/assets/stylesheets/new_design/status_overview.scss index 1503d10cb..e577c0983 100644 --- a/app/assets/stylesheets/new_design/status_overview.scss +++ b/app/assets/stylesheets/new_design/status_overview.scss @@ -31,7 +31,7 @@ } &.active ~ li { - color: $grey; + color: $dark-grey; } // Arrows diff --git a/app/javascript/components/MapEditor/index.js b/app/javascript/components/MapEditor/index.js index 7d3921fc7..e23172d47 100644 --- a/app/javascript/components/MapEditor/index.js +++ b/app/javascript/components/MapEditor/index.js @@ -152,19 +152,20 @@ function MapEditor({ featureCollection, url, preview, hasCadastres }) { featureCollection, 'post' ); - let inputs = [...importInputs]; const setInputs = inputs.map((input) => { if (input.id === inputId) { input.disabled = true; input.hasValue = true; - resultFeatureCollection.features.forEach((feature) => { - if ( - JSON.stringify(feature.geometry) === - JSON.stringify(featureCollection.features[0].geometry) - ) { - input.featureId = feature.properties.id; - } + resultFeatureCollection.features.forEach((resultFeature) => { + featureCollection.features.forEach((feature) => { + if ( + JSON.stringify(resultFeature.geometry) === + JSON.stringify(feature.geometry) + ) { + input.featureIds.push(resultFeature.properties.id); + } + }); }); } return input; @@ -189,7 +190,7 @@ function MapEditor({ featureCollection, url, preview, hasCadastres }) { inputs.push({ id: generateId(), disabled: false, - featureId: null, + featureIds: [], hasValue: false }); setImportInputs(inputs); @@ -203,9 +204,9 @@ function MapEditor({ featureCollection, url, preview, hasCadastres }) { const inputToRemove = inputs.find((input) => input.id === inputId); for (const feature of featureCollection.features) { - if (inputToRemove.featureId === feature.properties.id) { + if (inputToRemove.featureIds.includes(feature.properties.id)) { const featureToRemove = draw.get(feature.id); - await getJSON(`${url}/${inputToRemove.featureId}`, null, 'delete'); + await getJSON(`${url}/${feature.properties.id}`, null, 'delete'); draw.delete(feature.id).getAll(); updateFeaturesList([featureToRemove]); }