Merge pull request #511 from AgenceBio/fix/modification-parcelles-troue

fix: Modification d'une parcelle non gérée 'trouée'

Author: GregoireDucharme

src/components/map/CustomControlsParcelles.vue

@@ -25,8 +25,12 @@ const props = defineProps({
     type: Boolean,
     required: true,
   },
+  disable: {
+    type: Boolean,
+    required: true,
+  },
 });
-const currentMode = ref(props.mode);
+const currentMode = ref(!props.disable ? props.mode : "");
 const windowWidth = useWindowWidth();
 
 const selectModif = () => {
@@ -72,6 +76,7 @@ const redo = () => {
           title="Modifier"
           aria-label="Modifier"
           @click="selectModif()"
+          :disabled="disable"
         >
           <span class="ri-shape-line" aria-hidden="true" style="font-size: 1.2em"></span>
           <span v-if="windowWidth > 780" class="button-text">Modifier</span>
@@ -83,6 +88,7 @@ const redo = () => {
           title="Diviser"
           aria-label="Diviser"
           @click="selectDivid()"
+          :disabled="disable"
         >
           <span class="ri-scissors-cut-line" aria-hidden="true" style="font-size: 1.2em"></span>
           <span v-if="windowWidth > 780" class="button-text">Diviser</span>
@@ -95,6 +101,7 @@ const redo = () => {
           title="Découper les bordures"
           aria-label="Découper les bordures"
           @click="selectCutBorders()"
+          :disabled="disable"
         >
           <span class="fr-icon-crop-line" aria-hidden="true"></span>
           <span v-if="windowWidth > 780" class="button-text">{{
@@ -111,25 +118,32 @@ const redo = () => {
           :class="mesureActive ? 'selected-button' : ''"
           @click="selectMesure()"
           aria-label="Mesurer"
+          :disabled="disable"
         >
           <span class="ri-ruler-line" aria-hidden="true" style="font-size: 1.5em"></span>
         </button>
         <div class="separator"></div>
-        <button type="button" title="Supprimer" aria-label="Supprimer" :disabled="!canDelete" @click="supprimer()">
+        <button
+          type="button"
+          title="Supprimer"
+          aria-label="Supprimer"
+          :disabled="!canDelete || disable"
+          @click="supprimer()"
+        >
           <span class="fr-icon-delete-line" aria-hidden="true" style="font-size: 1.2em"></span>
         </button>
-        <button type="button" title="Annuler" aria-label="Annuler" :disabled="!canUndo" @click="undo()">
+        <button type="button" title="Annuler" aria-label="Annuler" :disabled="!canUndo || disable" @click="undo()">
           <span class="fr-icon-arrow-go-back-line" aria-hidden="true" style="font-size: 1.2em"></span>
         </button>
-        <button type="button" title="Rétablir" aria-label="Rétablir" :disabled="!canRedo" @click="redo()">
+        <button type="button" title="Rétablir" aria-label="Rétablir" :disabled="!canRedo || disable" @click="redo()">
           <span class="fr-icon-arrow-go-forward-line" aria-hidden="true" style="font-size: 1.2em"></span>
         </button>
       </div>
     </div>
   </Teleport>
 </template>
 
-<style>
+<style scoped>
 .command-modif-parcellaire {
   display: inline-flex;
   justify-content: space-between;
@@ -177,6 +191,10 @@ button:hover {
   background-color: #f5f5f5;
 }
 
+button:disabled .button-text {
+  color: gray;
+}
+
 .button-text {
   margin-left: 4px;
   color: #000091;

src/pages/exploitations/[numeroBio]/[recordId]/modifier/[featureId].vue

@@ -126,6 +126,7 @@ meta:
             :canRedo="historyIndex < history.length - 1"
             :canDelete="currentMode == 'modif' && selectedParcelles !== null && modifiedFeature.length > 1"
             :mesureActive="measureOn"
+            :disable="disableBar"
             @divide="openDivide"
             @cutBorders="openCutBorders"
             @editContour="openEdit"
@@ -390,6 +391,8 @@ const selectedParcelles = ref(null);
 const history = ref([]);
 const historyIndex = ref(-1);
 
+const disableBar = ref(false);
+
 const helper = {
   modif: {
     title: "Modifier le tracé",
@@ -2087,6 +2090,8 @@ function loadFeatureModif() {
     if (e.message.startsWith("Feature is not")) {
       loadingError.value =
         "La modification de contour n’est pas encore disponible pour les parcelles évidées. Veuillez nous en excuser.";
+      draw.setMode("select");
+      disableBar.value = true;
     } else {
       throw e;
     }