Merge pull request #4718 from AlexVelezLl/fix-filter-checkbox

Fix multi select filters
learningequality · Sep 9, 2024 · 8b65d99 · 8b65d99
2 parents 9d74ea4 + 6bf225b
commit 8b65d99
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/...curation/contentcuration/frontend/channelList/views/Channel/components/LanguageFilter.vue b/...curation/contentcuration/frontend/channelList/views/Channel/components/LanguageFilter.vue
@@ -29,7 +29,12 @@
       </VTooltip>
     </template>
     <template #item="{ item }">
-      <Checkbox :key="item.id" :input-value="value" :value="item.id" class="mb-0 mt-1">
+      <Checkbox
+        :key="item.id"
+        v-model="languages"
+        :value="item.id"
+        class="mb-0 mt-1"
+      >
         <VTooltip bottom lazy>
           <template #activator="{ on }">
             <div class="text-truncate" style="width: 250px;" v-on="on">

diff --git a/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue b/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue
@@ -20,8 +20,8 @@
             {{ getText(item) }}
           </VChip>
         </template>
-        <template #item="{ item, tile }">
-          <Checkbox v-bind="tile.props" class="ma-0 mb-0 mt-1">
+        <template #item="{ item }">
+          <Checkbox v-model="selections" :value="item.value">
             <span :class="{ notranslate }" :style="getEllipsisStyle()" dir="auto">
               {{ getText(item) }}
             </span>