From a329ce3de27580a1d7c22f4ec92b9c14742883e2 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
---
 .../src/main/webapp/vue-app/kudos/components/KudosApp.vue  | 7 ++++++-
 .../main/webapp/vue-app/kudos/components/KudosButton.vue   | 4 ++--
 2 files changed, 8 insertions(+), 3 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 f79648b13..76bdd90d4 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"
@@ -183,7 +184,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>
@@ -267,6 +268,7 @@ export default {
       selectedReceiver: null,
       spaceURL: null,
       audience: '',
+      objectType: 'activity',
       readOnlySpace: false,
       username: eXo.env.portal.userName,
       spaceId: eXo.env.portal.spaceId,
@@ -396,6 +398,9 @@ export default {
     ckEditorType() {
       return this.isLinkedKudos ? 'activityComment' : 'activityContent';
     },
+    enabled() {
+      return eXo.env.portal.editorAttachImageEnabled && eXo.env.portal.attachmentObjectTypes?.indexOf(this.objectType) >= 0;
+    },
     postInYourSpacesChoice() {
       return this.audienceChoice === 'oneOfYourSpaces';
     },
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>