project-booster-vue 10.4.0 → 10.4.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-booster-vue",
-  "version": "10.4.0",
+  "version": "10.4.2",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/rework/cards/MPbCards.vue

@@ -390,7 +390,6 @@ $responsive-breakpoint: 's';
   &__image-container {
     padding: $mu050 $mu050 0 $mu050;
     position: relative;
-    width: calc(100% - $mu100);
 
     & > div {
       border-radius: 5px;
@@ -518,14 +517,13 @@ $responsive-breakpoint: 's';
     color: #000;
     height: 100%;
     max-width: 100%;
-    @include set-font-face('semi-bold');
 
     .a11y-high-contrast & {
       color: $color-grey-800;
     }
 
     @include set-from-screen($responsive-breakpoint) {
-      @include set-font-scale('06', 'l');
+      @include set-font-scale('05', 'l');
     }
   }
 

package/src/components/rework/media/upload/MPbMediaUpload.vue

@@ -16,7 +16,7 @@
       >
         <div class="mc-button__label">{{ payload.viewModel.uploadDocumentTitle }}</div>
         <input
-          class="pb-media-upload__form-input"
+          class="pb-media-upload__form-input js-media-upload-document"
           type="file"
           ref="pbMediaUploadFormInput"
           :title="payload.viewModel.title"
@@ -307,6 +307,10 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
+    showDialogFile: {
+      type: Boolean,
+      default: false,
+    },
   },
 
   data() {
@@ -411,6 +415,13 @@ export default defineComponent({
     fileName() {
       this.$store.dispatch(this.storePrefix + 'nameChanged');
     },
+    showDialogFile() {
+      const fileInput = document.querySelector<HTMLElement>('.js-media-upload-document');
+
+      if (fileInput) {
+        fileInput.click();
+      }
+    },
   },
 
   mounted() {

package/src/components/rework/question/space-input/MPbSpaceInput.vue

@@ -32,7 +32,7 @@
         </m-flex>
         <m-flex>
           <m-text-input
-            :name="`text-input-${id}`"
+            :name="`text-input-${componentId}`"
             type="number"
             step="0.01"
             ref="pbSpaceInputTextInput"
@@ -140,7 +140,6 @@ import { MModal } from '@mozaic-ds/vue-3';
 import { SpaceInputPayload } from '@/components/question/space-input/SpaceInput';
 import { ScenarioStepAnswer } from '@/types/pb/Scenario';
 import { decorate } from '@/services/decorate';
-import { id } from 'date-fns/locale';
 import { sanitizeCerberusAttribut } from '@/services/sanitize';
 import { EmitEventName } from '../../services/emit';
 

package/src/components/rework/question/upload-document/MPbUploadDocument.vue

@@ -107,6 +107,7 @@
       :store-module-name="storeModuleName"
       @display-dialog="handleDisplayDialogEvent"
       @media-uploaded="handleMediaUploaded"
+      :show-dialog-file="inputField"
       ref="pbMediaUpload"
     />
   </div>
@@ -197,6 +198,7 @@ const props = defineProps({
 const store = useStore();
 let storeModuleName = ref(props.payload.viewModel.mediaPayload.viewModel.type);
 const $emit = defineEmits(['go-back', 'step-completed']);
+const inputField = ref(false);
 
 // Documents pagination
 const lastItemIndex = ref(1);
@@ -210,7 +212,7 @@ const thumbnailUrl = computed(() => store.getters[storeModuleName.value + '/getT
 onMounted(() => {
   store.dispatch(storeModuleName.value + '/sendEvent', { eventName: 'start', file: null });
   if (props.payload.viewModel.startOpened) {
-    MPbMediaUpload.value?.$refs.pbMediaUploadFormInput.click();
+    inputField.value = !inputField.value;
   }
 });
 
@@ -236,7 +238,7 @@ const navigateTo = (viewModel: UploadDocumentViewModel) => {
 
 const handleDisplayDialogEvent = (event: Event) => {
   if (!event) {
-    MPbMediaUpload.value?.$refs.pbMediaUploadFormInput.click();
+    inputField.value = !inputField.value;
   }
 };
 
@@ -275,7 +277,7 @@ const skipQuestion = (button: UploadDocumentMultiSelectAction) => {
 };
 
 const displayDocumentDialog = () => {
-  MPbMediaUpload.value?.$refs.pbMediaUploadFormInput.click();
+  inputField.value = !inputField.value;
 };
 
 const handleMediaUploaded = () => {

package/src/components/trezor/PbTrezor.vue

@@ -137,31 +137,33 @@
         <div class="ml-flexy">
           <div class="pb-trezor__form__col ml-flexy__col--5of6 no-padding">
             <m-flex v-if="isCollaborator" class="pb-trezor__form__row space" direction="column">
-              <label class="pb-trezor__form__label"
-                >Partenaire à privilégier<span> - sous réserve de disponibilité</span></label
-              >
+              <label class="pb-trezor__form__label">
+                Partenaire à privilégier<span> - sous réserve de disponibilité</span>
+              </label>
               <div class="pb-trezor__form__cards-container">
                 <m-pb-card
                   v-for="partner in partners"
                   :key="partner.id"
-                  :title="partner.name"
+                  :title="escape(partner.name)"
                   :selected="formData.values.selectedPreferredPartner == partner.id"
+                  :data-cerberus="sanitizeCerberusAttribut('PB-TREZOR', 'PREFERRED_PARTNER')"
                   @card-click="handleSelectPartner(partner)"
                 />
               </div>
             </m-flex>
 
             <m-flex v-if="isCollaborator" class="pb-trezor__form__row space" direction="column">
-              <label class="pb-trezor__form__label"
-                >Commentaire du collaborateur<span> - minimum 10 caractères</span></label
-              >
+              <label class="pb-trezor__form__label">
+                Commentaire du collaborateur<span> - minimum 10 caractères</span>
+              </label>
               <div class="pb-trezor__form__textarea-container">
                 <textarea
                   class="pb-trezor__textarea"
                   v-model="formData.values.comment"
                   placeholder="Votre texte ici.."
-                  :required="false"
                   rows="5"
+                  :required="false"
+                  :data-cerberus="sanitizeCerberusAttribut('PB-TREZOR', 'COLLABORATOR_COMMENT')"
                 />
                 <label class="mc-field__error-message">{{ formData.errors.comment }}</label>
               </div>