add mock server for localhost.

source/control-panel/README.md

@@ -20,5 +20,16 @@ npm run build
 npm run lint
 ```
 
+### Mock server for localhost
+```
+npx json-server --watch mocks/data.json --routes mocks/routes.json --port 5000 --middlewares mocks/cors.js
+```
+
+- Public API URL: http://localhost:8080/api
+- Private API URL: http://localhost:8080/api
+- Event ID: 1
+
+Otherwise enter a dummy value.
+
 ### Customize configuration
 See [Configuration Reference](https://cli.vuejs.org/config/).

source/control-panel/mocks/cors.js

@@ -0,0 +1,15 @@
+module.exports = (req, res, next) => {
+  res.header('Access-Control-Allow-Origin', 'http://localhost:8080');
+  res.header('Access-Control-Allow-Credentials', 'true')
+  res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE')
+  res.header(
+    'Access-Control-Allow-Headers',
+    'Content-Type, Authorization, access_token'
+  )
+  // intercept OPTIONS method
+  if ('OPTIONS' === req.method) {
+    res.send(200)
+  } else {
+    next();
+  }
+}

source/control-panel/mocks/data.json

@@ -0,0 +1,22 @@
+{
+  "num_active_tokens_1": {
+    "active_tokens": 101
+  },
+  "waiting_num_1": {
+    "waiting_num": 11
+  },
+  "serving_num_1": {
+    "serving_counter": 201
+  },
+  "expired_tokens_1": ["abc", "def", "ghi", "jkl", "mno", "pqr", "stu", "vwx", "yz", "123"],
+  "num_active_tokens_abc": {
+    "active_tokens": 102
+  },
+  "waiting_num_abc": {
+    "waiting_num": 12
+  },
+  "serving_num_abc": {
+    "serving_counter": 202
+  },
+  "expired_tokens_abc": ["abc","def"]
+}

source/control-panel/mocks/routes.json

@@ -0,0 +1,7 @@
+{
+  "/api/*": "/$1",
+  "/num_active_tokens?event_id=:event_id": "/num_active_tokens_:event_id",
+  "/waiting_num?event_id=:event_id": "/waiting_num_:event_id",
+  "/serving_num?event_id=:event_id": "/serving_num_:event_id",
+  "/expired_tokens?event_id=:event_id": "/expired_tokens_:event_id"
+}

source/control-panel/vue.config.js

@@ -6,5 +6,14 @@
 module.exports = {
   publicPath: (process.env.NODE_ENV === 'production' ? '/control-panel/' : '/'),
   outputDir: 'dist/www/control-panel',
-  transpileDependencies: true
+  transpileDependencies: true,
+  devServer:{
+    proxy:{
+        '^/api':{
+            target: 'http://localhost:5000',
+            ws: true,
+            secure: false                
+        }
+    }
+  },
 };