Update DropFile to handle object versioning

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/components/FormEvaluation.vue

@@ -140,14 +140,8 @@
                          @on-stored-object-status-change="onStatusDocumentChanged"
                      ></document-action-buttons-group>
                    </li>
-                    <li>
-                       <add-async-upload
-                          :buttonTitle="$t('replace')"
-                          :options="asyncUploadOptions"
-                          :btnClasses="{'btn': true, 'btn-edit': true}"
-                          @addDocument="(arg) => replaceDocument(d, arg)"
-                       >
-                       </add-async-upload>
+                    <li v-if="d.storedObject._permissions.canEdit">
+                      <drop-file-modal :existing-doc="d.storedObject" :allow-remove="false" @add-document="(arg) => replaceDocument(d, arg.stored_object, arg.stored_object_version)"></drop-file-modal>
                     </li>
                    <li v-if="d.workflows.length === 0">
                      <a class="btn btn-delete" @click="removeDocument(d)">
@@ -177,12 +171,7 @@
          <label class="col-form-label">{{ $t('document_upload') }}</label>
          <ul class="record_actions document-upload">
             <li>
-               <add-async-upload
-                  :buttonTitle="$t('browse')"
-                  :options="asyncUploadOptions"
-                  @addDocument="addDocument"
-               >
-               </add-async-upload>
+              <drop-file-modal :allow-remove="false" @add-document="addDocument"></drop-file-modal>
             </li>
          </ul>
       </div>
@@ -199,12 +188,11 @@ import ClassicEditor from 'ChillMainAssets/module/ckeditor5/editor_config';
 import { mapGetters, mapState } from 'vuex';
 import PickTemplate from 'ChillDocGeneratorAssets/vuejs/_components/PickTemplate.vue';
 import {buildLink} from 'ChillDocGeneratorAssets/lib/document-generator';
-import AddAsyncUpload from 'ChillDocStoreAssets/vuejs/_components/AddAsyncUpload.vue';
-import AddAsyncUploadDownloader from 'ChillDocStoreAssets/vuejs/_components/AddAsyncUploadDownloader.vue';
 import ListWorkflowModal from 'ChillMainAssets/vuejs/_components/EntityWorkflow/ListWorkflowModal.vue';
 import {buildLinkCreate} from 'ChillMainAssets/lib/entity-workflow/api.js';
 import {buildLinkCreate as buildLinkCreateNotification} from 'ChillMainAssets/lib/entity-notification/api';
 import DocumentActionButtonsGroup from "ChillDocStoreAssets/vuejs/DocumentActionButtonsGroup.vue";
+import DropFileModal from "ChillDocStoreAssets/vuejs/DropFileWidget/DropFileModal.vue";
 
 const i18n = {
    messages: {
@@ -243,10 +231,9 @@ export default {
    name: "FormEvaluation",
    props: ['evaluation', 'docAnchorId'],
    components: {
+      DropFileModal,
       ckeditor: CKEditor.component,
       PickTemplate,
-      AddAsyncUpload,
-      AddAsyncUploadDownloader,
       ListWorkflowModal,
       DocumentActionButtonsGroup,
    },
@@ -380,21 +367,29 @@ export default {
          const title = event.target.value;
          this.$store.commit('updateDocumentTitle', {id: id, key: key, evaluationKey: this.evaluation.key, title: title});
       },
-      addDocument(storedObject) {
+      addDocument({stored_object, stored_object_version}) {
          let document = {
             type: 'accompanying_period_work_evaluation_document',
-            storedObject: storedObject,
+            storedObject: stored_object,
             title: 'Nouveau document',
          };
-         this.$store.commit('addDocument', {key: this.evaluation.key, document: document});
+         this.$store.commit('addDocument', {key: this.evaluation.key, document, stored_object_version});
       },
-      replaceDocument(oldDocument, storedObject) {
+     /**
+      * Replaces a document in the store with a new document.
+      *
+      * @param {Object} oldDocument - The document to be replaced.
+      * @param {StoredObject} storedObject - The stored object of the new document.
+      * @param {StoredObjectVersion} storedObjectVersion - The new version of the document
+      * @return {void}
+      */
+      replaceDocument(oldDocument, storedObject, storedObjectVersion) {
          let document = {
             type: 'accompanying_period_work_evaluation_document',
             storedObject: storedObject,
             title: oldDocument.title
          };
-         this.$store.commit('replaceDocument', {key: this.evaluation.key, document: document, oldDocument: oldDocument});
+         this.$store.commit('replaceDocument', {key: this.evaluation.key, document, oldDocument: oldDocument, stored_object_version: storedObjectVersion});
       },
       removeDocument(document) {
          if (window.confirm("Êtes-vous sûr·e de vouloir supprimer le document qui a pour titre \"" + document.title +"\" ?")) {

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/store.js

@@ -219,7 +219,11 @@ const store = createStore({
       found.results = found.results.filter(r => r.id !== result.id);
     },
     addDocument(state, payload) {
+      // associate version to stored object
+      payload.document.storedObject.currentVersion = payload.stored_object_version;
+
       let evaluation = state.evaluationsPicked.find(e => e.key === payload.key);
+
       evaluation.documents.push(Object.assign(
         payload.document, {
           key: evaluation.documents.length + 1,
@@ -234,6 +238,13 @@ const store = createStore({
       }
       evaluation.documents = evaluation.documents.filter(d => d.key !== document.key);
     },
+    /**
+     * Replaces a document in the state with a new document.
+     *
+     * @param {object} state - The current state of the application.
+     * @param {{key: number, oldDocument: {key: number}, stored_object_version: StoredObjectVersion}} payload - The object containing the information about the document to be replaced.
+     * @return {void} - returns nothing.
+     */
     replaceDocument(state, payload) {
       let evaluation = state.evaluationsPicked.find(e => e.key === payload.key);
       if (evaluation === undefined) {
@@ -244,9 +255,10 @@ const store = createStore({
 
       if (typeof doc === 'undefined') {
         console.error('doc not found');
+        return;
       }
 
-      doc.storedObject = payload.document.storedObject;
+      doc.storedObject.currentVersion = payload.stored_object_version;
       return;
       let newDocument = Object.assign(
         payload.document, {