From 429de6553bd0f73c0e1ae08ad365a6b3adec4c76 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Sat, 9 Nov 2019 20:55:39 -0500
Subject: [PATCH] [+] Create course-type-radar

---
 .../course-type-radar/course-type-radar.ts    | 52 +++++++++++++++++++
 .../course-type-radar/course-type-radar.vue   | 16 ++++++
 2 files changed, 68 insertions(+)
 create mode 100644 src/pages/course/course-type-radar/course-type-radar.ts
 create mode 100644 src/pages/course/course-type-radar/course-type-radar.vue

diff --git a/src/pages/course/course-type-radar/course-type-radar.ts b/src/pages/course/course-type-radar/course-type-radar.ts
new file mode 100644
index 0000000..a4ed211
--- /dev/null
+++ b/src/pages/course/course-type-radar/course-type-radar.ts
@@ -0,0 +1,52 @@
+import {Component, Prop, Vue} from 'vue-property-decorator';
+import Constants from '@/constants';
+import {FormatUtils} from '@/logic/utils/format-utils';
+import moment from 'moment';
+import Course, {Assignment} from '@/logic/course';
+
+@Component
+export default class CourseTypeRadar extends Vue
+{
+    @Prop({required: true}) course: Course;
+
+    /**
+     * Override options
+     *
+     * @param options Original options (Unused)
+     */
+    afterConfig(options: any)
+    {
+        return this.chartSettings;
+    }
+
+    /**
+     * Generate settings
+     */
+    get chartSettings()
+    {
+        // Create settings
+        let settings =
+        {
+            // Color
+            color: Constants.THEME.colors,
+
+            // Title
+            title:
+            {
+                show: true,
+                textStyle:
+                {
+                    fontSize: 13
+                },
+                text: 'Assignments',
+                subtext: 'Assignment scores for ' + this.course.name,
+                x: 'center'
+            },
+
+            // Data
+            series: {}
+        };
+
+        return settings;
+    }
+}
diff --git a/src/pages/course/course-type-radar/course-type-radar.vue b/src/pages/course/course-type-radar/course-type-radar.vue
new file mode 100644
index 0000000..e719180
--- /dev/null
+++ b/src/pages/course/course-type-radar/course-type-radar.vue
@@ -0,0 +1,16 @@
+<template>
+    <div id="course-scatter">
+        <ve-radar height="450px" class="graph" :extend="{heyIUsedCourseObject: this.course.name}" :after-config="afterConfig"></ve-radar>
+    </div>
+</template>
+
+<script src="./course-type-radar.ts" lang="ts"></script>
+<style lang="scss" scoped>
+    #overall-bar
+    {
+        .graph
+        {
+            margin-top: 50px;
+        }
+    }
+</style>