Merge pull request #1792 from DXCanas/learn-rec-modularize-actions

View More page links in recommended

Author: rtibbles

kolibri/plugins/learn/assets/src/app.js

@@ -5,7 +5,15 @@ import router from 'kolibri.coreVue.router';
 import Vue from 'kolibri.lib.vue';
 
 import RootVue from './views';
-import * as actions from './state/actions';
+import * as actions from './state/actions/main';
+import {
+  showLearnChannel,
+  showPopularPage,
+  showNextStepsPage,
+  showResumePage,
+  showFeaturedPage,
+  showLearnContent,
+} from './state/actions/recommended';
 import store from './state/store';
 import { PageNames } from './constants';
 
@@ -71,14 +79,42 @@ class LearnModule extends KolibriModule {
           path: '/:channel_id/recommended',
           handler: (toRoute, fromRoute) => {
             const cursor = toRoute.query.cursor;
-            actions.showLearnChannel(store, toRoute.params.channel_id, cursor);
+            showLearnChannel(store, toRoute.params.channel_id, cursor);
+          },
+        },
+        {
+          name: PageNames.RECOMMENDED_POPULAR,
+          path: '/:channel_id/recommended/popular',
+          handler: (toRoute, fromRoute) => {
+            showPopularPage(store, toRoute.params.channel_id);
+          },
+        },
+        {
+          name: PageNames.RECOMMENDED_RESUME,
+          path: '/:channel_id/recommended/resume',
+          handler: (toRoute, fromRoute) => {
+            showResumePage(store, toRoute.params.channel_id);
+          },
+        },
+        {
+          name: PageNames.RECOMMENDED_NEXT_STEPS,
+          path: '/:channel_id/recommended/nextsteps',
+          handler: (toRoute, fromRoute) => {
+            showNextStepsPage(store, toRoute.params.channel_id);
+          },
+        },
+        {
+          name: PageNames.RECOMMENDED_FEATURED,
+          path: '/:channel_id/recommended/featured',
+          handler: (toRoute, fromRoute) => {
+            showFeaturedPage(store, toRoute.params.channel_id);
           },
         },
         {
           name: PageNames.LEARN_CONTENT,
           path: '/:channel_id/recommended/:id',
           handler: (toRoute, fromRoute) => {
-            actions.showLearnContent(store, toRoute.params.channel_id, toRoute.params.id);
+            showLearnContent(store, toRoute.params.channel_id, toRoute.params.id);
           },
         },
         {

kolibri/plugins/learn/assets/src/constants.js

@@ -6,6 +6,10 @@ const PageNames = {
   EXPLORE_CONTENT: 'EXPLORE_CONTENT',
   LEARN_ROOT: 'LEARN_ROOT',
   LEARN_CHANNEL: 'LEARN_CHANNEL',
+  RECOMMENDED_POPULAR: 'RECOMMENDED_POPULAR',
+  RECOMMENDED_RESUME: 'RECOMMENDED_RESUME',
+  RECOMMENDED_NEXT_STEPS: 'RECOMMENDED_NEXT_STEPS',
+  RECOMMENDED_FEATURED: 'RECOMMENDED_FEATURED',
   LEARN_CONTENT: 'LEARN_CONTENT',
   CONTENT_UNAVAILABLE: 'CONTENT_UNAVAILABLE',
   SEARCH_ROOT: 'SEARCH_ROOT',
@@ -23,4 +27,11 @@ const PageModes = {
   EXAM: 'EXAM',
 };
 
-export { PageNames, PageModes };
+const RecommendedPages = [
+  PageNames.RECOMMENDED_POPULAR,
+  PageNames.RECOMMENDED_RESUME,
+  PageNames.RECOMMENDED_NEXT_STEPS,
+  PageNames.RECOMMENDED_FEATURED,
+];
+
+export { PageNames, PageModes, RecommendedPages };