Merge branch 'release/0.1.0'

Author: ruiming

build/webpack.base.conf.js

@@ -23,6 +23,7 @@ module.exports = {
     alias: {
       'vue$': 'vue/dist/vue.esm.js',
       '@': resolve('src'),
+      'src': path.resolve(__dirname, '../src')
     }
   },
   module: {

config/dev.env.js

@@ -3,5 +3,5 @@ var prodEnv = require('./prod.env')
 
 module.exports = merge(prodEnv, {
   NODE_ENV: '"development"',
-  API_ROOT: '"http://localhost:8000/api"'
+  API_ROOT: '"http://localhost:8000/api/v1"'
 })

package.json

@@ -1,6 +1,6 @@
 {
   "name": "onlinejudge-frontend",
-  "version": "1.0.0",
+  "version": "0.1.0",
   "description": "Frontend of OnlineJudge",
   "author": "ruiming <[email protected]>",
   "private": true,

src/App.vue

@@ -67,9 +67,9 @@ export default {
 }
 </script>
 
-<style>
+<style lang="scss">
 body {
-  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
+  font-family: var(--font-family-base);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   color: #333;

src/main.js

@@ -5,13 +5,14 @@ import ElementUI from 'element-ui'
 import moment from 'moment'
 import VueHead from 'vue-head'
 import VueCodeMirror from 'vue-codemirror'
-import App from './App'
-import router from './router'
-import store from './store'
-import './resource'
+import App from 'src/App'
+import router from 'src/router'
+import store from 'src/store'
+import 'src/resource'
 
 import 'element-ui/lib/theme-default/index.css'
 import 'normalize.css'
+import 'src/styles/variables.css'
 
 moment.locale('zh-cn')
 Vue.use(ElementUI)

src/pages/Home.vue

@@ -14,7 +14,7 @@
 
 <script>
 import { mapState } from 'vuex'
-import store from '../store'
+import store from 'src/store'
 export default {
   computed: {
     ...mapState({

src/pages/Problem/ProblemDetail.vue

@@ -54,12 +54,11 @@ export default {
     }
   },
   methods: {
-    // TODO Code type
     async submit () {
       await this.$store.dispatch('submitUserCode', {
         id: this.problem.id,
         code: this.code,
-        type: 'cc'
+        lang: 'cc'
       })
     }
   },

src/pages/Problem/index.vue

@@ -12,7 +12,7 @@
 
 <script>
 import { mapState } from 'vuex'
-import store from '../../store'
+import store from 'src/store'
 import ProblemDetail from './ProblemDetail'
 
 export default {

src/pages/ProblemSet.vue

@@ -8,7 +8,7 @@
 
 <script>
 import { mapState } from 'vuex'
-import store from '../store'
+import store from 'src/store'
 export default {
   computed: {
     ...mapState({

src/resource.js

@@ -1,14 +1,25 @@
-// Resource
-// 对接后端 Restful API
 import Vue from 'vue'
 import VueResource from 'vue-resource'
+import { Message } from 'element-ui'
 
 Vue.use(VueResource)
 Vue.http.options.root = process.env.API_ROOT
 
 const Problem = Vue.resource('problems{/id}')
 const Submission = Vue.resource('submissions{/id}')
 
+Vue.http.interceptors.push((request, next) => {
+  next(response => {
+    if (response.status !== 200) {
+      if (response.data !== null && response.data.message) {
+        Message.error(response.data.message)
+      } else {
+        Message.error(response.data)
+      }
+    }
+  })
+})
+
 export {
   Problem,
   Submission