Rename .js.es6 to .js in the admin application

2020-03-13 16:59:59 -04:00
parent ac48c4e562
commit e40e06d78c
269 changed files with 2 additions and 1 deletions
@@ -0,0 +1,57 @@
+import Component from "@ember/component";
+import loadScript from "discourse/lib/load-script";
+
+export default Component.extend({
+  tagName: "canvas",
+  type: "line",
+
+  refreshChart() {
+    const ctx = this.element.getContext("2d");
+    const model = this.model;
+    const rawData = this.get("model.data");
+
+    var data = {
+      labels: rawData.map(r => r.x),
+      datasets: [
+        {
+          data: rawData.map(r => r.y),
+          label: model.get("title"),
+          backgroundColor: `rgba(200,220,240,${this.type === "bar" ? 1 : 0.3})`,
+          borderColor: "#08C"
+        }
+      ]
+    };
+
+    const config = {
+      type: this.type,
+      data: data,
+      options: {
+        responsive: true,
+        tooltips: {
+          callbacks: {
+            title: context =>
+              moment(context[0].xLabel, "YYYY-MM-DD").format("LL")
+          }
+        },
+        scales: {
+          yAxes: [
+            {
+              display: true,
+              ticks: {
+                stepSize: 1
+              }
+            }
+          ]
+        }
+      }
+    };
+
+    this._chart = new window.Chart(ctx, config);
+  },
+
+  didInsertElement() {
+    loadScript("/javascripts/Chart.min.js").then(() =>
+      this.refreshChart.apply(this)
+    );
+  }
+});