project-booster-vue 10.4.0 → 10.4.1

package/package.json

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

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/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 = () => {