fix(webui): search for collection/readlist in the "add to" dialog sho…

…uld ignore accents Closes: #944
gotson · Aug 11, 2022 · ac67924 · ac67924
1 parent 834ed0e
commit ac67924
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/komga-webui/src/components/dialogs/CollectionAddToDialog.vue b/komga-webui/src/components/dialogs/CollectionAddToDialog.vue
@@ -76,6 +76,7 @@
 import Vue from 'vue'
 import {SeriesDto} from '@/types/komga-series'
 import {ERROR} from '@/types/events'
+import {stripAccents} from '@/functions/string'
 
 export default Vue.extend({
   name: 'CollectionAddToDialog',
@@ -120,7 +121,7 @@ export default Vue.extend({
       } else return ''
     },
     collectionsFiltered(): CollectionDto[] {
-      return this.collections.filter((x: CollectionDto) => x.name.toLowerCase().includes(this.newCollection.toLowerCase()))
+      return this.collections.filter((x: CollectionDto) => stripAccents(x.name.toLowerCase()).includes(stripAccents(this.newCollection.toLowerCase())))
     },
   },
   methods: {

diff --git a/komga-webui/src/components/dialogs/ReadListAddToDialog.vue b/komga-webui/src/components/dialogs/ReadListAddToDialog.vue
@@ -77,6 +77,7 @@
 import Vue from 'vue'
 import {BookDto} from '@/types/komga-books'
 import {ERROR} from '@/types/events'
+import {stripAccents} from '@/functions/string'
 
 export default Vue.extend({
   name: 'ReadListAddToDialog',
@@ -121,7 +122,7 @@ export default Vue.extend({
       } else return ''
     },
     readListsFiltered(): ReadListDto[] {
-      return this.readLists.filter((x: ReadListDto) => x.name.toLowerCase().includes(this.newReadList.toLowerCase()))
+      return this.readLists.filter((x: ReadListDto) => stripAccents(x.name.toLowerCase()).includes(stripAccents(this.newReadList.toLowerCase())))
     },
   },
   methods: {

diff --git a/komga-webui/src/functions/string.ts b/komga-webui/src/functions/string.ts
@@ -0,0 +1,3 @@
+export function stripAccents(s: string): string {
+  return s.normalize('NFD').replace(/\p{Diacritic}/gu, '')
+}