project-booster-vue 9.44.6 → 9.44.8

package/package.json

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

package/src/components/projects/project-item-save/PbProjectItemSaveProjectName.vue

@@ -1,17 +1,5 @@
 <template>
   <m-flex direction="column" class="pb-project-item-save-project-name" full-width>
-    <m-flex direction="column" class="pb-project-item-save-project-name__input" full-width>
-      <div class="pb-project-item-save-project-name__title">Nommez votre projet</div>
-      <m-text-input
-        :name="`text-input-${id}`"
-        type="text"
-        v-model="name"
-        :valid="nameMeta.touched && nameMeta.valid"
-        :invalid="nameMeta.touched && nameMeta.invalid"
-        @input="emitInputEvent"
-        :error="nameError"
-      />
-    </m-flex>
     <m-flex
       class="pb-project-item-save-project-name__loading"
       v-if="isLoadingTypologies && typologies.length === 0"
@@ -33,7 +21,7 @@
           :label="typology.title"
           :value="currentTypology === typology.code"
           tagType="selectable"
-          @input="handleTyplologyClick(typology.code)"
+          @input="handleTyplologyClick(typology.code, typology.title)"
           class="pb-project-item-save-project-name__typologies-typology"
         >
         </m-tag>
@@ -90,12 +78,6 @@ export default defineComponent({
     const hasStillTypologies = computed(() => store.getters['projects/hasStillTypologies']);
 
     const validationSchema = yup.object({
-      [`text-input-${componentId}`]: yup
-        .string()
-        .typeError('Saisir un nom de projet')
-        .required('Le nom du projet est obligatoire')
-        .min(0, 'Le nom du projet doit avoir plus de ${min} caractères')
-        .max(60, 'Le nom du projet doit avoir moins de ${max} caractères'),
       [`tag-input-${componentId}`]: yup
         .string()
         .typeError('Choisir une pièce')
@@ -113,6 +95,7 @@ export default defineComponent({
     } = useField(`text-input-${componentId}`, undefined, {
       initialValue: props.defaultName,
     });
+
     const {
       value: currentTypology,
       errorMessage: typologyError,
@@ -122,23 +105,22 @@ export default defineComponent({
     const showMoreTypologies = () => {
       store.dispatch('projects/loadTypologies');
     };
-    const handleTyplologyClick = (typologyCode: string) => {
+
+    const defineDefaultProjectName = (typologyName: string) => {
+      name.value = 'Estimation ' + typologyName.toLowerCase();
+    };
+
+    const handleTyplologyClick = (typologyCode: string, typologyName: string) => {
       setFieldValue('tag-input-' + componentId, currentTypology.value !== typologyCode ? typologyCode : undefined);
 
       setTimeout(() => {
-        /**
-         * Emitted the project props have changed
-         * @event project-change
-         * @type {Event}
-         */
-        emit('project-change', {
-          name: name.value,
-          typology: typologyCode,
-          valid: nameMeta.valid && typologyMeta.valid,
-        });
+        emitInputEvent(typologyCode);
+        defineDefaultProjectName(typologyName);
+        currentTypology.value = typologyCode;
       });
     };
-    const emitInputEvent = async () => {
+
+    const emitInputEvent = async (typologie?: string) => {
       /**
        * Emitted the project props have changed
        * @event project-change
@@ -146,7 +128,7 @@ export default defineComponent({
        */
       emit('project-change', {
         name: name.value,
-        typology: currentTypology.value,
+        typology: typologie ? typologie : currentTypology.value,
         valid: nameMeta.valid && typologyMeta.valid,
       });
     };
@@ -166,6 +148,10 @@ export default defineComponent({
       });
     }
 
+    if (typologies.value.length === 1) {
+      handleTyplologyClick(typologies.value[0].code, typologies.value[0].title);
+    }
+
     return {
       id: componentId,
       name,

package/src/components/warning-message/PbWarningMessage.vue

@@ -382,10 +382,13 @@ $responsive-breakpoint: 'm';
 .pb-warning-message {
   &__dialog-help {
     &__title {
+      margin: 0;
       padding: $mu250 $mu250 0 $mu250;
 
       h2 {
         @include set-font-scale('08', 'm');
+        @include set-font-face('semi-bold');
+        margin: 0 0 $mu050 0;
       }
     }
 
@@ -394,6 +397,17 @@ $responsive-breakpoint: 'm';
 
       p {
         @include set-font-scale('06', 'm');
+        margin: $mu075 0;
+      }
+
+      ul {
+        padding-left: $mu200;
+
+        li {
+          list-style: disc;
+          margin: $mu075 0;
+          @include set-font-scale('06', 'm');
+        }
       }
 
       &__image {

package/src/components/warning-message/with-modal.json

@@ -10,7 +10,7 @@
       "action": {
         "viewModelDialog": {
           "headerTitle": "Les précautions avant d’installer une pompe à chaleur en appartement",
-          "contentHtml": "<p>Avant d'installer un pompe à chaleur air-eau dans un appartement, voici quelques précautions à prendre :</p><p>- informez-vous sur le <strong>système de chauffage</strong> de votre immeuble : est-il collectif ou individuel ?</p><p>- vérifiez si <strong>votre commune autorise l'installation</strong> de groupes extérieurs sur votre balcon ou façade dans le plan local d'urbanisme</p><p>- <strong>informez les voisins</strong> de votre projet, et notamment du bruit que peut générer le groupe extérieur</p>"
+          "contentHtml": "<p>Avant d'installer un pompe à chaleur air-eau dans un appartement, voici quelques précautions à prendre :</p><ul> <li>informez-vous sur le <strong>système de chauffage</strong> de votre immeuble : est-il collectif ou individuel ?</li><li>vérifiez si <strong>votre commune autorise l'installation</strong> de groupes extérieurs sur votre balcon ou façade dans le plan local d'urbanisme</li><li><strong>informez les voisins</strong> de votre projet, et notamment du bruit que peut générer le groupe extérieur</li></ul>"
         }
       }
     },