FEATURE: part 2 of dashboard improvements

- moderation tab
- sorting/pagination
- improved third party reports support
- trending charts
- better perf
- many fixes
- refactoring
- new reports

Co-Authored-By: Simon Cossar <scossar@users.noreply.github.com>

app/assets/javascripts/admin/components/admin-report-table.js.es6

@@ -0,0 +1,147 @@
+import computed from "ember-addons/ember-computed-decorators";
+import { registerTooltip, unregisterTooltip } from "discourse/lib/tooltip";
+import { isNumeric } from "discourse/lib/utilities";
+
+const PAGES_LIMIT = 8;
+
+export default Ember.Component.extend({
+  classNameBindings: ["sortable", "twoColumns"],
+  classNames: ["admin-report-table"],
+  sortable: false,
+  sortDirection: 1,
+  perPage: Ember.computed.alias("options.perPage"),
+  page: 0,
+
+  didRender() {
+    this._super(...arguments);
+
+    unregisterTooltip($(".text[data-tooltip]"));
+    registerTooltip($(".text[data-tooltip]"));
+  },
+
+  willDestroyElement() {
+    this._super(...arguments);
+
+    unregisterTooltip($(".text[data-tooltip]"));
+  },
+
+  @computed("model.computedLabels.length")
+  twoColumns(labelsLength) {
+    return labelsLength === 2;
+  },
+
+  @computed("totalsForSample", "options.total", "model.dates_filtering")
+  showTotalForSample(totalsForSample, total, datesFiltering) {
+    // check if we have at least one cell which contains a value
+    const sum = totalsForSample
+      .map(t => t.value)
+      .compact()
+      .reduce((s, v) => s + v, 0);
+
+    return sum >= 1 && total && datesFiltering;
+  },
+
+  @computed("model.total", "options.total", "twoColumns")
+  showTotal(reportTotal, total, twoColumns) {
+    return reportTotal && total && twoColumns;
+  },
+
+  @computed("model.data.length")
+  showSortingUI(dataLength) {
+    return dataLength >= 5;
+  },
+
+  @computed("totalsForSampleRow", "model.computedLabels")
+  totalsForSample(row, labels) {
+    return labels.map(label => label.compute(row));
+  },
+
+  @computed("model.data", "model.computedLabels")
+  totalsForSampleRow(rows, labels) {
+    if (!rows || !rows.length) return {};
+
+    let totalsRow = {};
+
+    labels.forEach(label => {
+      const reducer = (sum, row) => {
+        const computedLabel = label.compute(row);
+        const value = computedLabel.value;
+
+        if (computedLabel.type === "link" || (value && !isNumeric(value))) {
+          return undefined;
+        } else {
+          return sum + value;
+        }
+      };
+
+      totalsRow[label.property] = rows.reduce(reducer, 0);
+    });
+
+    return totalsRow;
+  },
+
+  @computed("sortLabel", "sortDirection", "model.data.[]")
+  sortedData(sortLabel, sortDirection, data) {
+    data = Ember.makeArray(data);
+
+    if (sortLabel) {
+      const compare = (label, direction) => {
+        return (a, b) => {
+          let aValue = label.compute(a).value;
+          let bValue = label.compute(b).value;
+          const result = aValue < bValue ? -1 : aValue > bValue ? 1 : 0;
+          return result * direction;
+        };
+      };
+
+      return data.sort(compare(sortLabel, sortDirection));
+    }
+
+    return data;
+  },
+
+  @computed("sortedData.[]", "perPage", "page")
+  paginatedData(data, perPage, page) {
+    if (perPage < data.length) {
+      const start = perPage * page;
+      return data.slice(start, start + perPage);
+    }
+
+    return data;
+  },
+
+  @computed("model.data", "perPage", "page")
+  pages(data, perPage, page) {
+    if (!data || data.length <= perPage) return [];
+
+    let pages = [...Array(Math.ceil(data.length / perPage)).keys()].map(v => {
+      return {
+        page: v + 1,
+        index: v,
+        class: v === page ? "current" : null
+      };
+    });
+
+    if (pages.length > PAGES_LIMIT) {
+      const before = Math.max(0, page - PAGES_LIMIT / 2);
+      const after = Math.max(PAGES_LIMIT, page + PAGES_LIMIT / 2);
+      pages = pages.slice(before, after);
+    }
+
+    return pages;
+  },
+
+  actions: {
+    changePage(page) {
+      this.set("page", page);
+    },
+
+    sortByLabel(label) {
+      if (this.get("sortLabel") === label) {
+        this.set("sortDirection", this.get("sortDirection") === 1 ? -1 : 1);
+      } else {
+        this.set("sortLabel", label);
+      }
+    }
+  }
+});