add tags filter in LibraryList & LibraryMap

src/pages/library/LibraryList.vue

@@ -18,10 +18,9 @@
 </template>
 
 <script>
-// FIXME let events bubble
 import { mapGetters } from 'vuex'
 
-import { searchInNode } from '@/store/utils'
+import { searchInNode, tagsInNode } from '@/store/utils'
 import { NodeView } from '@/components/nodes'
 
 
@@ -33,14 +32,16 @@ export default {
   },
 
   computed: {
-    ...mapGetters(['orderedTextsDepart', 'search']),
+    ...mapGetters(['orderedTextsDepart', 'search', 'tags']),
 
     filteredNodes () {
       if (!this.orderedTextsDepart) return {}
       const nodesGroups = {}
       const search = this.search.toLowerCase()
       Object.entries(this.orderedTextsDepart).forEach(([char, nodes]) => {
-        const filteredNodes = nodes.filter(node => searchInNode(search, node))
+        const filteredNodes = nodes
+          .filter(node => tagsInNode(this.tags, node.tags))
+          .filter(node => searchInNode(search, node))
         if (filteredNodes.length) {
           nodesGroups[char] = filteredNodes
         }

src/pages/library/LibraryMap.vue

@@ -21,7 +21,7 @@ import { randomUniform } from 'd3'
 import { forceSimulation, forceCollide, forceManyBody } from 'd3-force'
 import { mapGetters } from 'vuex'
 
-import { searchInNode } from '@/store/utils'
+import { searchInNode, tagsInNode } from '@/store/utils'
 import { MapZoom } from '@/components/layouts'
 import { NodeView } from '@/components/nodes'
 
@@ -42,13 +42,15 @@ export default {
   },
 
   computed: {
-    ...mapGetters(['search']),
+    ...mapGetters(['search', 'tags']),
 
     filteredNodes () {
       if (!this.nodes) return
       const search = this.search.toLowerCase()
       this.nodes.forEach(node => {
-        Object.assign(node, { hidden: !searchInNode(search, node.data) })
+        Object.assign(node, {
+          hidden: !(tagsInNode(this.tags, node.data.tags) && searchInNode(search, node.data))
+        })
       })
       return this.nodes
     }