160 lines
4.6 KiB
JavaScript
160 lines
4.6 KiB
JavaScript
import { ajax } from 'discourse/lib/ajax';
|
|
import round from "discourse/lib/round";
|
|
import { fmt } from 'discourse/lib/computed';
|
|
|
|
const Report = Discourse.Model.extend({
|
|
reportUrl: fmt("type", "/admin/reports/%@"),
|
|
|
|
valueAt(numDaysAgo) {
|
|
if (this.data) {
|
|
const wantedDate = moment().subtract(numDaysAgo, "days").format("YYYY-MM-DD");
|
|
const item = this.data.find(d => d.x === wantedDate);
|
|
if (item) {
|
|
return item.y;
|
|
}
|
|
}
|
|
return 0;
|
|
},
|
|
|
|
valueFor(startDaysAgo, endDaysAgo) {
|
|
if (this.data) {
|
|
const earliestDate = moment().subtract(endDaysAgo, "days").startOf("day");
|
|
const latestDate = moment().subtract(startDaysAgo, "days").startOf("day");
|
|
var d, sum = 0, count = 0;
|
|
_.each(this.data, datum => {
|
|
d = moment(datum.x);
|
|
if (d >= earliestDate && d <= latestDate) {
|
|
sum += datum.y;
|
|
count++;
|
|
}
|
|
});
|
|
if (this.get("method") === "average" && count > 0) { sum /= count; }
|
|
return round(sum, -2);
|
|
}
|
|
},
|
|
|
|
todayCount: function() { return this.valueAt(0); }.property("data"),
|
|
yesterdayCount: function() { return this.valueAt(1); }.property("data"),
|
|
sevenDaysAgoCount: function() { return this.valueAt(7); }.property("data"),
|
|
thirtyDaysAgoCount: function() { return this.valueAt(30); }.property("data"),
|
|
|
|
lastSevenDaysCount: function() { return this.valueFor(1, 7); }.property("data"),
|
|
lastThirtyDaysCount: function() { return this.valueFor(1, 30); }.property("data"),
|
|
|
|
yesterdayTrend: function() {
|
|
const yesterdayVal = this.valueAt(1);
|
|
const twoDaysAgoVal = this.valueAt(2);
|
|
if (yesterdayVal > twoDaysAgoVal) {
|
|
return "trending-up";
|
|
} else if (yesterdayVal < twoDaysAgoVal) {
|
|
return "trending-down";
|
|
} else {
|
|
return "no-change";
|
|
}
|
|
}.property("data"),
|
|
|
|
sevenDayTrend: function() {
|
|
const currentPeriod = this.valueFor(1, 7);
|
|
const prevPeriod = this.valueFor(8, 14);
|
|
if (currentPeriod > prevPeriod) {
|
|
return "trending-up";
|
|
} else if (currentPeriod < prevPeriod) {
|
|
return "trending-down";
|
|
} else {
|
|
return "no-change";
|
|
}
|
|
}.property("data"),
|
|
|
|
thirtyDayTrend: function() {
|
|
if (this.get("prev30Days")) {
|
|
const currentPeriod = this.valueFor(1, 30);
|
|
if (currentPeriod > this.get("prev30Days")) {
|
|
return "trending-up";
|
|
} else if (currentPeriod < this.get("prev30Days")) {
|
|
return "trending-down";
|
|
}
|
|
}
|
|
return "no-change";
|
|
}.property("data", "prev30Days"),
|
|
|
|
icon: function() {
|
|
switch (this.get("type")) {
|
|
case "flags": return "flag";
|
|
case "likes": return "heart";
|
|
default: return null;
|
|
}
|
|
}.property("type"),
|
|
|
|
method: function() {
|
|
if (this.get("type") === "time_to_first_response") {
|
|
return "average";
|
|
} else {
|
|
return "sum";
|
|
}
|
|
}.property("type"),
|
|
|
|
percentChangeString(val1, val2) {
|
|
const val = ((val1 - val2) / val2) * 100;
|
|
if (isNaN(val) || !isFinite(val)) {
|
|
return null;
|
|
} else if (val > 0) {
|
|
return "+" + val.toFixed(0) + "%";
|
|
} else {
|
|
return val.toFixed(0) + "%";
|
|
}
|
|
},
|
|
|
|
changeTitle(val1, val2, prevPeriodString) {
|
|
const percentChange = this.percentChangeString(val1, val2);
|
|
var title = "";
|
|
if (percentChange) { title += percentChange + " change. "; }
|
|
title += "Was " + val2 + " " + prevPeriodString + ".";
|
|
return title;
|
|
},
|
|
|
|
yesterdayCountTitle: function() {
|
|
return this.changeTitle(this.valueAt(1), this.valueAt(2), "two days ago");
|
|
}.property("data"),
|
|
|
|
sevenDayCountTitle: function() {
|
|
return this.changeTitle(this.valueFor(1, 7), this.valueFor(8, 14), "two weeks ago");
|
|
}.property("data"),
|
|
|
|
thirtyDayCountTitle: function() {
|
|
return this.changeTitle(this.valueFor(1, 30), this.get("prev30Days"), "in the previous 30 day period");
|
|
}.property("data"),
|
|
|
|
dataReversed: function() {
|
|
return this.get("data").toArray().reverse();
|
|
}.property("data")
|
|
|
|
});
|
|
|
|
Report.reopenClass({
|
|
|
|
find(type, startDate, endDate, categoryId, groupId) {
|
|
return ajax("/admin/reports/" + type, {
|
|
data: {
|
|
start_date: startDate,
|
|
end_date: endDate,
|
|
category_id: categoryId,
|
|
group_id: groupId
|
|
}
|
|
}).then(json => {
|
|
// Add a percent field to each tuple
|
|
let maxY = 0;
|
|
json.report.data.forEach(row => {
|
|
if (row.y > maxY) maxY = row.y;
|
|
});
|
|
if (maxY > 0) {
|
|
json.report.data.forEach(row => row.percentage = Math.round((row.y / maxY) * 100));
|
|
}
|
|
const model = Report.create({ type: type });
|
|
model.setProperties(json.report);
|
|
return model;
|
|
});
|
|
}
|
|
});
|
|
|
|
export default Report;
|