add quizresourceselectionheader to channels page, ensure it is hidden when not in the index

Author: nucleogenesis

kolibri/plugins/coach/assets/src/views/quizzes/CreateExamPage/sidePanels/QuizResourceSelection/index.vue

@@ -19,6 +19,25 @@
       </div>
     </template>
     <template #default="{ isScrolled }">
+      <QuizResourceSelectionHeader
+        v-if="!settings.selectPracticeQuiz && $route.name === PageNames.QUIZ_SELECT_RESOURCES_INDEX"
+        class="mb-16"
+        style="display: flex; flex-direction: row-reverse"
+        :settings="settings"
+        :hideTitle="true"
+        @searchClick="onSearchClick"
+      />
+
+      <div
+        v-if="settings.selectPracticeQuiz"
+        class="d-flex-end mb-16"
+      >
+        <KButton
+          icon="filter"
+          :text="searchLabel$()"
+          @click="onSearchClick"
+        />
+      </div>
       <div
         v-if="showManualSelectionNotice && $route.name !== PageNames.QUIZ_SELECT_RESOURCES_SETTINGS"
         class="alert-warning d-flex-between"
@@ -187,6 +206,7 @@
   import commonCoreStrings from 'kolibri/uiText/commonCoreStrings';
   import { ContentNodeKinds, MAX_QUESTIONS_PER_QUIZ_SECTION } from 'kolibri/constants';
   import SidePanelModal from 'kolibri-common/components/SidePanelModal';
+  import QuizResourceSelectionHeader from '../../../../common/resourceSelection/QuizResourceSelectionHeader.vue';
   import { coachStrings } from '../../../../common/commonCoachStrings';
   import { exerciseToQuestionArray } from '../../../../../utils/selectQuestions';
   import { PageNames } from '../../../../../constants/index';
@@ -199,6 +219,7 @@
     name: 'QuizResourceSelection',
     components: {
       SidePanelModal,
+      QuizResourceSelectionHeader,
     },
     mixins: [commonCoreStrings],
     setup() {
@@ -601,6 +622,15 @@
       }
     },
     methods: {
+      onSearchClick() {
+        this.$router.push({
+          name:
+            this.target === SelectionTarget.LESSON
+              ? PageNames.LESSON_SELECT_RESOURCES_SEARCH
+              : PageNames.QUIZ_SELECT_RESOURCES_SEARCH,
+          query: this.$route.query,
+        });
+      },
       saveSelectedResource() {
         if (this.settings.selectPracticeQuiz) {
           if (this.workingResourcePool.length !== 1) {
@@ -733,4 +763,8 @@
     justify-content: space-between;
   }
 
+  .mb-16 {
+    margin-bottom: 16px;
+  }
+
 </style>