feat: Add debounce on search field and remove included resources (#3646)

Author: iamareebjamal

app/components/tables/utilities/search-box.js

@@ -1,5 +1,18 @@
 import Component from '@ember/component';
+import { debounce } from '@ember/runloop';
+import { action } from '@ember/object';
 
 export default class extends Component {
 
+  debouncePeriod = 1000 // 1 second
+
+  setSearchQueryLazily(value) {
+    this.set('searchQuery', value);
+  }
+
+  @action
+  setSearchQuery(value) {
+    debounce(this, this.setSearchQueryLazily, value, this.debouncePeriod);
+  }
+
 }

app/controllers/admin/events/list.js

@@ -75,11 +75,6 @@ export default class extends Controller.extend(EmberTableControllerMixin) {
          cellComponent : 'ui-table/cell/cell-speakers-dashboard',
          width         : 90
        },
-       {
-         name          : 'Tickets',
-         valuePath     : 'tickets',
-         cellComponent : 'ui-table/cell/cell-tickets'
-       },
        {
          name          : 'Public URL',
          valuePath     : 'url',

app/controllers/events/list.js

@@ -51,11 +51,6 @@ export default class extends Controller.extend(EmberTableControllerMixin) {
         valuePath     : 'eventStatisticsGeneral',
         cellComponent : 'ui-table/cell/cell-speakers-dashboard'
       },
-      {
-        name          : 'Tickets',
-        valuePath     : 'tickets',
-        cellComponent : 'ui-table/cell/cell-tickets'
-      },
       {
         name          : 'Public URL',
         valuePath     : 'url',

app/routes/admin/events/list.js

@@ -117,10 +117,9 @@ export default class extends Route.extend(EmberTableRouteMixin) {
     }
 
     filterOptions = this.applySearchFilters(filterOptions, params, searchField);
-
     let queryString = {
       get_trashed    : true,
-      include        : 'tickets,sessions,speakers,owner,organizers,coorganizers,track-organizers,registrars,moderators',
+      include        : 'owner,organizers,coorganizers,track-organizers,registrars,moderators',
       filter         : filterOptions,
       'page[size]'   : params.per_page || 10,
       'page[number]' : params.page || 1

app/routes/events/list.js

@@ -83,7 +83,7 @@ export default class extends Route.extend(EmberTableRouteMixin) {
     }
     filterOptions = this.applySearchFilters(filterOptions, params, searchField);
     let queryString = {
-      include        : 'tickets,sessions,speakers,owner,organizers,coorganizers,track-organizers,registrars,moderators',
+      include        : 'owner,organizers,coorganizers,track-organizers,registrars,moderators',
       filter         : filterOptions,
       'page[size]'   : params.per_page || 10,
       'page[number]' : params.page || 4

app/templates/components/tables/utilities/search-box.hbs

@@ -1,4 +1,4 @@
 <div class="ui small icon input search-box">
-  {{input type="text" value=searchQuery placeholder="Search ..." }}
+  {{input type="text" value=(readonly searchQuery) keyUp=(action 'setSearchQuery' value="target.value") placeholder="Search ..." }}
   <i class="search icon"></i>
 </div>