AccompanyingPeriodWork: add title in vue AccPeriodWorkEvaluationDocument form

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

@@ -67,12 +67,25 @@
        <div class="flex-table">
          <div class="item-bloc" v-for="(d, i) in evaluation.documents" :key="i">
            <div class="item-row">
-             <div v-if="d.template" class="item-col"><h6>{{ d.template.name.fr }}</h6></div>
-             <div class="item-col">
-               <p v-if="d.createdBy">Créé par {{ d.createdBy.text }}<br/>
-               Le {{ $d(ISOToDatetime(d.createdAt.datetime), 'long') }}</p>
+               <div>
+                  <label class="col-4 col-sm-2 col-md-4 col-lg-2 col-form-label">
+                     {{ $t('document_title') }}
+                  </label>
+                  <div class="col-8 col-sm-4 col-md-8 col-lg-4">
+                     <input
+                         class="form-control form-control-sm"
+                         type="string"
+                         :value=d.title
+                         :id=i
+                         @input="onInputDocumentTitle"/>
+                  </div>
+               </div>
+               <div v-if="d.template" class="item-col"><h6>{{ d.template.name.fr }}</h6></div>
+               <div class="item-col">
+                  <p v-if="d.createdBy">Créé par {{ d.createdBy.text }}<br/>
+                  Le {{ $d(ISOToDatetime(d.createdAt.datetime), 'long') }}</p>
 
-             </div>
+               </div>
            </div>
            <div class="item-row">
             <ul class="record_actions" >
@@ -147,6 +160,7 @@ const i18n = {
          Documents: "Documents",
          document_add: "Générer ou téléverser un document",
          document_upload: "Téléverser un document",
+         document_title: "Titre du document",
          browse: "Ajouter un document"
       }
    }
@@ -172,6 +186,9 @@ export default {
          }
       }
    },
+   mounted() {
+    console.log(this.evaluation)
+   },
    computed: {
      ...mapState([
        'isPosting'
@@ -187,7 +204,6 @@ export default {
           return dateToISO(this.evaluation.startDate);
         },
         set(v) {
-          console.log(v);
           this.$store.commit('setEvaluationStartDate', { key: this.evaluation.key, date: ISOToDate(v) });
         }
       },
@@ -243,18 +259,16 @@ export default {
 
         return this.$store.dispatch('submit', callback).catch(e => { console.log(e); throw e; });
       },
+      onInputDocumentTitle(event) {
+         const id = event.target.id;
+         const title = event.target.value;
+         this.$store.commit('updateDocumentTitle', {key: id, evaluationKey: this.evaluation.key, title: title});
+      },
       addDocument(storedObject) {
          console.log(storedObject);
-         console.log('Add document');
-         //TODO build here the document object
          let document = {
             type: 'accompanying_period_work_evaluation_document',
-            storedObject: storedObject,
-            template: { // TODO remove
-               name: {
-                  fr: storedObject.filename
-               }
-            },
+            storedObject: storedObject
          };
          this.$store.commit('addDocument', {key: this.evaluation.key, document: document});
       }

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

@@ -294,6 +294,20 @@ const store = createStore({
     setIsPosting(state, st) {
       state.isPosting = st;
     },
+    updateDocumentTitle(state, payload) {
+      state.evaluationsPicked.forEach(
+        e => {
+          console.log(e);
+          if (e.key === payload.evaluationKey) {
+            e.documents.forEach(
+              d => {
+                d.title = payload.title;
+              }
+            )
+          }
+        }
+      )
+    }
   },
   actions: {
     updateThirdParty({ commit }, payload) {
@@ -409,6 +423,9 @@ const store = createStore({
           commit('setErrors', error.violations);
         });
     },
+    updateDocumentTitle({commit}, payload) {
+      commit('updateDocumentTitle', payload)
+    }
   }
 });