improve editing of evaluation

- an evaluation type can be repeated multiple times on the same action;
- in vue, evaluation are listed by key, not id,
- adding an evaluation make appears directly in "edit" mode;
- ...

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

@@ -1,10 +1,10 @@
 <template>
    <div>
-      <div class="item-title" @click="removeEvaluation(e)">
+      <div class="item-title" @click="removeEvaluation(evaluation)">
          <i class="fa fa-fw fa-times"></i>
          {{ evaluation.evaluation.title.fr }}
       </div>
-      <div v-if="!editEvaluation">
+      <div v-if="!evaluation.editEvaluation">
          <dl class="item-details definition-inline">
 
             <dt v-if="evaluation.startDate">{{ $t('startDate') }} :</dt>
@@ -26,7 +26,11 @@
          <dl class="item-details">
 
             <dt v-if="evaluation.comment">{{ $t('comment') }} :</dt>
-            <dd v-if="evaluation.comment">{{ evaluation.comment }}</dd>
+            <dd v-if="evaluation.comment">
+              <blockquote class="chill-user-quote">
+                {{ evaluation.comment }}
+              </blockquote>
+            </dd>
 
          </dl>
          <ul class="record_actions">
@@ -35,8 +39,8 @@
             </li>
          </ul>
       </div>
-      <div v-if="editEvaluation">
-         <form-evaluation ref="FormEvaluation" :key="evaluation.id" :evaluation="evaluation"></form-evaluation>
+      <div v-if="evaluation.editEvaluation">
+         <form-evaluation ref="FormEvaluation" :key="evaluation.key" :evaluation="evaluation"></form-evaluation>
          <ul class="record_actions">
             <li>
                <button class="btn btn-sm btn-update" @click="submitForm">{{ $t('action.save') }}</button>
@@ -70,12 +74,10 @@ export default {
    components: {
       FormEvaluation
    },
-   props: ['evaluation', 'editEvaluation'],
+   props: ['evaluation'],
    i18n,
    data() {
-      return {
-         editEvaluation: false,
-      };
+      return {};
    },
    computed: {
       pickedEvaluations() {
@@ -84,11 +86,12 @@ export default {
    },
    methods: {
       removeEvaluation(e) {
+         console.log(e);
          this.$store.commit('removeEvaluation', e);
          return;
       },
       toggleEditEvaluation(e) {
-         this.editEvaluation = !this.editEvaluation;
+         this.$store.commit('toggleEvaluationEdit', { key: this.evaluation.key });
       },
       submitForm() {
          this.toggleEditEvaluation();

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

@@ -164,22 +164,16 @@ export default {
       },
       warningInterval: {
          get() { return this.evaluation.warningInterval; },
-         set(v) { this.evaluation.warningInterval = v; }
+         set(v) { this.$store.commit('setEvaluationWarningInterval', { key: this.evaluation.key, days: v }); }
       },
       comment: {
          get() { return this.evaluation.comment; },
-         set(v) { this.evaluation.comment = v; }
+         set(v) { this.$store.commit('setEvaluationComment', { key: this.evaluation.key, comment: v }); }
       },
       template: {
          get() { return this.evaluation.template; },
          set(v) { this.evaluation.template = v; }
       },
-      /*
-      documents: {
-         get() { return this.evaluation.documents; },
-         set(v) { this.evaluation.documents = v; }
-      }
-      */
    },
    methods: {
       listAllStatus() {