project-booster-vue 8.96.3 → 8.96.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-booster-vue",
-  "version": "8.96.3",
+  "version": "8.96.7",
   "private": false,
   "scripts": {
     "test:unit": "vue-cli-service test:unit --forceExit --detectOpenHandles",

package/src/components/cards/PbCardsList.vue

@@ -123,7 +123,7 @@ $responsive-breakpoint: 'm';
     box-sizing: border-box;
     height: 100%;
     padding: $mu050;
-
+    width: 100%;
     @include set-from-screen($responsive-breakpoint) {
       padding: $mu100;
     }

package/src/components/configurations/section/PbConfigurationsSectionStore.js

@@ -22,6 +22,7 @@ function ConfigurationsSectionStoreOptions(emptyConfigurationList = false) {
       configurationsPerPageCount: 3,
       currentConfigurationsPage: 0,
       hasStillConfigurations: true,
+      _hasConfigurations: true,
     },
 
     getters: {
@@ -48,6 +49,10 @@ function ConfigurationsSectionStoreOptions(emptyConfigurationList = false) {
       hasStillConfigurations(state) {
         return state.hasStillConfigurations;
       },
+
+      _getHasConfigurations(state) {
+        return state._hasConfigurations;
+      },
     },
 
     mutations: {
@@ -78,6 +83,10 @@ function ConfigurationsSectionStoreOptions(emptyConfigurationList = false) {
       setHasStillConfigurations(state, hasStillConfigurations) {
         state.hasStillConfigurations = hasStillConfigurations;
       },
+
+      _setHasConfigurations(state, _hasConfigurations) {
+        state._hasConfigurations = _hasConfigurations;
+      },
     },
 
     actions: {
@@ -89,21 +98,23 @@ function ConfigurationsSectionStoreOptions(emptyConfigurationList = false) {
         commit('setIsLoadingConfigurations', false);
         commit('setHasStillConfigurations', false);
 
-        setTimeout(() => {
-          commit(
-            'addConfigurations',
-            configurationsList.slice(
-              state.currentConfigurationsPage,
-              state.currentConfigurationsPage + state.configurationsPerPageCount,
-            ),
-          );
-          if (state.currentConfigurationsPage + state.configurationsPerPageCount - 1 >= configurationsList.length) {
-            commit('setHasStillConfigurations', false);
-          } else {
-            commit('setHasStillConfigurations', true);
-          }
-          commit('setCurrentConfigurationsPage', state.currentConfigurationsPage + state.configurationsPerPageCount);
-        }, 100);
+        if (state._hasConfigurations) {
+          setTimeout(() => {
+            commit(
+              'addConfigurations',
+              configurationsList.slice(
+                state.currentConfigurationsPage,
+                state.currentConfigurationsPage + state.configurationsPerPageCount,
+              ),
+            );
+            if (state.currentConfigurationsPage + state.configurationsPerPageCount - 1 >= configurationsList.length) {
+              commit('setHasStillConfigurations', false);
+            } else {
+              commit('setHasStillConfigurations', true);
+            }
+            commit('setCurrentConfigurationsPage', state.currentConfigurationsPage + state.configurationsPerPageCount);
+          }, 100);
+        }
       },
 
       loadConfigurations({ commit, dispatch }) {

package/src/components/question/PbQuestion.vue

@@ -223,25 +223,21 @@
         <span>{{ dialog.headerTitle }}</span>
       </template>
       <template #body>
-        <m-flexy class="pb-question__dialog-body">
-          <m-flexy-col width-from-m="2of3" width="full">
-            <div :style="`background-image: url(${dialog.imageUrl});`" class="pb-question__dialog-body-image" />
-          </m-flexy-col>
-          <m-flexy-col width-from-m="1of3" width="full">
-            <m-flex direction="column" class="pb-question__dialog-body-description">
-              <div class="pb-question__dialog-body-title">{{ dialog.title }}</div>
-              <div class="pb-question__dialog-body-text" v-html="dialog.text" />
-              <m-link
-                v-if="dialog.link"
-                :label="dialog.link.label"
-                :theme="dialog.link.theme"
-                :href="dialog.link.href"
-                width-from-m="fit"
-                width="full"
-              />
-            </m-flex>
-          </m-flexy-col>
-        </m-flexy>
+        <div class="pb-question__dialog-body">
+          <div :style="`background-image: url(${dialog.imageUrl});`" class="pb-question__dialog-body-image" />
+          <m-flex direction="column" class="pb-question__dialog-body-description">
+            <div class="pb-question__dialog-body-title">{{ dialog.title }}</div>
+            <div class="pb-question__dialog-body-text" v-html="dialog.text" />
+            <m-link
+              v-if="dialog.link"
+              :label="dialog.link.label"
+              :theme="dialog.link.theme"
+              :href="dialog.link.href"
+              width-from-m="fit"
+              width="full"
+            />
+          </m-flex>
+        </div>
       </template>
       <template #footer>
         <m-flex class="pb-question__dialog-footer" justify-content="center">
@@ -1006,39 +1002,35 @@ $answers-apparition-duration: '0.5s';
       flex-grow: 1;
     }
     &-body {
-      align-items: center;
       display: flex;
-      flex-flow: column;
       flex-direction: column;
+      flex-wrap: nowrap;
+
       height: 100%;
       padding: $mu150;
       width: 100%;
-
       @include set-from-screen($responsive-breakpoint) {
-        flex-flow: row;
         flex-direction: row;
+        flex-wrap: wrap;
         justify-content: center;
-        .ml-flexy__col {
-          height: 100%;
-        }
-      }
-      :deep(.ml-flexy__col--full) {
-        width: 100%;
-      }
-      :deep(.ml-flexy__col) {
-        height: 100%;
       }
       &-description {
-        margin-left: 0;
+        margin: $mu150 0 0 0;
         @include set-from-screen($responsive-breakpoint) {
-          margin-left: $mu150;
+          flex: 1 1 0;
+          margin: 0 0 0 $mu150;
         }
       }
       &-image {
+        background-position: center;
         background-repeat: no-repeat;
         background-size: contain;
         height: 100%;
+        max-height: 300px;
         width: 100%;
+        @include set-from-screen($responsive-breakpoint) {
+          flex: 2 1 0;
+        }
       }
       &-title {
         @include set-font-scale('06', 'm');

package/src/components/question/upload-document/PbUploadDocument-Features-ShowMore.stories.mdx

@@ -5,7 +5,7 @@ import DEFAULT_PAYLOAD from './PbUploadDocument-Features-ShowMore.stories.json';
 import { TemplateSandbox } from '../../scenario/PbScenario.stories.mdx';
 
 <Meta
-  title="Project Booster/Scenario/ 🦠 Questions/ 🦠 PbUploadDocument"
+  title="Project Booster/Scenario/ 🦠 Questions/ 🦠 PbUploadDocument/Feature/Show more"
   component={PbScenario}
   argTypes={{
     scenarios: {

package/src/pages/project/project-hub/PbProjectHub.stories.js

@@ -526,7 +526,7 @@ const projectStore = {
   },
 
   actions: {
-    loadProject({ dispatch, commit, state }) {
+    loadProject({ commit, dispatch, state }) {
       commit('setProject', null);
       commit('setIsLoadingProject', true);
       commit('setProjectLoadError', null);
@@ -539,6 +539,7 @@ const projectStore = {
       commit('_setHasTools', true);
       commit('_setHasEstimators', true);
       commit('_setHasConfigurators', true);
+      commit('_setHasConfigurations', true);
 
       setTimeout(() => {
         commit('setProject', PROJECT);
@@ -549,7 +550,7 @@ const projectStore = {
       }, 1000);
     },
 
-    loadProjectNoLoading({ commit, state }) {
+    loadProjectNoLoading({ commit, dispatch, state }) {
       commit('setProject', null);
       commit('setIsLoadingProject', true);
       commit('setProjectLoadError', null);
@@ -562,6 +563,7 @@ const projectStore = {
       commit('_setHasTools', true);
       commit('_setHasEstimators', true);
       commit('_setHasConfigurators', true);
+      commit('_setHasConfigurations', true);
 
       setTimeout(() => {
         commit('setProject', PROJECT);
@@ -570,7 +572,7 @@ const projectStore = {
       }, 0);
     },
 
-    loadProjectWithoutTools({ commit }, loadingDuration) {
+    loadProjectWithoutTools({ commit, dispatch }, loadingDuration) {
       commit('setProject', null);
       commit('setIsLoadingProject', true);
       commit('setProjectLoadError', null);
@@ -583,6 +585,7 @@ const projectStore = {
       commit('_setHasTools', false);
       commit('_setHasEstimators', false);
       commit('_setHasConfigurators', false);
+      commit('_setHasConfigurations', true);
 
       setTimeout(() => {
         commit('setProject', PROJECT);
@@ -591,7 +594,7 @@ const projectStore = {
       }, loadingDuration);
     },
 
-    loadProjectWithoutEstimators({ commit }, loadingDuration) {
+    loadProjectWithoutEstimators({ commit, dispatch }, loadingDuration) {
       commit('setProject', null);
       commit('setIsLoadingProject', true);
       commit('setProjectLoadError', null);
@@ -604,6 +607,7 @@ const projectStore = {
       commit('_setHasTools', true);
       commit('_setHasEstimators', false);
       commit('_setHasConfigurators', true);
+      commit('_setHasConfigurations', true);
 
       setTimeout(() => {
         commit('setProject', PROJECT);
@@ -688,7 +692,7 @@ const projectStore = {
       }, loadingDuration);
     },
 
-    loadProjectWithoutConfigurators({ commit }, loadingDuration) {
+    loadProjectWithoutConfigurators({ commit, dispatch }, loadingDuration) {
       commit('setProject', null);
       commit('setIsLoadingProject', true);
       commit('setProjectLoadError', null);
@@ -701,6 +705,29 @@ const projectStore = {
       commit('_setHasTools', true);
       commit('_setHasEstimators', false);
       commit('_setHasConfigurators', false);
+      commit('_setHasConfigurations', true);
+
+      setTimeout(() => {
+        commit('setProject', PROJECT);
+        commit('setIsLoadingProject', false);
+        dispatch('checkAuthStatusForTasks');
+      }, loadingDuration);
+    },
+
+    loadProjectWithoutConfigurations({ commit, dispatch }, loadingDuration) {
+      commit('setProject', null);
+      commit('setIsLoadingProject', true);
+      commit('setProjectLoadError', null);
+      commit('setIsCreatingProject', false);
+      commit('setProjectCreationError', null);
+      commit('setIsCreatingEstimate', false);
+      commit('setEstimateCreationError', null);
+      commit('setIsEstimateCreatedSuccessDisplayed', false);
+      commit('setCurrentProjectId', 'default-project');
+      commit('_setHasTools', true);
+      commit('_setHasEstimators', false);
+      commit('_setHasConfigurators', true);
+      commit('_setHasConfigurations', false);
 
       setTimeout(() => {
         commit('setProject', PROJECT);
@@ -722,6 +749,7 @@ const projectStore = {
       commit('_setHasTools', true);
       commit('_setHasEstimators', false);
       commit('_setHasConfigurators', false);
+      commit('_setHasConfigurations', true);
 
       setTimeout(() => {
         commit('setProject', PROJECT);
@@ -744,6 +772,7 @@ const projectStore = {
       commit('_setHasTools', true);
       commit('_setHasEstimators', true);
       commit('_setHasConfigurators', true);
+      commit('_setHasConfigurations', true);
 
       setTimeout(() => {
         commit('setProject', null);
@@ -766,6 +795,7 @@ const projectStore = {
       commit('_setHasTools', true);
       commit('_setHasEstimators', true);
       commit('_setHasConfigurators', true);
+      commit('_setHasConfigurations', true);
 
       setTimeout(() => {
         commit('setProject', null);
@@ -774,7 +804,7 @@ const projectStore = {
       }, loadingDuration);
     },
 
-    retryLoadProject({ commit }, loadingDuration = 2000) {
+    retryLoadProject({ commit, dispatch }, loadingDuration = 2000) {
       commit('setProject', null);
       commit('setIsLoadingProject', true);
       commit('setProjectLoadError', null);
@@ -783,6 +813,7 @@ const projectStore = {
       commit('_setHasTools', true);
       commit('_setHasEstimators', true);
       commit('_setHasConfigurators', true);
+      commit('_setHasConfigurations', true);
 
       setTimeout(() => {
         commit('setProject', PROJECT);
@@ -803,6 +834,7 @@ const projectStore = {
       commit('_setHasTools', true);
       commit('_setHasEstimators', true);
       commit('_setHasConfigurators', true);
+      commit('_setHasConfigurations', true);
       commit('setProjectToCreate', {
         name: 'Rénovation de la cuisine',
       });
@@ -825,6 +857,7 @@ const projectStore = {
       commit('_setHasTools', true);
       commit('_setHasEstimators', true);
       commit('_setHasConfigurators', true);
+      commit('_setHasConfigurations', true);
       commit('setProjectToCreate', {
         name: 'Rénovation de la cuisine',
       });
@@ -1259,6 +1292,7 @@ export const showcaseWithNoConfigurations = () => ({
   },
   created() {
     this.$store.dispatch('loadProject', 1000);
+    this.$store.dispatch('loadProjectWithoutConfigurations');
     this.$store.dispatch('loadCategories');
   },
   // eslint-disable-next-line

package/src/pages/project/project-hub/PbProjectHub.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="pb-project-hub__container">
+  <div class="pb-project-hub__container" ref="pbProjectHubContainer">
     <m-flex class="pb-project-hub" direction="column" align-items="stretch" full-width>
       <m-link
         v-if="showBackButton"
@@ -126,13 +126,15 @@
               </div>
             </m-flex>
             <m-flex
-              v-show="
-                (isLoadingConfigurations || configurations.length > 0 || !!configurationsLoadError) &&
-                !isLoadingTools &&
-                tools &&
-                configurators.length !== 0
-              "
               class="pb-project-hub__section"
+              :class="{
+                'pb-project-hub__section--hidden': !(
+                  (isLoadingConfigurations || configurations.length > 0 || !!configurationsLoadError) &&
+                  !isLoadingTools &&
+                  tools &&
+                  configurators.length !== 0
+                ),
+              }"
               direction="column"
               full-width
             >
@@ -283,7 +285,6 @@
                 ></pb-categories-section>
               </div>
             </m-flex>
-
             <m-flex class="pb-project-hub__section" direction="column" full-width>
               <div class="pb-project-hub__section-header">
                 <div class="pb-project-hub__section-title">{{ titlePhotoInspiration }}</div>
@@ -790,6 +791,11 @@ export default {
   watch: {
     $route(to, from) {
       this.updateProject();
+      if (from.name === 'ProjectHub') {
+        this.$nextTick(() => {
+          this.scrollToTop();
+        });
+      }
       if (from.name === 'PbProducts') {
         this.$nextTick(() => {
           this.scrollToCategoriesSection();
@@ -832,6 +838,7 @@ export default {
   mounted() {
     this.updateProject();
   },
+
   methods: {
     beforeLeave(el) {
       const { marginLeft, marginTop, width, height } = window.getComputedStyle(el);
@@ -1028,6 +1035,16 @@ export default {
         return ICONS_PER_TOOL_TYPE[tool.type];
       }
     },
+
+    scrollToTop() {
+      const top = this.$refs.pbProjectHubContainer.$el.offsetTop;
+      window.scroll({
+        top,
+        left: 0,
+        behavior: 'smooth',
+      });
+    },
+
     scrollToCategoriesSection() {
       const top = this.$refs.PbProjectHubCategoriesSection.$el.offsetTop;
       window.scroll({
@@ -1087,6 +1104,10 @@ $appear-duration: 100ms;
   &__section {
     margin-bottom: $mu400;
 
+    &--hidden {
+      display: none !important;
+    }
+
     &-header {
       padding-bottom: $mu150;
     }