From e5319662b8d8adb2345ed70a23d6b58d53620a36 Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Tue, 10 Mar 2020 00:50:55 +0100
Subject: [PATCH] Chart functions moved to /api.js

---
 src/api.js               | 17 +++++++++++++++++
 src/ui/PurchaseGraph.vue |  9 ++-------
 src/ui/WinGraph.vue      | 12 +++---------
 3 files changed, 22 insertions(+), 16 deletions(-)

diff --git a/src/api.js b/src/api.js
index 04502b5..a79cfca 100644
--- a/src/api.js
+++ b/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,
diff --git a/src/ui/PurchaseGraph.vue b/src/ui/PurchaseGraph.vue
index b274446..e25a409 100644
--- a/src/ui/PurchaseGraph.vue
+++ b/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;
-    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 response = await chartPurchaseByColor();
     let labels = [];
     let blue = {
       label: "Blå",
diff --git a/src/ui/WinGraph.vue b/src/ui/WinGraph.vue
index e5b575f..fc88a55 100644
--- a/src/ui/WinGraph.vue
+++ b/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;
-    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 response = await chartWinsByColor();
     let labels = ["Vunnet"];
     let blue = {
       label: "Blå",