implement content filtering for select resource side panel

kolibri/plugins/coach/assets/src/composables/useResources.js

@@ -1,5 +1,7 @@
 import { ref, onMounted } from 'kolibri.lib.vueCompositionApi';
-import { ChannelResource, ContentNodeResource as bookMarkedResource } from 'kolibri.resources';
+import { ChannelResource,ContentNodeResource} from 'kolibri.resources';
+import { ContentNodeKinds } from 'kolibri.coreVue.vuex.constants';
+import { getContentNodeThumbnail } from 'kolibri.utils.contentNode';
 
 export function useResources() {
   const resources = ref(null);
@@ -15,14 +17,84 @@ export function useResources() {
   }
 
   function fetchBookMarkedResource() {
-    bookMarkedResource.fetchBookmarks({ params: { limit: 25, available: true } }).then(data => {
+    ContentNodeResource.fetchBookmarks({ params: { limit: 25, available: true } }).then(data => {
       bookmarks.value = data.results ? data.results : [];
     });
   }
 
+  function _getTopicsWithExerciseDescendants(topicIds = []) {
+    return new Promise(resolve => {
+      if (!topicIds.length) {
+        resolve([]);
+        return;
+      }
+      const topicsNumAssessmentDescendantsPromise = ContentNodeResource.fetchDescendantsAssessments(
+        topicIds
+      );
+
+      topicsNumAssessmentDescendantsPromise.then(response => {
+        const topicsWithExerciseDescendants = [];
+        response.data.forEach(descendantAssessments => {
+          if (descendantAssessments.num_assessments > 0) {
+            topicsWithExerciseDescendants.push({
+              id: descendantAssessments.id,
+              numAssessments: descendantAssessments.num_assessments,
+              exercises: [],
+            });
+          }
+        });
+
+        ContentNodeResource.fetchDescendants(
+          topicsWithExerciseDescendants.map(topic => topic.id),
+          {
+            descendant_kind: ContentNodeKinds.EXERCISE,
+          }
+        ).then(response => {
+          response.data.forEach(exercise => {
+            const topic = topicsWithExerciseDescendants.find(t => t.id === exercise.ancestor_id);
+            topic.exercises.push(exercise);
+          });
+          resolve(topicsWithExerciseDescendants);
+        });
+      });
+    });
+  }
+
+  function filterAndAnnotateContentList(childNodes) {
+    return new Promise(resolve => {
+      const childTopics = childNodes.filter(({ kind }) => kind === ContentNodeKinds.TOPIC);
+      const topicIds = childTopics.map(({ id }) => id);
+      const topicsThatHaveExerciseDescendants = _getTopicsWithExerciseDescendants(topicIds);
+
+      topicsThatHaveExerciseDescendants.then(topics => {
+        const childNodesWithExerciseDescendants = childNodes
+          .map(childNode => {
+            const index = topics.findIndex(topic => topic.id === childNode.id);
+            if (index !== -1) {
+              return { ...childNode, ...topics[index] };
+            }
+            return childNode;
+          })
+          .filter(childNode => {
+            if (childNode.kind === ContentNodeKinds.TOPIC && (childNode.numAssessments || 0) < 1) {
+              return false;
+            }
+            return true;
+          });
+
+        const contentList = childNodesWithExerciseDescendants.map(node => ({
+          ...node,
+          thumbnail: getContentNodeThumbnail(node),
+        }));
+        resolve(contentList);
+      });
+    });
+  }
+
   onMounted(() => {
     fetchChannelResource();
     fetchBookMarkedResource();
+    filterAndAnnotateContentList()
   });
 
   return {

kolibri/plugins/coach/assets/src/routes/planExamRoutes.js

@@ -47,6 +47,8 @@ export default [
         path: ':section_id/replace-questions',
       },
       {
+      // this is basically show how the routing works once you in the select resources page and bookmarked resources page
+      // once you are in the bookmark resources page the only thing that we are interested in is the topic Id that  always  get updated 
         name: PageNames.QUIZ_SELECT_RESOURCES,
         path: ':section_id/select-resources',
 
@@ -60,6 +62,12 @@ export default [
       {
         name: PageNames.BOOK_MARKED_RESOURCES,
         path: ':section_id/book-marked-resources',
+        children:[
+          {
+            name:PageNames.SELECT_FROM_RESOURCE,
+            path:':topic_id',
+          }
+        ]
       },
     ],
   },

kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/ShowBookMarkedResources.vue

@@ -1,4 +1,4 @@
-<template>
+  <template>
     <div class="">
 
         <ContentCardList