From f19a0905499af632e9e5020f7c47df94d8cd8324 Mon Sep 17 00:00:00 2001
From: nobohan <juminet@gmail.com>
Date: Thu, 24 Feb 2022 09:05:16 +0100
Subject: [PATCH] AddAsyncUpload.vue: add asyncupload form

---
 .../vuejs/_components/AddAsyncUpload.vue      | 34 ++++++++++++++++---
 .../components/FormEvaluation.vue             |  5 +++
 2 files changed, 35 insertions(+), 4 deletions(-)

diff --git a/src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/_components/AddAsyncUpload.vue b/src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/_components/AddAsyncUpload.vue
index fc75e1aa4..edd1866d9 100644
--- a/src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/_components/AddAsyncUpload.vue
+++ b/src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/_components/AddAsyncUpload.vue
@@ -13,7 +13,7 @@
             </template>
 
             <template v-slot:body>
-                <div id="dropZoneWrapper">
+                <div id="dropZoneWrapper" ref="dropZoneWrapper">
                     <div
                         data-stored-object="data-stored-object"
                         data-label-preparing="Preparing"
@@ -29,6 +29,26 @@
                         data-dict-remove="Remove existing file"
                         data-allow-remove="true"
                         data-temp-url-generator="url">
+                        <input
+                           type="hidden"
+                           data-async-file-upload="data-async-file-upload"
+                           data-generate-temp-url-post="/asyncupload/temp_url/generate/post?expires_delay=180&amp;submit_delay=3600"
+                           data-temp-url-get="/asyncupload/temp_url/generate/GET"
+                           :data-max-files="options.maxFiles"
+                           :data-max-post-size="options.maxPostSize"
+                        >
+                        <input
+                           type="hidden"
+                           data-stored-object-key="1"
+                        >
+                        <input
+                           type="hidden"
+                           data-stored-object-iv="1"
+                        >
+                        <input
+                           type="hidden"
+                           data-async-file-type="1"
+                        >
                     </div>
                 </div>
             </template>
@@ -53,6 +73,7 @@ export default {
    },
    props: [
      'buttonTitle',
+     'options'
    ],
    data() {
       return {
@@ -62,12 +83,17 @@ export default {
          },
       }
    },
+   updated() {
+     if (this.modal.showModal){
+         searchForZones(this.$refs.dropZoneWrapper);
+     }
+   },
+   // mounted() {
+   //    console.log(this.options)
+   // },
    methods: {
       openModal() {
          this.modal.showModal = true;
-         let dropZoneWrapper = document.getElementById('dropZoneWrapper');
-         console.log(dropZoneWrapper)
-         searchForZones(document); //TODO: only searchforzone in modal body
       },
    }
 }
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/components/FormEvaluation.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/components/FormEvaluation.vue
index 4872d32a1..aa4b7278b 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/components/FormEvaluation.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/components/FormEvaluation.vue
@@ -106,6 +106,7 @@
             <li>
                <add-async-upload
                   :buttonTitle="$t('browse')"
+                  :options="asyncUploadOptions"
                >
                </add-async-upload>
             </li>
@@ -163,6 +164,10 @@ export default {
       return {
          editor: ClassicEditor,
          template: null,
+         asyncUploadOptions: {
+            maxFiles: 1,
+            maxPostSize: 15000000
+         }
       }
    },
    computed: {