Improvements to new community dashboard

- Limit dashboard to yearly,quarterly,monthly,weekly
- Always prefer UTC full days for reporting

app/assets/javascripts/admin/controllers/admin-dashboard-next.js.es6

@@ -5,12 +5,15 @@ import Report from "admin/models/report";
 
 export default Ember.Controller.extend({
   queryParams: ["period"],
-  period: "all",
+  period: "monthly",
   isLoading: false,
   dashboardFetchedAt: null,
   exceptionController: Ember.inject.controller("exception"),
   diskSpace: Ember.computed.alias("model.attributes.disk_space"),
 
+  availablePeriods: ["yearly", "quarterly", "monthly", "weekly"],
+
+
   fetchDashboard() {
     if (this.get("isLoading")) return;
 

app/assets/javascripts/admin/templates/dashboard_next.hbs

@@ -3,7 +3,7 @@
 <div class="community-health section">
   <div class="section-title">
     <h2>{{i18n "admin.dashboard.community_health"}}</h2>
-    {{period-chooser period=period action="changePeriod"}}
+    {{period-chooser period=period action="changePeriod" content=availablePeriods fullDay=true}}
   </div>
 
   <div class="section-body">

app/assets/javascripts/discourse/helpers/period-title.js.es6

@@ -12,21 +12,29 @@ export default htmlHelper((period, options) => {
   const title = I18n.t('filters.top.' + (TITLE_SUBS[period] || 'this_week'));
   if (options.hash.showDateRange) {
     var dateString = "";
+    let finish;
+
+    if (options.hash.fullDay) {
+      finish = moment().utc().subtract(1, 'days');
+    } else {
+      finish = moment();
+    }
+
     switch(period) {
       case 'yearly':
-        dateString = moment().subtract(1, 'year').format(I18n.t('dates.long_with_year_no_time')) + " - " + moment().format(I18n.t('dates.long_with_year_no_time'));
+        dateString = finish.clone().subtract(1, 'year').format(I18n.t('dates.long_with_year_no_time')) + " - " + finish.format(I18n.t('dates.long_with_year_no_time'));
         break;
       case 'quarterly':
-        dateString = moment().subtract(3, 'month').format(I18n.t('dates.long_no_year_no_time')) + " - " + moment().format(I18n.t('dates.long_no_year_no_time'));
+        dateString = finish.clone().subtract(3, 'month').format(I18n.t('dates.long_no_year_no_time')) + " - " + finish.format(I18n.t('dates.long_no_year_no_time'));
         break;
       case 'weekly':
-        dateString = moment().subtract(1, 'week').format(I18n.t('dates.long_no_year_no_time')) + " - " + moment().format(I18n.t('dates.long_no_year_no_time'));
+        dateString = finish.clone().subtract(1, 'week').format(I18n.t('dates.long_no_year_no_time')) + " - " + finish.format(I18n.t('dates.long_no_year_no_time'));
         break;
       case 'monthly':
-        dateString = moment().subtract(1, 'month').format(I18n.t('dates.long_no_year_no_time')) + " - " + moment().format(I18n.t('dates.long_no_year_no_time'));
+        dateString = finish.clone().subtract(1, 'month').format(I18n.t('dates.long_no_year_no_time')) + " - " + finish.format(I18n.t('dates.long_no_year_no_time'));
         break;
       case 'daily':
-        dateString = moment().format(I18n.t('dates.full_no_year_no_time'));
+        dateString = finish.clone().format(I18n.t('dates.full_no_year_no_time'));
         break;
     }
 

app/assets/javascripts/select-kit/components/period-chooser.js.es6

@@ -1,5 +1,5 @@
 import DropdownSelectBoxComponent from "select-kit/components/dropdown-select-box";
-import computed from "ember-addons/ember-computed-decorators";
+import computed, { on } from "ember-addons/ember-computed-decorators";
 
 export default DropdownSelectBoxComponent.extend({
   classNames: ["period-chooser"],
@@ -14,6 +14,14 @@ export default DropdownSelectBoxComponent.extend({
     return isExpanded ? "caret-up" : "caret-down";
   },
 
+
+  @on("didReceiveAttrs")
+  _setFullDay() {
+    this.get("headerComponentOptions").setProperties({fullDay: this.get("fullDay")});
+    this.get("rowComponentOptions").setProperties({fullDay: this.get("fullDay")});
+  },
+
+
   actions: {
     onSelect() {
       this.sendAction("action", this.get("computedValue"));

app/assets/javascripts/select-kit/templates/components/period-chooser/period-chooser-header.hbs

@@ -1,5 +1,5 @@
 <h2 class="selected-name" title={{title}}>
-  {{period-title value showDateRange=true}}
+  {{period-title value showDateRange=true fullDay=options.fullDay}}
 </h2>
 
 {{d-icon caretIcon class="caret-icon"}}

app/assets/javascripts/select-kit/templates/components/period-chooser/period-chooser-row.hbs

@@ -1,5 +1,5 @@
 <span class="selection-indicator"></span>
 
 <span class="period-title">
-  {{period-title value showDateRange=true}}
+  {{period-title value showDateRange=true fullDay=options.fullDay}}
 </span>