feat: ember table for mail logs

Author: abhinavk96

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

@@ -1,30 +1,42 @@
 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     : 'recipient',
-      title            : 'To',
-      disableSorting   : true,
-      disableFiltering : true
-    },
-    {
-      propertyName : 'time',
-      template     : 'components/ui-table/cell/admin/reports/system-logs/activity-logs/cell-time',
-      title        : 'Time'
-    },
-    {
-      propertyName     : 'action',
-      title            : 'Actions',
-      disableSorting   : true,
-      disableFiltering : true
-    },
-    {
-      propertyName     : 'message',
-      title            : 'Message',
-      template         : 'components/ui-table/cell/admin/reports/system-logs/mail-logs/cell-mail-message',
-      disableSorting   : true,
-      disableFiltering : true
-    }
-  ]
-});
+
+export default class extends Controller.extend(EmberTableControllerMixin) {
+  per_page = 100;
+  sort_by = 'time';
+  sort_dir = 'ASC';
+
+  @computed()
+  get columns() {
+    return [
+      {
+        name            : 'To',
+        valuePath       : 'recipient',
+        headerComponent : 'tables/headers/sort',
+        isSortable      : true
+      },
+      {
+        name            : 'Time',
+        valuePath       : 'time',
+        cellComponent   : 'ui-table/cell/admin/reports/system-logs/activity-logs/cell-time',
+        headerComponent : 'tables/headers/sort',
+        isSortable      : true
+      },
+      {
+        name            : 'Actions',
+        valuePath       : 'action',
+        headerComponent : 'tables/headers/sort',
+        isSortable      : true
+      },
+      {
+        name            : 'Message',
+        valuePath       : 'message',
+        extraValuePaths : ['subject'],
+        cellComponent   : 'ui-table/cell/admin/reports/system-logs/mail-logs/cell-mail-message'
+      }
+    ];
+  }
+
+}

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

@@ -1,14 +1,21 @@
 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('Mail Logs');
-  },
+  }
+
+  async model(params) {
+    const searchField = 'recipient';
+    let filterOptions = this.applySearchFilters([], params, searchField);
 
-  model() {
-    return this.store.query('mail', {
-      'page[size]' : 100,
-      sort         : '-time'
-    });
+    let queryString = {
+      filter         : filterOptions,
+      'page[size]'   : params.per_page || 100,
+      'page[number]' : params.page || 1
+    };
+    queryString = this.applySortFilters(queryString, params);
+    return this.asArray(this.store.query('mail', queryString));
   }
-});
+}

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

@@ -1,6 +1,13 @@
-{{events/events-table columns=columns data=model
-                      useNumericPagination=true
-                      showGlobalFilter=true
-                      showPageSize=true
-                      customGlobalFilter='recipient'
-}}
+{{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/activity-logs/cell-time.hbs

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

app/templates/components/ui-table/cell/admin/reports/system-logs/mail-logs/cell-mail-message.hbs

@@ -1,6 +1,6 @@
 <h5 class="ui header">
-  {{record.subject}}
+  {{extraRecords.subject}}
 </h5>
 <span>
-  {{sanitize record.message}}
+  {{sanitize record}}
 </span>