From e943ae2205e3733bcaaad6cb92fde5b7b7f53a67 Mon Sep 17 00:00:00 2001
From: Sara Boutej <40363501+SaraBoutej@users.noreply.github.com>
Date: Wed, 2 Aug 2023 20:21:01 +0100
Subject: [PATCH] feat: Drop an image to an activity - MEED-2032 -
 Meeds-io/MIPs#53 (#319)

This PR allows to add drag and drop option when attaching images to kudos drawer
---
 .../main/webapp/vue-app/kudos/components/KudosApp.vue    | 9 +++++++--
 .../main/webapp/vue-app/kudos/components/KudosButton.vue | 4 ++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosApp.vue b/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosApp.vue
index 4a6937821..9570d64ac 100644
--- a/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosApp.vue
+++ b/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosApp.vue
@@ -9,6 +9,7 @@
 
     <exo-drawer
       ref="activityKudosDrawer"
+      v-draggable="enabled"
       width="500px"
       hide-actions
       id="activityKudosDrawer"
@@ -83,7 +84,7 @@
                 :suggestor-type-of-relation="typeOfRelation"
                 :suggester-space-u-r-l="spaceURL"
                 :object-id="metadataObjectId"
-                object-type="activity"
+                :object-type="objectType"
                 class="flex"
                 autofocus />
             </div>
@@ -166,7 +167,8 @@ export default {
       currentUserId: eXo.env.portal.userIdentityId,
       selectedReceiver: null,
       spaceURL: null,
-      audience: ''
+      audience: '',
+      objectType: 'activity'
     };
   },
   watch: {
@@ -283,6 +285,9 @@ export default {
     ckEditorType() {
       return this.isLinkedKudos ? 'activityComment' : 'activityContent';
     },
+    enabled() {
+      return eXo.env.portal.editorAttachImageEnabled && eXo.env.portal.attachmentObjectTypes?.indexOf(this.objectType) >= 0;
+    }
   },
   methods: {
     init() {
diff --git a/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosButton.vue b/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosButton.vue
index 6673415d1..a32899ca8 100644
--- a/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosButton.vue
+++ b/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosButton.vue
@@ -26,10 +26,10 @@
                 <v-icon
                   :class="kudosColorClass"
                   class="baseline-vertical-align"
-                  size="14">
+                  :size="isMobile && '20' || '14'">
                   fa-award
                 </v-icon>
-                <span class="mx-auto mt-1 mt-lg-0 ms-lg-2">
+                <span v-if="!isMobile" class="mx-auto mt-1 mt-lg-0 ms-lg-2">
                   {{ $t('exoplatform.kudos.label.kudos') }}
                 </span>
               </div>