[F] Fix selected tab default value

[O] Disable graph smoothing
[+] Add a ve-line graph in graph comp.
2019-08-22 21:03:19 +08:00 · 2019-08-22 20:59:39 +08:00 · 2019-08-22 17:02:42 +08:00 · 2019-08-22 17:02:26 +08:00 · 2019-08-22 17:01:42 +08:00 · 2019-08-22 17:01:12 +08:00
56 changed files with 12106 additions and 675 deletions
@@ -0,0 +1,21 @@
+.DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>404: Redirecting...</title>
-    <meta http-equiv = "refresh" content = "0; url = https://vera.hydev.org/" />
-</head>
-<body>
-    404 Not Found! Redirecting to (<a href="https://vera.hydev.org">https://vera.hydev.org</a>)...
-    <script>
-        window.location.href = 'https://vera.hydev.org';
-    </script>
-</body>
-</html>
@@ -1 +0,0 @@
-demo.vera.hydev.org
@@ -0,0 +1,29 @@
+# veracross-analyzer
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Run your tests
+```
+npm run test
+```
+
+### Lints and fixes files
+```
+npm run lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).
@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/app'
+  ]
+};
@@ -1 +0,0 @@
-{"success":true,"data":{"assignments":[{"score_id":5593330,"id":322150,"assignment_id":322150,"assignment_type_id":3,"assignment_type":"Quiz","assignment_type_sort_key":3,"assignment_description":"2.3 Open Notes","grading_period":"Quarter 1","assignment_date_long":"Wed, Sep 11","due_date_long":"Wed, Sep 11","due_date":"Sep 11","due_day":"Wed","_date":"09/11/2019","include_in_calculated_grade":1,"num_attachments":0,"num_criteria":0,"num_feedback":0,"maximum_score":16,"points_possible":16,"raw_score":"14","percent_grade":"8750%","completion_status_id":3,"completion_status":"Complete","is_unread":1.0,"is_notification":0,"is_problem":0,"display_grade":1,"display_score":1,"display_maximum_score":1,"display_percent_grade":1,"display_points_possible":1,"allow_student_feedback":0},{"score_id":5584935,"id":321649,"assignment_id":321649,"assignment_type_id":3,"assignment_type":"Quiz","assignment_type_sort_key":3,"assignment_description":"2.2 Open Notes","grading_period":"Quarter 1","assignment_date_long":"Mon, Sep 09","due_date_long":"Mon, Sep 09","due_date":"Sep 09","due_day":"Mon","_date":"09/09/2019","include_in_calculated_grade":1,"num_attachments":0,"num_criteria":0,"num_feedback":0,"maximum_score":10,"points_possible":10,"raw_score":"6","percent_grade":"6000%","completion_status_id":3,"completion_status":"Complete","is_notification":0,"is_problem":0,"display_grade":1,"display_score":1,"display_maximum_score":1,"display_percent_grade":1,"display_points_possible":1,"allow_student_feedback":0},{"score_id":5602940,"id":322723,"assignment_id":322723,"assignment_type_id":2,"assignment_type":"Homework","assignment_type_sort_key":2,"assignment_description":"Autobiography","grading_period":"Quarter 1","assignment_date_long":"Wed, Sep 04","due_date_long":"Thu, Sep 05","due_date":"Sep 05","due_day":"Thu","_date":"09/05/2019","include_in_calculated_grade":1,"num_attachments":0,"num_criteria":0,"num_feedback":0,"maximum_score":10,"points_possible":10,"raw_score":"","percent_grade":"0%","completion_status_id":0,"completion_status":"Pending","is_notification":0,"is_problem":0,"display_grade":1,"display_score":1,"display_maximum_score":1,"display_percent_grade":1,"display_points_possible":1,"allow_student_feedback":0}],"attachments":[],"criteria":[],"criteria_grade_scale_levels":[]}}
@@ -1 +0,0 @@
-{"success":true,"data":{"assignments":[],"attachments":[],"criteria":[],"criteria_grade_scale_levels":[]}}
@@ -1 +0,0 @@
-{"success":true,"data":{"assignments":[],"attachments":[],"criteria":[],"criteria_grade_scale_levels":[]}}
@@ -1 +0,0 @@
-{"success":true,"data":{"assignments":[],"attachments":[],"criteria":[],"criteria_grade_scale_levels":[]}}
@@ -1 +0,0 @@
-{"success":true,"data":{"assignments":[],"attachments":[],"criteria":[],"criteria_grade_scale_levels":[]}}
@@ -1 +0,0 @@
-{"success":true,"data":{"assignments":[],"attachments":[],"criteria":[],"criteria_grade_scale_levels":[]}}
@@ -1,250 +0,0 @@
-{
-  "success": true,
-  "data": {
-    "user": {
-      "id": 1,
-      "schoolPersonPk": 109467,
-      "username": "ygui21",
-      "lastLogin": "Jun 5, 2020 1:28:51 PM",
-      "firstLogin": "Dec 2, 2019 7:31:15 PM",
-      "firstName": "Yijie",
-      "lastName": "Gui",
-      "graduationYear": 2021,
-      "emails": "ygui21@stjohnsprep.org",
-      "classes": "32451|32453|32458|32856|32872|32874|32878|32880|32882|32890|33070|33093|33121|33173|33337|33464|34174|34197|34199|34209"
-    },
-    "token": "Removed",
-    "courses": [
-      {
-        "level": "H",
-        "id_ci": 196,
-        "rating": {
-          "id_ci": 196,
-          "id_user": 1,
-          "userFullName": "Yijie]\u003d[Gui",
-          "ratings": [
-            5,
-            5,
-            3,
-            5,
-            4
-          ],
-          "comment": "Mr. Crowell\u0027s selected books for this course are very interesting, and the essay topics are generally unique too, allowing us to express our creativity. His lectures are also very in-depth, strengthening our understanding of the ideas that the authors wanted to express. However, the style of the classroom might be boring for some people. For grading fairness, I think it is very fair, but his standards are a little bit too high because achieving a perfect score for an essay is very much impossible."
-        },
-        "name": "English 3 H",
-        "teacherName": "Mr. Crowell",
-        "id": 33337,
-        "assignmentsId": 10934147,
-        "letterGrade": "A+",
-        "numericGrade": 97.14,
-        "status": "active"
-      },
-      {
-        "level": "AP",
-        "id_ci": 19,
-        "rating": {
-          "id_ci": 19,
-          "id_user": -1,
-          "userFullName": "Anonymous]\u003d[Student",
-          "ratings": [
-            5,
-            5,
-            5,
-            5,
-            5
-          ],
-          "comment": "Calculus made so much easier"
-        },
-        "name": "AP Calculus AB (Juniors)",
-        "teacherName": "Ms. Dobrowolski",
-        "id": 32453,
-        "assignmentsId": 10934142,
-        "letterGrade": "A+",
-        "numericGrade": 100.0,
-        "status": "active"
-      },
-      {
-        "level": "AP",
-        "id_ci": 251,
-        "rating": {
-          "id_ci": 251,
-          "id_user": 1,
-          "userFullName": "Yijie]\u003d[Gui",
-          "ratings": [
-            5,
-            5,
-            5,
-            5,
-            5
-          ],
-          "comment": "Cations go meow"
-        },
-        "name": "AP Chemistry",
-        "teacherName": "Ms. Stone",
-        "id": 33464,
-        "assignmentsId": 10934148,
-        "letterGrade": "A+",
-        "numericGrade": 100.0,
-        "status": "active"
-      },
-      {
-        "level": "AP",
-        "id_ci": 22,
-        "rating": {
-          "id_ci": 22,
-          "id_user": 1,
-          "userFullName": "Yijie]\u003d[Gui",
-          "ratings": [
-            5,
-            5,
-            5,
-            3,
-            4
-          ],
-          "comment": "Mr. Dankert can\u0027t really systematically teach, often he forgets to tell us something very important and then forgets that he forgot. The labs explained a lot of them very well."
-        },
-        "name": "AP Physics 1",
-        "teacherName": "Mr. Dankert",
-        "id": 32458,
-        "assignmentsId": 10934143,
-        "letterGrade": "A",
-        "numericGrade": 95.67,
-        "status": "active"
-      },
-      {
-        "level": "AP",
-        "id_ci": 18,
-        "rating": {
-          "id_ci": 18,
-          "id_user": 1,
-          "userFullName": "Yijie]\u003d[Gui",
-          "ratings": [
-            5,
-            5,
-            5,
-            5,
-            5
-          ],
-          "comment": "Psychology is the best, and most valuable class I\u0027ve ever taken! Everything is just so relatable to my life!"
-        },
-        "name": "AP Psychology",
-        "teacherName": "Mr. Emerson",
-        "id": 32451,
-        "assignmentsId": 10934141,
-        "letterGrade": "A+",
-        "numericGrade": 100.0,
-        "status": "active"
-      },
-      {
-        "level": "A",
-        "id_ci": 98,
-        "rating": {
-          "id_ci": 98,
-          "id_user": 1,
-          "userFullName": "Yijie]\u003d[Gui",
-          "ratings": [
-            5,
-            5,
-            5,
-            5,
-            5
-          ],
-          "comment": "Mr. Pynchon is very nice and encouraging."
-        },
-        "name": "US History A",
-        "teacherName": "Mr. Pynchon",
-        "id": 33093,
-        "assignmentsId": 10941280,
-        "letterGrade": "A+",
-        "numericGrade": 99.39,
-        "status": "active"
-      },
-      {
-        "level": "H",
-        "id_ci": 100,
-        "name": "US History H",
-        "teacherName": "Ms. Heath",
-        "id": 33096,
-        "assignmentsId": 10934144,
-        "status": "past"
-      },
-      {
-        "level": "A",
-        "id_ci": 134,
-        "name": "Relational Dynamics A",
-        "teacherName": "Mr. Reinbold",
-        "id": 33173,
-        "assignmentsId": 10934146,
-        "status": "past"
-      },
-      {
-        "level": "A",
-        "id_ci": 77,
-        "rating": {
-          "id_ci": 77,
-          "id_user": -1,
-          "userFullName": "Anonymous]\u003d[Student",
-          "ratings": [
-            5,
-            4,
-            5,
-            5,
-            3
-          ],
-          "comment": "Honestly, everything is great except that the grading is way too harsh for an Accelerated course."
-        },
-        "name": "Social Justice A",
-        "teacherName": "Mr. Reinbold",
-        "id": 33121,
-        "assignmentsId": 10934145,
-        "letterGrade": "A+",
-        "numericGrade": 97.0,
-        "status": "active"
-      },
-      {
-        "level": "Sport",
-        "name": "Yoga AS",
-        "teacherName": "Ms. Fanikos",
-        "id": 33070,
-        "assignmentsId": 10935189,
-        "status": "past"
-      },
-      {
-        "level": "Club",
-        "id_ci": 316,
-        "name": "HS Magic Trick Club 2019",
-        "teacherName": "Mr. Reinbold",
-        "id": 34174,
-        "assignmentsId": 10949139,
-        "status": "active"
-      },
-      {
-        "level": "Club",
-        "id_ci": 331,
-        "name": "HS Science \u0026amp; Technology 2019",
-        "teacherName": "Ms. Erwin",
-        "id": 34197,
-        "assignmentsId": 10952100,
-        "status": "active"
-      },
-      {
-        "level": "Club",
-        "id_ci": 333,
-        "name": "HS Computer Club 2019",
-        "teacherName": "Mr. Gilmore",
-        "id": 34199,
-        "assignmentsId": 10951448,
-        "status": "active"
-      },
-      {
-        "level": "Club",
-        "id_ci": 336,
-        "name": "HS Chinese Ambassadors Club 2019",
-        "teacherName": "Mrs. Mills",
-        "id": 34209,
-        "assignmentsId": 10953979,
-        "status": "active"
-      }
-    ]
-  }
-}
@@ -1,5 +0,0 @@
-<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=1024"><link rel=icon href=/logo@32px.png><title>Veracross Analyzer</title><link href=/css/app.72ceade9.css rel=preload as=style><link href=/js/app.c7702e9a.js rel=preload as=script><link href=/js/chunk-vendors.4383782d.js rel=preload as=script><link href=/css/app.72ceade9.css rel=stylesheet></head><body style="margin: 0"><noscript><strong>We're sorry but veracross-analyzer doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js></script><script src=https://cdn.jsdelivr.net/npm/v-charts/lib/index.min.js></script><link rel=stylesheet href=https://cdn.jsdelivr.net/npm/v-charts/lib/style.min.css><link rel=stylesheet href=https://unpkg.com/element-ui/lib/theme-chalk/index.css><link href="https://fonts.googleapis.com/css?family=Nunito+Sans&display=swap" rel=stylesheet><script src=/js/chunk-vendors.4383782d.js></script><script src=/js/app.c7702e9a.js></script></body><script async src="https://www.googletagmanager.com/gtag/js?id=G-Q615K1KFLC"></script><script>window.dataLayer = window.dataLayer || [];
-        function gtag(){dataLayer.push(arguments);}
-        gtag('js', new Date());
-
-        gtag('config', 'G-Q615K1KFLC');</script></html>
@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Redirecting...</title>
-    <meta http-equiv = "refresh" content = "0; url = https://vera.hydev.org/#info" />
-</head>
-<body>
-Redirecting to (<a href="https://vera.hydev.org/#info">https://vera.hydev.org/#info</a>)...
-<script>
-    window.location.href = 'https://vera.hydev.org/#info';
-</script>
-</body>
-</html>
@@ -0,0 +1,37 @@
+{
+  "name": "veracross-analyzer",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "core-js": "^2.6.5",
+    "echarts": "^4.2.1",
+    "element-ui": "^2.11.1",
+    "v-charts": "^1.19.0",
+    "vue": "^2.6.10",
+    "vue-class-component": "^7.0.2",
+    "vue-property-decorator": "^8.1.0"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "^3.10.0",
+    "@vue/cli-plugin-typescript": "^3.10.0",
+    "@vue/cli-service": "^3.10.0",
+    "node-sass": "^4.9.0",
+    "sass-loader": "^7.1.0",
+    "typescript": "^3.4.3",
+    "vue-template-compiler": "^2.6.10"
+  },
+  "postcss": {
+    "plugins": {
+      "autoprefixer": {}
+    }
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions"
+  ]
+}
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width,initial-scale=1.0">
+
+        <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+        <title>Veracross Analyzer</title>
+    </head>
+
+    <body style="margin: 0">
+        <noscript>
+            <strong>We're sorry but veracross-analyzer doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+        </noscript>
+
+        <div id="app"></div>
+
+        <!-- V-Charts -->
+        <script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/v-charts/lib/index.min.js"></script>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/v-charts/lib/style.min.css">
+
+        <!-- ElementUI -->
+        <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
+        <script src="https://unpkg.com/element-ui/lib/index.js"></script>
+    </body>
+</html>
@@ -0,0 +1,2 @@
+cd ../
+npm run serve
@@ -0,0 +1,8 @@
+#app
+{
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+}
@@ -0,0 +1,47 @@
+import {Component, Vue} from 'vue-property-decorator';
+import Login from '@/components/login/login';
+import Navigation from '@/components/navigation/navigation';
+import Overall from '@/pages/overall/overall';
+
+@Component({
+    components: {Login, Navigation, Overall},
+})
+export default class App extends Vue
+{
+    public showLogin: boolean = true;
+
+    public courses = null;
+
+    public selectedTab: string = "overall";
+
+    /**
+     * This is called when the user logs in.
+     *
+     * @param courses Courses Json
+     */
+    public onLogin(courses: any)
+    {
+        // Hide login bar
+        this.showLogin = false;
+
+        // Assign courses
+        this.courses = courses;
+
+        // Debug output TODO: Remove this
+        console.log(courses);
+    }
+
+    /**
+     * This is called when a navigation tab is clicked
+     *
+     * @param tab Tab name
+     */
+    public onNavigate(tab: string)
+    {
+        // Debug output TODO: Remove this
+        console.log(tab);
+
+        // Update selected tab
+        this.selectedTab = tab;
+    }
+}
@@ -0,0 +1,13 @@
+<template>
+    <div id="app">
+        <login v-if="showLogin" v-on:login:courses="onLogin"></login>
+        <navigation :courses="courses" v-on:navigation:select="onNavigate"></navigation>
+
+        <div id="app-content">
+            <overall v-if="selectedTab === 'overall'"></overall>
+        </div>
+    </div>
+</template>
+
+<script src="./app.ts" lang="ts"></script>
+<style src="./app.scss" lang="scss"></style>
@@ -0,0 +1,74 @@
+
+// Parent div for login
+#login
+{
+
+}
+
+// Parent overlay
+.login-overlay
+{
+    // Credit to w3schools.com:
+    // https://www.w3schools.com/howto/howto_js_fullscreen_overlay.asp
+
+    // Fill entire screen
+    height: 100%;
+    width: 100%;
+    left: 0;
+    top: 0;
+
+    // Stay in place
+    position: fixed;
+
+    // Sit on top layer
+    z-index: 1;
+
+    // Overlay color
+    background-color: rgba(0,0,0, 0.65);
+
+    // Disable horizontal scroll
+    overflow-x: hidden;
+
+    // Make it a table for vertical centering
+    display: table;
+}
+
+.login-vertical-center
+{
+    // Vertically center
+    display: table-cell;
+    vertical-align: middle;
+}
+
+// The user interacting panel
+.login-panel
+{
+    // Make it smaller
+    width: 256px;
+
+    // Center
+    margin-left: auto;
+    margin-right: auto;
+
+    // Borders
+    padding: 15px;
+    border-radius: 10px;
+    // box-shadow: 0 0 20px 0 white;
+    border: 1px solid #DCDFE6;
+
+    // Make it white
+    background-color: white;
+
+    // Input bars
+    .el-input
+    {
+        margin: 5px 0;
+    }
+
+    // Button
+    .el-button
+    {
+        margin: 5px 0;
+        width: 100%;
+    }
+}
@@ -0,0 +1,43 @@
+import {Component, Vue} from 'vue-property-decorator';
+import Constants from '@/constants';
+
+/**
+ * This component handles user login, and obtains data from the server.
+ */
+@Component({
+    components: {},
+})
+export default class Login extends Vue
+{
+    public username: any = '';
+    public password: any = '';
+
+    public loading: boolean = false;
+
+    /**
+     * On click, sends username and password to the server.
+     */
+    public onLoginClick()
+    {
+        // Make login button loading
+        this.loading = true;
+
+        // Fetch request TODO: Add username and password when the https server is ready.
+        fetch(`${Constants.API_URL}/veracross/courses`).then(res =>
+        {
+            // Get response body text
+            res.text().then(text =>
+            {
+                // Call custom event with courses info
+                this.$emit('login:courses', JSON.parse(text));
+            })
+        })
+        .catch(err =>
+        {
+            alert(err);
+
+            // Allow the user to retry
+            this.loading = false;
+        });
+    }
+}
@@ -0,0 +1,16 @@
+<template>
+    <div id="login" class="login-overlay">
+        <div class="login-vertical-center">
+            <div class="login-panel">
+                <img alt="Vue logo" src="../../assets/logo.png">
+                <h1>Veracross Analyzer</h1>
+                <el-input v-model="username" placeholder="School Username"></el-input>
+                <el-input v-model="password" placeholder="Veracross Password" show-password=""></el-input>
+                <el-button plain type="primary" @click="onLoginClick" :loading="loading">Login</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script src="./login.ts" lang="ts"></script>
+<style src="./login.scss" lang="scss"></style>
@@ -0,0 +1,5 @@
+.el-menu.centered li
+{
+    display: inline-block !important;
+    float: none !important;
+}
@@ -0,0 +1,30 @@
+import {Component, Prop, Vue} from 'vue-property-decorator';
+import Constants from '@/constants';
+
+/**
+ * This component is the top navigation bar
+ */
+@Component({
+    components: {},
+})
+export default class Navigation extends Vue
+{
+    public activeIndex: string = 'overall';
+
+    @Prop() courses: any;
+
+    /**
+     * This function is called when the selection changes.
+     *
+     * @param index The index selected
+     * @param indexPath The path of the index
+     */
+    public onSelect(index: string, indexPath: string)
+    {
+        // Update active index
+        this.activeIndex = index;
+
+        // Call custom event
+        this.$emit('navigation:select', this.activeIndex);
+    }
+}
@@ -0,0 +1,20 @@
+<template>
+    <div id="navigation">
+        <el-menu class="centered" :default-active="activeIndex" mode="horizontal" @select="onSelect">
+
+            <el-menu-item index="overall">Overall</el-menu-item>
+
+            <el-submenu index="courses">
+                <template slot="title">Courses</template>
+                <el-menu-item v-for="course in courses"
+                              :index="`course-${course.name}`"
+                              :key="course.name">{{course.name}}</el-menu-item>
+            </el-submenu>
+
+        </el-menu>
+        <div class="line"></div>
+    </div>
+</template>
+
+<script src="./navigation.ts" lang="ts"></script>
+<style src="./navigation.scss" lang="scss"></style>
@@ -0,0 +1,11 @@
+/**
+ * This class stores the static constants.
+ */
+export default class Constants
+{
+    /**
+     * Base url for api access
+     * TODO: Use https for actual usage
+     */
+    public static API_URL: string = 'http://cn2.hydev.org:24021/api';
+}
@@ -0,0 +1,18 @@
+import Vue from 'vue';
+import ElementUI from 'element-ui';
+const VCharts = require('v-charts');
+
+import App from './components/app/app.vue';
+
+Vue.config.productionTip = false;
+
+// Use Element UI
+Vue.use(ElementUI, {locale: 'en-us'});
+
+// Use VCharts
+Vue.use(VCharts);
+
+// Init app
+new Vue({
+  render: (h) => h(App),
+}).$mount('#app');
@@ -0,0 +1,19 @@
+import {Component, Vue} from 'vue-property-decorator';
+
+@Component({
+})
+export default class GraphOverall extends Vue
+{
+    public chartData =
+    {
+        columns: ['日期', '访问用户', '下单用户', '下单率'],
+        rows: [
+            { '日期': '1/1', '访问用户': 1393, '下单用户': 1093, '下单率': 0.32 },
+            { '日期': '1/2', '访问用户': 3530, '下单用户': 3230, '下单率': 0.26 },
+            { '日期': '1/3', '访问用户': 2923, '下单用户': 2623, '下单率': 0.76 },
+            { '日期': '1/4', '访问用户': 1723, '下单用户': 1423, '下单率': 0.49 },
+            { '日期': '1/5', '访问用户': 3792, '下单用户': 3492, '下单率': 0.323 },
+            { '日期': '1/6', '访问用户': 4593, '下单用户': 4293, '下单率': 0.78 }
+        ]
+    };
+}
@@ -0,0 +1,8 @@
+<template>
+    <div id="graph-overall">
+        <ve-line :data="chartData" :extend="{series: {smooth: false}}"></ve-line>
+    </div>
+</template>
+
+<script src="./graph-overall.ts" lang="ts"></script>
+<style src="./graph-overall.scss" lang="scss"></style>
@@ -0,0 +1,10 @@
+import {Component, Vue} from 'vue-property-decorator';
+import GraphOverall from '@/pages/overall/graph-overall/graph-overall';
+
+@Component({
+    components: {GraphOverall}
+})
+export default class Overall extends Vue
+{
+
+}
@@ -0,0 +1,9 @@
+<template>
+    <div id="overall">
+        <p>这是 Overall</p>
+        <graph-overall></graph-overall>
+    </div>
+</template>
+
+<script src="./overall.ts" lang="ts"></script>
+<style src="./overall.scss" lang="scss"></style>
@@ -0,0 +1,13 @@
+import Vue, { VNode } from 'vue';
+
+declare global {
+  namespace JSX {
+    // tslint:disable no-empty-interface
+    interface Element extends VNode {}
+    // tslint:disable no-empty-interface
+    interface ElementClass extends Vue {}
+    interface IntrinsicElements {
+      [elem: string]: any;
+    }
+  }
+}
@@ -0,0 +1,4 @@
+declare module '*.vue' {
+  import Vue from 'vue';
+  export default Vue;
+}
@@ -0,0 +1,39 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "strict": true,
+    "jsx": "preserve",
+    "importHelpers": true,
+    "moduleResolution": "node",
+    "experimentalDecorators": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "sourceMap": true,
+    "baseUrl": ".",
+    "types": [
+      "webpack-env"
+    ],
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "tests/**/*.ts",
+    "tests/**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}
@@ -0,0 +1,17 @@
+{
+  "defaultSeverity": "warning",
+  "linterOptions": {
+    "exclude": [
+      "node_modules/**"
+    ]
+  },
+  "rules": {
+    "indent": [true, "spaces", 4],
+    "curly": false,
+    "interface-name": false,
+    "no-consecutive-blank-lines": false,
+    "object-literal-sort-keys": false,
+    "ordered-imports": false,
+    "quotemark": [true, "single"]
+  }
+}
Author	SHA1	Message	Date
Hykilpikonna	2e27fcceb9	[F] Fix selected tab default value	2019-08-22 21:03:19 +08:00
Hykilpikonna	84f202ac9e	[O] Disable graph smoothing	2019-08-22 20:59:39 +08:00
Hykilpikonna	fba56b3eca	[+] Add a ve-line graph in graph comp.	2019-08-22 17:02:42 +08:00
Hykilpikonna	a3c2bf6139	[+] Add a graph in overall	2019-08-22 17:02:26 +08:00
Hykilpikonna	9997080c63	[+] Update the selected tab on event	2019-08-22 17:01:42 +08:00
Hykilpikonna	497875d56a	[+] Add an overall component	2019-08-22 17:01:12 +08:00
Hykilpikonna	79b50cc59c	[+] Import VCharts with Vue.use()	2019-08-22 17:00:41 +08:00
Hykilpikonna	9c474d4ecd	Merge branch 'styling' into feature	2019-08-22 16:27:09 +08:00
Hykilpikonna	32e616b65d	Merge branch 'optimization' into feature	2019-08-22 16:24:49 +08:00
Hykilpikonna	c19581e602	[O] Optimize error handling in login.ts	2019-08-22 16:24:32 +08:00
Hykilpikonna	91929df865	[-] Remove unnecessary event call	2019-08-22 16:24:07 +08:00
Hykilpikonna	fdeab0f2c9	[+] Create overall page element	2019-08-22 16:21:05 +08:00
Hykilpikonna	3a7c447058	[+] Import v-chars cdn	2019-08-22 16:20:38 +08:00
Hykilpikonna	9bc1618dc5	[+] Import v-charts	2019-08-22 16:20:18 +08:00
Hykilpikonna	08e98c140f	[+] Create a graph component	2019-08-22 15:48:14 +08:00
Hykilpikonna	70346aeece	[O] Center the navigation items	2019-08-22 15:36:12 +08:00
Hykilpikonna	2a69d9a1de	Merge branch 'styling'	2019-08-21 23:29:42 +08:00
Hykilpikonna	ecb418cc61	[+] Add a selectedTab field	2019-08-21 23:29:37 +08:00
Hykilpikonna	21850bca5d	[+] Add app content div	2019-08-21 23:29:20 +08:00
Hykilpikonna	a574dcd64a	[F] Fix body user agent margins	2019-08-21 23:27:14 +08:00
Hykilpikonna	06707403b7	Merge branch 'bug-fixes'	2019-08-21 23:17:51 +08:00
Hykilpikonna	c0d4eab637	[F] Fix the identifier for courses displaying as "course-[Object]"	2019-08-21 23:17:33 +08:00
Hykilpikonna	f1955b61ab	Merge branch 'feature'	2019-08-21 23:04:20 +08:00
Hykilpikonna	1a50ada15a	Merge branch 'styling'	2019-08-21 23:02:51 +08:00
Hykilpikonna	0043a16666	Merge branch 'bug-fixes'	2019-08-21 23:01:39 +08:00
Hykilpikonna	7562a0144c	[F] Fix active index not updating	2019-08-21 23:00:50 +08:00
Hykilpikonna	c22e38033e	[-] Remove glowing effect	2019-08-21 22:56:06 +08:00
Hykilpikonna	294480418c	[F] Fix login screen size on iPhone 5/SE	2019-08-21 22:55:55 +08:00
Hykilpikonna	fac4c86b2d	[F] Fix vertical center on mobile devices	2019-08-21 22:55:09 +08:00
Hykilpikonna	7aebde42b1	[+] Add some debug output	2019-08-21 16:29:22 +08:00
Hykilpikonna	10c994d6c2	[+] Call method in app.ts on navigate	2019-08-21 16:27:55 +08:00
Hykilpikonna	f82d1081f9	[+] Call custom event when a navigation item is selected	2019-08-21 16:24:43 +08:00
Hykilpikonna	d33e189934	Merge branch 'optimization'	2019-08-21 15:58:38 +08:00
Hykilpikonna	54f862ff13	[F] Fix "component lists rendered with v-for should have explicit keys"	2019-08-21 15:58:17 +08:00
Hykilpikonna	8cca38b55a	[O] Fix TSLint: " should be '	2019-08-21 15:56:56 +08:00
Hykilpikonna	22f3e208d8	Merge branch 'bug-fixes'	2019-08-21 15:49:27 +08:00
Hykilpikonna	615e4fa2cb	[F] Fix course name displaying as json	2019-08-21 15:48:39 +08:00
Hykilpikonna	c8b6292cb1	Merge branch 'feature'	2019-08-21 15:42:42 +08:00
Hykilpikonna	ebf9b0efc6	Merge branch 'styling'	2019-08-21 15:42:25 +08:00
Hykilpikonna	db0915ca0e	[F] Remove excessive margin-top in app.scss	2019-08-21 15:42:00 +08:00
Hykilpikonna	36b8857191	[+] Add navigation comp. to app.vue	2019-08-21 15:41:05 +08:00
Hykilpikonna	1dcb26cd25	[+] Import navigation in app.ts	2019-08-21 15:40:24 +08:00
Hykilpikonna	822a1fecc2	[+] Show courses with v-for	2019-08-21 15:40:06 +08:00
Hykilpikonna	7e73d6581b	[+] Add "courses" property to navigation comp.	2019-08-21 15:39:54 +08:00
Hykilpikonna	69b93d4356	[+] Create navigation bar component	2019-08-21 15:39:33 +08:00
Hykilpikonna	06f3c9614a	[+] Assign courses when user logged in	2019-08-21 15:06:01 +08:00
Hykilpikonna	8ef5993f56	[+] Add a courses field	2019-08-21 15:05:30 +08:00
Hykilpikonna	70d0ee6c29	[+] Hide login panel on login	2019-08-21 15:03:36 +08:00
Hykilpikonna	5bc3964649	Merge branch 'UI'	2019-08-21 14:58:20 +08:00
Hykilpikonna	aa64b2b4cd	[-] Remove disable loading because it is useless	2019-08-21 14:57:38 +08:00
Hykilpikonna	e7daac738d	[+] Enable and disable loading at appropriate time	2019-08-21 14:56:50 +08:00
Hykilpikonna	6b15b617cf	[F] Fix "Interpolation inside attributes has been removed"	2019-08-21 14:55:59 +08:00
Hykilpikonna	96f73cf31d	[+] Add login button loading switch	2019-08-21 14:52:39 +08:00
Hykilpikonna	ff82c3811f	[O] Add a glowing effect to the panel	2019-08-21 14:30:24 +08:00
Hykilpikonna	c4561d11a1	[O] Make the panel's background white	2019-08-21 14:26:26 +08:00
Hykilpikonna	7216cdb5c8	[O] Vertically center the login panel	2019-08-21 14:24:53 +08:00
Hykilpikonna	2e697904c9	[+] Add an overlay to the login panel	2019-08-21 14:19:39 +08:00
Hykilpikonna	4be24d59fd	[+] Create a field controling if login is shown	2019-08-21 14:06:15 +08:00
Hykilpikonna	53668f3cc2	[O] Move the logo into the login panel	2019-08-21 14:05:26 +08:00
Hykilpikonna	6d20b42447	[O] Add some borders to the login panel	2019-08-21 14:04:47 +08:00
Hykilpikonna	011db90677	[O] Center the login panel	2019-08-21 14:04:26 +08:00
Hykilpikonna	f7a43b3d86	[O] Make the login panel smaller	2019-08-21 14:04:13 +08:00
Hykilpikonna	d9dfef59a2	[O] Style the button to have the same width	2019-08-21 14:02:23 +08:00
Hykilpikonna	cea3c2724f	[O] Clarify comments	2019-08-21 14:01:25 +08:00
Hykilpikonna	19dfbd04b9	[+] Call back when the response text is ready	2019-08-19 20:22:13 +08:00
Hykilpikonna	e4bd1f7d50	[+] Fetch request	2019-08-19 20:22:00 +08:00
Hykilpikonna	ec467dc5e8	[U] Update base url	2019-08-19 20:21:11 +08:00
Hykilpikonna	2a723a5b06	[+] Create base url constant	2019-08-19 13:25:32 +08:00
Hykilpikonna	4a89b3c24c	[+] Create constants class	2019-08-19 13:25:20 +08:00
Hykilpikonna	2fa6f46869	[+] Add proper javadocs	2019-08-19 13:22:21 +08:00
Hykilpikonna	1cd30558ff	[+] Add onclick method to the login button	2019-08-19 13:22:11 +08:00
Hykilpikonna	b36336e024	[+] Add a login button	2019-08-19 13:21:33 +08:00
Hykilpikonna	80409bd753	[O] Add some margins to the input bars	2019-08-17 13:49:02 +08:00
Hykilpikonna	851503edc6	[F] Fix "Property is not defined on the instance but referenced during render."	2019-08-17 13:37:14 +08:00
Hykilpikonna	6da21fbced	[O] Change v-model names	2019-08-17 13:23:10 +08:00
Hykilpikonna	b0d6d78a7e	[+] Add proper comments for ElementUI imports	2019-08-17 12:51:55 +08:00
Hykilpikonna	ad7bd06b13	[+] Import style sheets for Element	2019-08-17 12:51:02 +08:00
Hykilpikonna	0d194dea06	[F] Add id to fix component import problem	2019-08-17 12:50:37 +08:00
Hykilpikonna	b0d35b5551	[-] Remove "tslint:recommended"	2019-08-17 12:32:14 +08:00
Hykilpikonna	a257675a36	[F] Fix invalid path	2019-08-17 12:31:57 +08:00
Hykilpikonna	189984d900	[+] Add a login element	2019-08-17 12:31:40 +08:00
Hykilpikonna	e51c0ac115	[+] Import login comp. in app.ts	2019-08-17 12:31:28 +08:00
Hykilpikonna	f0dff3c3f9	[+] Add el-inputs to login comp.	2019-08-17 12:31:14 +08:00
Hykilpikonna	162b915911	[+] Create login component	2019-08-17 12:30:49 +08:00
Hykilpikonna	ed1b843597	[+] Create run script	2019-08-17 12:30:26 +08:00
Hykilpikonna	c3419b9764	[U] Change language to english	2019-08-16 16:56:11 +08:00
Hykilpikonna	b687c50cfb	[+] Import ElementUI	2019-08-16 16:56:00 +08:00
Hykilpikonna	9cd0ba01f8	[O] Disable tslint check for curly braces	2019-08-16 16:42:19 +08:00
Hykilpikonna	634db4c906	[M] Move app into components dir	2019-08-16 16:42:03 +08:00
Hykilpikonna	1524303486	[O] Change the tslint indent to 4 spaces	2019-08-15 11:45:00 +08:00
Hykilpikonna	7133ac7f15	[U] Reimport app in main	2019-08-15 11:44:44 +08:00
Hykilpikonna	0e60153cc8	[M] Move app to app directory and separate the files	2019-08-15 11:44:32 +08:00
Hykilpikonna	9941dc95fe	[-] Remove hello world	2019-08-15 11:44:08 +08:00
Hykilpikonna	2e6b573d38	[U] Reformat index.html	2019-08-15 11:43:43 +08:00
Hykilpikonna	11573cb673	init	2019-08-15 10:35:19 +08:00
				`@@ -1 +0,0 @@`
				{"success":true,"data":{"assignments":[{"score_id":5593330,"id":322150,"assignment_id":322150,"assignment_type_id":3,"assignment_type":"Quiz","assignment_type_sort_key":3,"assignment_description":"2.3 Open Notes","grading_period":"Quarter 1","assignment_date_long":"Wed, Sep 11","due_date_long":"Wed, Sep 11","due_date":"Sep 11","due_day":"Wed","_date":"09/11/2019","include_in_calculated_grade":1,"num_attachments":0,"num_criteria":0,"num_feedback":0,"maximum_score":16,"points_possible":16,"raw_score":"14","percent_grade":"8750%","completion_status_id":3,"completion_status":"Complete","is_unread":1.0,"is_notification":0,"is_problem":0,"display_grade":1,"display_score":1,"display_maximum_score":1,"display_percent_grade":1,"display_points_possible":1,"allow_student_feedback":0},{"score_id":5584935,"id":321649,"assignment_id":321649,"assignment_type_id":3,"assignment_type":"Quiz","assignment_type_sort_key":3,"assignment_description":"2.2 Open Notes","grading_period":"Quarter 1","assignment_date_long":"Mon, Sep 09","due_date_long":"Mon, Sep 09","due_date":"Sep 09","due_day":"Mon","_date":"09/09/2019","include_in_calculated_grade":1,"num_attachments":0,"num_criteria":0,"num_feedback":0,"maximum_score":10,"points_possible":10,"raw_score":"6","percent_grade":"6000%","completion_status_id":3,"completion_status":"Complete","is_notification":0,"is_problem":0,"display_grade":1,"display_score":1,"display_maximum_score":1,"display_percent_grade":1,"display_points_possible":1,"allow_student_feedback":0},{"score_id":5602940,"id":322723,"assignment_id":322723,"assignment_type_id":2,"assignment_type":"Homework","assignment_type_sort_key":2,"assignment_description":"Autobiography","grading_period":"Quarter 1","assignment_date_long":"Wed, Sep 04","due_date_long":"Thu, Sep 05","due_date":"Sep 05","due_day":"Thu","_date":"09/05/2019","include_in_calculated_grade":1,"num_attachments":0,"num_criteria":0,"num_feedback":0,"maximum_score":10,"points_possible":10,"raw_score":"","percent_grade":"0%","completion_status_id":0,"completion_status":"Pending","is_notification":0,"is_problem":0,"display_grade":1,"display_score":1,"display_maximum_score":1,"display_percent_grade":1,"display_points_possible":1,"allow_student_feedback":0}],"attachments":[],"criteria":[],"criteria_grade_scale_levels":[]}}
				`@@ -1 +0,0 @@`
				`{"success":true,"data":{"assignments":[],"attachments":[],"criteria":[],"criteria_grade_scale_levels":[]}}`