Chart functions moved to /api.js

src/api.js

@@ -29,6 +29,21 @@ const overallWineStatistics = () => {
 }
 
 
+const chartWinsByColor = () => {
+  const url = new URL("/api/purchase/statistics/color", BASE_URL)
+
+  return fetch(url.href)
+    .then(resp => resp.json())
+}
+
+const chartPurchaseByColor = () => {
+  const url = new URL("/api/purchase/statistics", BASE_URL)
+
+  return fetch(url.href)
+    .then(resp => resp.json())
+}
+
+
 const prelottery = () => {
   const url = new URL("/api/wines/prelottery", BASE_URL)
 
@@ -150,6 +165,8 @@ export {
   colorStatistics,
   highscoreStatistics,
   overallWineStatistics,
+  chartWinsByColor,
+  chartPurchaseByColor,
   prelottery,
   log,
   logWines,

src/ui/PurchaseGraph.vue

@@ -7,18 +7,13 @@
 
 <script>
 import Chartjs from "chart.js";
+import { chartPurchaseByColor } from "@/api";
 
 export default {
   async mounted() {
     let canvas = this.$refs["purchase-chart"].getContext("2d");
 
-    let _response = undefined;
+    let response = await chartPurchaseByColor();
-    if (process.env.NODE_ENV == "development") {
-      _response = await fetch("http://localhost:30030/api/purchase/statistics");
-    } else {
-      _response = await fetch("/api/purchase/statistics");
-    }
-    let response = await _response.json();
     let labels = [];
     let blue = {
       label: "Blå",

src/ui/WinGraph.vue

@@ -5,19 +5,13 @@
 </template>
 
 <script>
+import { chartWinsByColor } from "@/api";
+
 export default {
   async mounted() {
     let canvas = this.$refs["win-chart"].getContext("2d");
 
-    let _response = undefined;
+    let response = await chartWinsByColor();
-    if (process.env.NODE_ENV == "development") {
-      _response = await fetch(
-        "http://localhost:30030/api/purchase/statistics/color"
-      );
-    } else {
-      _response = await fetch("/api/purchase/statistics/color");
-    }
-    let response = await _response.json();
     let labels = ["Vunnet"];
     let blue = {
       label: "Blå",