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
Meeds-io · Oct 3, 2023 · b288309 · b288309
1 parent a346e5c
commit b288309
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 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
@@ -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,8 @@ 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
@@ -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>