feat: ember table for admin notificaition logs

Author: abhinavk96

app/controllers/admin/reports/system-logs/notification-logs.js

@@ -1,31 +1,36 @@
 import Controller from '@ember/controller';
+import { computed } from '@ember/object';
+import EmberTableControllerMixin from 'open-event-frontend/mixins/ember-table-controller';
 
-export default Controller.extend({
-  columns: [
-    {
-      propertyName     : 'user.first-name',
-      template         : 'components/ui-table/cell/admin/reports/system-logs/notification-logs/cell-for',
-      title            : 'For',
-      disableSorting   : true,
-      disableFiltering : true
-    },
-    {
-      propertyName : 'received-at',
-      template     : 'components/ui-table/cell/admin/reports/system-logs/notification-logs/cell-time',
-      title        : 'Time'
-    },
-    {
-      propertyName     : 'title',
-      title            : 'Actions',
-      disableSorting   : true,
-      disableFiltering : true
-    },
-    {
-      propertyName     : 'message',
-      title            : 'Message',
-      template         : 'components/ui-table/cell/admin/reports/system-logs/notification-logs/cell-sanitize',
-      disableSorting   : true,
-      disableFiltering : true
-    }
-  ]
-});
+
+export default class extends Controller.extend(EmberTableControllerMixin) {
+  per_page = 100;
+  sort_by = 'received-at';
+  sort_dir = 'ASC';
+  @computed()
+  get columns() {
+    return [
+      {
+        name          : 'For',
+        valuePath     : 'user',
+        cellComponent : 'ui-table/cell/admin/reports/system-logs/notification-logs/cell-for'
+      },
+      {
+        name            : 'Time',
+        valuePath       : 'receivedAt',
+        cellComponent   : 'ui-table/cell/admin/reports/system-logs/notification-logs/cell-time',
+        headerComponent : 'tables/headers/sort',
+        isSortable      : true
+      },
+      {
+        name      : 'Actions',
+        valuePath : 'title'
+      },
+      {
+        name          : 'Message',
+        valuePath     : 'message',
+        cellComponent : 'ui-table/cell/admin/reports/system-logs/notification-logs/cell-sanitize'
+      }
+    ];
+  }
+}

app/routes/admin/reports/system-logs/notification-logs.js

@@ -1,15 +1,23 @@
 import Route from '@ember/routing/route';
+import EmberTableRouteMixin from 'open-event-frontend/mixins/ember-table-route';
 
-export default Route.extend({
+export default class extends Route.extend(EmberTableRouteMixin) {
   titleToken() {
     return this.l10n.t('Notification Logs');
-  },
-
-  model() {
-    return this.store.query('notification', {
-      include      : 'user',
-      'page[size]' : 100,
-      sort         : '-received-at'
-    });
   }
-});
+
+
+  async  model(params) {
+    const searchField = 'title';
+    let filterOptions = this.applySearchFilters([], params, searchField);
+
+    let queryString = {
+      include        : 'user',
+      filter         : filterOptions,
+      'page[size]'   : params.per_page || 100,
+      'page[number]' : params.page || 1
+    };
+    queryString = this.applySortFilters(queryString, params);
+    return this.asArray(this.store.query('notification', queryString));
+  }
+}

app/templates/admin/reports/system-logs/notification-logs.hbs

@@ -1,5 +1,13 @@
-{{events/events-table columns=columns data=model
-                      useNumericPagination=true
-                      showGlobalFilter=true
-                      showPageSize=true
-}}
+{{tables/default  columns=columns
+                  rows=model.data
+                  currentPage=page
+                  pageSize=per_page
+                  searchQuery=search
+                  sortBy=sort_by
+                  sortDir=sort_dir
+                  metaData=model.meta
+                  filterOptions=filterOptions
+                  widthConstraint="eq-container"
+                  resizeMode="fluid"
+                  fillMode="equal-column"
+}}

app/templates/components/ui-table/cell/admin/reports/system-logs/notification-logs/cell-for.hbs

@@ -1,6 +1,6 @@
-{{#if (or record.user.firstName record.user.lastName)}}
-  {{record.user.firstName}} {{record.user.lastName}}
+{{#if (or record.firstName record.lastName)}}
+  {{record.firstName}} {{record.lastName}}
 {{else}}
   {{t 'No Name Provided'}}
 {{/if}}
-<div class="muted text">{{record.user.email}}</div>
+<div class="muted text">{{record.email}}</div>

app/templates/components/ui-table/cell/admin/reports/system-logs/notification-logs/cell-sanitize.hbs

@@ -1 +1 @@
-{{sanitize record.message}}
+{{sanitize record}}

app/templates/components/ui-table/cell/admin/reports/system-logs/notification-logs/cell-time.hbs

@@ -1 +1 @@
-{{moment-from-now record.receivedAt}}
+{{moment-from-now record}}