feat: Allow to display Programs Widget in Space with contextual info - …

…MEED-7649 - Meeds-io/MIPs#150 (#1760) This change will alllow to display programs widget with the contextual information of current space rather than displaying all available programs in the platform.
Meeds-io · Oct 23, 2024 · e59c61b · e59c61b
1 parent 1547a48
commit e59c61b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/portlets/src/main/resources/locale/portlet/Challenges_en.properties b/portlets/src/main/resources/locale/portlet/Challenges_en.properties
@@ -428,6 +428,7 @@ search.connector.label.rules=Actions
 gamification.overview.send=Send
 gamification.overview.badges=Badges
 gamification.overview.programs=Programs
+gamification.overview.space.programs=Community Programs
 gamification.overview.space.weeklyLeaderboard=Community Weekly Leaderboard
 gamification.overview.space.monthlyLeaderboard=Community Monthly Leaderboard
 gamification.overview.space.quarterlyLeaderboard=Community Quarterly Leaderboard
@@ -443,6 +444,7 @@ gamification.overview.noWeeklyAchievements=No contributions yet this week
 gamification.overview.actions=Actions
 gamification.overview.actionsList=Actions
 gamification.overview.programsList=Programs
+gamification.overview.space.programsList=Community Programs
 gamification.overview.leaderboard.drawer.title=Leaderboard
 gamification.overview.programsFilter.drawer.title=Filter by program
 gamification.overview.userAchievementsList.drawer.title=Contributions

diff --git a/portlets/src/main/webapp/vue-app/programsOverview/components/ProgramsOverview.vue b/portlets/src/main/webapp/vue-app/programsOverview/components/ProgramsOverview.vue
@@ -91,7 +91,7 @@
           </div>
           <div v-else-if="!loading" class="d-flex flex-column align-center justify-center full-width full-height">
             <v-icon color="tertiary" size="60">fa-puzzle-piece</v-icon>
-            <span class="mt-5">{{ $t('gamification.overview.programs') }}</span>
+            <span class="mt-5">{{ spaceId && $t('gamification.overview.space.programs') || $t('gamification.overview.programs') }}</span>
           </div>
         </template>
       </gamification-overview-widget>
@@ -113,6 +113,7 @@ export default {
     programs: [],
     administrators: null,
     registrationSettings: null,
+    spaceId: eXo.env.portal.spaceId,
     hover: false,
     loading: true,
   }),
@@ -166,6 +167,7 @@ export default {
       return this.$programService.getPrograms({
         sortBy: this.sortBy || 'modifiedDate',
         sortDescending: this.sortBy !== 'title',
+        spaceId: this.spaceId,
         limit: this.limit || 4,
         type: 'ALL',
         status: 'ENABLED',

diff --git a/portlets/src/main/webapp/vue-app/programsOverview/components/ProgramsOverviewListDrawer.vue b/portlets/src/main/webapp/vue-app/programsOverview/components/ProgramsOverviewListDrawer.vue
@@ -24,7 +24,7 @@
     :loading="loading"
     :right="!$vuetify.rtl">
     <template #title>
-      {{ $t('gamification.overview.programsList') }}
+      {{ spaceId && $t('gamification.overview.space.programsList') || $t('gamification.overview.programsList') }}
     </template>
     <template #titleIcons>
       <v-btn
@@ -51,6 +51,7 @@ export default {
     programs: [],
     limitToLoad: -1,
     loading: false,
+    spaceId: eXo.env.portal.spaceId,
   }),
   computed: {
     actionsPageURL() {
@@ -73,6 +74,7 @@ export default {
       this.loading = true;
       return this.$programService.getPrograms({
         limit: this.limitToLoad,
+        spaceId: this.spaceId,
         type: 'ALL',
         status: 'ENABLED',
         expand: 'countActiveRules',