integrate tagghether tags

Author: vdvibhu20

app/pods/components/contest/contest-content-list/component.js

@@ -12,7 +12,8 @@ export default class ContentList extends Component {
   @restartableTask fetchContentsTask = function *() {
     try {
       return yield this.store.query('content', { 
-        filter: this.filter,        
+        filter: this.filter,       
+        filterRelationships: this.filterRelationships, 
         page: this.page,
         contest_id: this.contest.id
       })

app/pods/components/practice-filter-component/component.js

@@ -7,24 +7,20 @@ import { alias } from '@ember/object/computed';
 
 export default class PracticeFilterComponent extends Component {
   @service store
+  @service api
 
   @alias('searchTagsTask.lastSuccessful.value') availableTags
 
   @computed('tags')
   get selectedTags() {
-    if (this.tags.length) {
-      return this.store.query('tag', {
-        filter: {
-          id: {
-            $in: this.tags
-          }
-        }
-      })
+    if (this.tags.length && (this.allTags && this.allTags.length)) {
+      return this.get('allTags').filter(tag => this.tags.includes(tag.id))
     }
   }
 
-  didReceiveAttrs() {
-    this.searchTagsTask.perform()
+  async didReceiveAttrs() {
+    const allTags = await this.searchTagsTask.perform()
+    this.set('allTags', allTags)
   }
 
   @action 
@@ -51,10 +47,11 @@ export default class PracticeFilterComponent extends Component {
 
   @restartableTask searchTagsTask = function *(query = '') {
     yield timeout(500)
-    return yield this.store.query('tag', {
-      filter: {
-        name: {
-          $iLike: `%${query}%`
+    return yield this.api.request('/tags', {
+      data: {
+        filter: {
+            "name like": `%${query}%`,
+            "is_active =": true
         }
       }
     })

app/pods/contests/contest/index/controller.js

@@ -28,16 +28,23 @@ export default class IndexController extends Controller {
       difficulty: {
         $in: this.difficulty
       },
-      tags: {
-        id: {
-          $in: this.tags
-        }
-      },
       name: {
         $iLike: `%${this.q}%`
       }
     }
   }
+
+  @computed('status','difficulty','tags', 'q')
+  get filterRelationships() {
+    return {
+      content_tags: {
+        tagId: {
+          $in: this.tags
+        }
+      }
+    }
+  }
+  
   @computed('contest.currentAttempt')
   get nextRoute() {
     return 'contests.contest.attempt'

app/pods/contests/contest/index/template.hbs

@@ -61,7 +61,8 @@
           @contest={{contest}}
           @page={{page}}
           @route='contests.contest.content'
-          @filter={{filter}} as |contents|>
+          @filter={{filter}}
+          @filterRelationships={{filterRelationships}} as |contents|>
           <PaginationPill 
             @pagination={{contents.meta.pagination}} 
             @setOffset={{action (mut offset)}} />

app/pods/practice/contest/index/controller.js

@@ -27,16 +27,22 @@ export default class ContestController extends Controller {
       difficulty: {
         $in: this.difficulty
       },
-      tags: {
-        id: {
-          $in: this.tags
-        }
-      },
       name: {
         $iLike: `%${this.q}%`
       }
     }
   }
+
+  @computed('status','difficulty','tags', 'q')
+  get filterRelationships() {
+    return {
+      content_tags: {
+        tagId: {
+          $in: this.tags
+        }
+      }
+    }
+  }
 
   @action
   setOffset(offset) {

app/pods/practice/contest/index/template.hbs

@@ -38,7 +38,8 @@
         @contest={{contest}}
         @page={{page}}
         @route='practice.contest.content'
-        @filter={{filter}} as |contents|>
+        @filter={{filter}}
+        @filterRelationships={{filterRelationships}} as |contents|>
         <PaginationPill 
           @pagination={{contents.meta.pagination}} 
           @setOffset={{action (mut offset)}} />