From c51ef9511aedbfefe547b96d3276505cfbe4e27c Mon Sep 17 00:00:00 2001
From: GregoireDucharme <gregoire.ducharme@gmail.com>
Date: Wed, 15 Jan 2025 15:11:33 +0100
Subject: [PATCH] fix: correctifs retour

---
 src/components/forms/SingleItemCertificationBodyForm.vue | 2 +-
 src/components/records/Header.vue                        | 9 +++++----
 src/components/records/NotificationState.vue             | 6 +++++-
 src/pages/exploitations/[numeroBio]/[recordId]/index.vue | 2 +-
 src/pages/exploitations/[numeroBio]/index.vue            | 1 +
 5 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/components/forms/SingleItemCertificationBodyForm.vue b/src/components/forms/SingleItemCertificationBodyForm.vue
index 8a22a1a1..7f9c6391 100644
--- a/src/components/forms/SingleItemCertificationBodyForm.vue
+++ b/src/components/forms/SingleItemCertificationBodyForm.vue
@@ -70,7 +70,7 @@
               name="engagement_date"
               id="engagement_date"
               :required="isEngagementDateRequired"
-              :disabled="!isAB"
+              :disabled="!isAB || readonly"
               min="1985-01-01"
               :max="maxDate"
             />
diff --git a/src/components/records/Header.vue b/src/components/records/Header.vue
index fad00955..7c746684 100644
--- a/src/components/records/Header.vue
+++ b/src/components/records/Header.vue
@@ -4,9 +4,8 @@
 
     <div class="heading">
       <h2 class="fr-h4 fr-my-0 fr-mb-1v version-name">
-        {{ record.version_name }}
+        {{ record.version_name }}<span v-if="readonly" class="readonly-badge">Lecture seule</span>
       </h2>
-      <span v-if="readonly" class="readonly-badge">Lecture seule</span>
 
       <button
         v-if="!disableActions && permissions.canEditVersion"
@@ -230,13 +229,15 @@ header {
 }
 
 .readonly-badge {
-  padding: 2px 8px;
+  padding: 0px 8px;
   border-radius: 9999px;
   font-size: 12px;
   display: inline-flex;
   align-items: center;
   background-color: var(--background-default-grey-active);
-  font-weight: 700;
   margin-bottom: 0.25em;
+  font-weight: 400;
+  line-height: 23px;
+  margin-left: 1.2em;
 }
 </style>
diff --git a/src/components/records/NotificationState.vue b/src/components/records/NotificationState.vue
index bb16f5c8..68e3a7cd 100644
--- a/src/components/records/NotificationState.vue
+++ b/src/components/records/NotificationState.vue
@@ -11,7 +11,7 @@
         stateInfo ? stateInfo.label : "-"
       }}</span>
     </span>
-    <div v-if="isChangementOc()" class="fr-hint-text">changement d'OC</div>
+    <div v-if="isChangementOc()" class="fr-hint-text oc-change">Changement OC</div>
   </div>
 </template>
 
@@ -120,4 +120,8 @@ function isChangementOc() {
 .margin-top {
   margin-top: 0.2rem;
 }
+
+.oc-change {
+  margin-left: 11px;
+}
 </style>
diff --git a/src/pages/exploitations/[numeroBio]/[recordId]/index.vue b/src/pages/exploitations/[numeroBio]/[recordId]/index.vue
index bd9d63bf..5a3ac599 100644
--- a/src/pages/exploitations/[numeroBio]/[recordId]/index.vue
+++ b/src/pages/exploitations/[numeroBio]/[recordId]/index.vue
@@ -174,7 +174,7 @@ const editForm = computed(() =>
 );
 
 const massActions = computed(() =>
-  permissions.isOc
+  permissions.isOc && permissions.canEditParcellaire
     ? [
         { label: "Modifier les cultures", component: markRaw(CultureTypeModal) },
         { label: "Ajouter une date de début de conversion", component: markRaw(EngagementDateModal) },
diff --git a/src/pages/exploitations/[numeroBio]/index.vue b/src/pages/exploitations/[numeroBio]/index.vue
index 5c6a4ba5..5e726b97 100644
--- a/src/pages/exploitations/[numeroBio]/index.vue
+++ b/src/pages/exploitations/[numeroBio]/index.vue
@@ -512,6 +512,7 @@ tr.version-row:hover {
   align-items: center;
   background-color: var(--background-default-grey-active);
   margin-top: 0.2rem;
+  font-weight: 400;
 }
 .version-name-column {
   display: flex;