From ef6a5e0b6bf320c155e3390769ecf50f4054128b Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Tue, 23 May 2023 16:32:08 +0200
Subject: [PATCH] UX: [vue] Change single button notification by dropdown
 button (edit workAction)

---
 .../vuejs/AccompanyingCourseWorkEdit/App.vue  | 32 ++++++--
 .../components/FormEvaluation.vue             | 81 ++++++++++++-------
 2 files changed, 77 insertions(+), 36 deletions(-)

diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue
index e6ee7de79..128148f8a 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue
@@ -296,13 +296,26 @@
             @go-to-generate-workflow="goToGenerateWorkflow"
          ></list-workflow-modal>
       </li>
+      
       <li>
+         <!--
+         {% if accompanyingCourse.hasUser and accompanyingCourse.user is not same as(app.user) %}
+         {{ work.accompanyingPeriod.user }}
+         -->
          <button
+             v-if="false"
              class="btn btn-notify"
-             @click="goToGenerateNotification"
-         >
-         </button>
+             @click="goToGenerateNotification(false)"
+         ></button>
+         <template v-else>
+            <button id="btnGroupNotifyButtons" type="button" class="btn btn-notify dropdown-toggle" :title="$t('notification_send')" data-bs-toggle="dropdown" aria-expanded="false">&nbsp;</button>
+            <ul class="dropdown-menu" aria-labelledby="btnGroupNotifyButtons">
+               <li><a class="dropdown-item" @click="goToGenerateNotification(true)">{{ $t('notification_notify_referrer') }}</a></li>
+               <li><a class="dropdown-item" @click="goToGenerateNotification(false)">{{ $t('notification_notify_any') }}</a></li>
+            </ul>
+         </template>
       </li>
+      
       <li v-if="!isPosting">
          <button class="btn btn-save" @click="submit">
             {{ $t('action.save') }}
@@ -372,7 +385,10 @@ const i18n = {
          no_referrers: "Aucun agent traitant",
          choose_referrers: "Choisir des agents traitants",
          remove_referrer: "Enlever l'agent",
-         private_comment: "Commentaire privé"
+         private_comment: "Commentaire privé",
+         notification_notify_referrer: "Notifier le référent",
+         notification_notify_any: "Notifier d'autres utilisateurs",
+         notification_send: "Envoyer une notification",
       }
    }
 };
@@ -554,10 +570,14 @@ export default {
          return this.$store.dispatch('submit', callback)
             .catch(e => { console.log(e); throw e; });
       },
-      goToGenerateNotification() {
+      goToGenerateNotification(tos) {
          console.log('save before leave to notification');
          const callback = (data) => {
-            window.location.assign(`/fr/notification/create?entityClass=Chill\\PersonBundle\\Entity\\AccompanyingPeriod\\AccompanyingPeriodWork&entityId=${this.work.id}&returnPath=/fr/person/accompanying-period/${this.work.accompanyingPeriod.id}/work`);
+            if (tos === true) {
+               window.location.assign(`/fr/notification/create?entityClass=Chill\\PersonBundle\\Entity\\AccompanyingPeriod\\AccompanyingPeriodWork&entityId=${this.work.id}&tos[0]=${this.work.accompanyingPeriod.user.id}&returnPath=/fr/person/accompanying-period/${this.work.accompanyingPeriod.id}/work`);
+            } else {
+               window.location.assign(`/fr/notification/create?entityClass=Chill\\PersonBundle\\Entity\\AccompanyingPeriod\\AccompanyingPeriodWork&entityId=${this.work.id}&returnPath=/fr/person/accompanying-period/${this.work.accompanyingPeriod.id}/work`);
+            }
          }
 
          return this.$store.dispatch('submit', callback)
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 6d40acae5..1673c2f33 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/components/FormEvaluation.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/components/FormEvaluation.vue
@@ -102,32 +102,36 @@
             </div>
             <div class="item-row">
                <div class="item-col">
-                 <ul class="record_actions" >
-
-                     <li>
-                         <button class="btn btn-notify" @click="goToGenerateDocumentNotification(d)">
-                         </button>
-                     </li>
-                   <li v-if="d.workflows_availables.length > 0">
-                     <list-workflow-modal
-                         :workflows="d.workflows"
-                         :allowCreate="true"
-                         relatedEntityClass="Chill\PersonBundle\Entity\AccompanyingPeriod\AccompanyingPeriodWorkEvaluationDocument"
-                         :relatedEntityId="d.id"
-                         :workflowsAvailables="d.workflows_availables"
-                         :preventDefaultMoveToGenerate="true"
-                         :goToGenerateWorkflowPayload="{doc: d}"
-                         @go-to-generate-workflow="goToGenerateWorkflowEvaluationDocument"
-                     ></list-workflow-modal>
-                   </li>
+                 <ul class="record_actions">
+                    <li v-if="d.workflows_availables.length > 0">
+                       <list-workflow-modal
+                          :workflows="d.workflows"
+                          :allowCreate="true"
+                          relatedEntityClass="Chill\PersonBundle\Entity\AccompanyingPeriod\AccompanyingPeriodWorkEvaluationDocument"
+                          :relatedEntityId="d.id"
+                          :workflowsAvailables="d.workflows_availables"
+                          :preventDefaultMoveToGenerate="true"
+                          :goToGenerateWorkflowPayload="{doc: d}"
+                          @go-to-generate-workflow="goToGenerateWorkflowEvaluationDocument"
+                       ></list-workflow-modal>
+                    </li>
                    <li>
-                     <add-async-upload
-                        :buttonTitle="$t('replace')"
-                        :options="asyncUploadOptions"
-                        :btnClasses="{'btn': true, 'btn-edit': true}"
-                        @addDocument="(arg) => replaceDocument(d, arg)"
-                     >
-                     </add-async-upload>
+                      <!--
+                      {% if accompanyingCourse.hasUser and accompanyingCourse.user is not same as(app.user) %}
+                      {{ work.accompanyingPeriod.user }}
+                      -->
+                      <button
+                         v-if="false"
+                         class="btn btn-notify"
+                         @click="goToGenerateDocumentNotification(d, false)">
+                      </button>
+                      <template v-else>
+                         <button id="btnGroupNotifyButtons" type="button" class="btn btn-notify dropdown-toggle" :title="$t('notification_send')" data-bs-toggle="dropdown" aria-expanded="false">&nbsp;</button>
+                         <ul class="dropdown-menu" aria-labelledby="btnGroupNotifyButtons">
+                            <li><a class="dropdown-item" @click="goToGenerateDocumentNotification(d, true)">{{ $t('notification_notify_referrer') }}</a></li>
+                            <li><a class="dropdown-item" @click="goToGenerateDocumentNotification(d, false)">{{ $t('notification_notify_any') }}</a></li>
+                         </ul>
+                      </template>
                    </li>
                    <li>
                      <document-action-buttons-group
@@ -138,6 +142,15 @@
                          @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>
                    <li v-if="d.workflows.length === 0">
                      <a class="btn btn-delete" @click="removeDocument(d)">
                      </a>
@@ -219,7 +232,10 @@ const i18n = {
          template_title: "Nom du template",
          browse: "Ajouter un document",
          replace: "Remplacer",
-         download: "Télécharger le fichier existant"
+         download: "Télécharger le fichier existant",
+         notification_notify_referrer: "Notifier le référent",
+         notification_notify_any: "Notifier d'autres utilisateurs",
+         notification_send: "Envoyer une notification",
       }
    }
 };
@@ -265,7 +281,8 @@ export default {
    },
    computed: {
       ...mapState([
-         'isPosting'
+         'isPosting',
+         'work'
       ]),
       getTemplatesAvailables() {
          return this.$store.getters.getTemplatesAvailablesForEvaluation(this.evaluation.evaluation);
@@ -395,10 +412,14 @@ export default {
          return this.$store.dispatch('submit', callback)
             .catch(e => { console.log(e); throw e; });
       },
-       goToGenerateDocumentNotification(document){
+       goToGenerateDocumentNotification(document, tos){
           const callback = (data) => {
-              let evaluation = data.accompanyingPeriodWorkEvaluations.find(e => e.key === this.evaluation.key);
-              window.location.assign(`/fr/notification/create?entityClass=Chill\\PersonBundle\\Entity\\AccompanyingPeriod\\AccompanyingPeriodWorkEvaluationDocument&entityId=${document.id}&returnPath=/fr/person/accompanying-period/work/${evaluation.id}/edit`)
+             let evaluation = data.accompanyingPeriodWorkEvaluations.find(e => e.key === this.evaluation.key);
+             if (tos === true) {
+                window.location.assign(`/fr/notification/create?entityClass=Chill\\PersonBundle\\Entity\\AccompanyingPeriod\\AccompanyingPeriodWorkEvaluationDocument&entityId=${document.id}&tos[0]=${this.$store.state.work.accompanyingPeriod.user.id}&returnPath=/fr/person/accompanying-period/work/${evaluation.id}/edit`)
+             } else {
+                window.location.assign(`/fr/notification/create?entityClass=Chill\\PersonBundle\\Entity\\AccompanyingPeriod\\AccompanyingPeriodWorkEvaluationDocument&entityId=${document.id}&returnPath=/fr/person/accompanying-period/work/${evaluation.id}/edit`)
+             }
           };
            return this.$store.dispatch('submit', callback)
                .catch(e => {console.log(e); throw e});