From 5d255cca0f892d7ee662193df785987d69b9285b Mon Sep 17 00:00:00 2001
From: zhangtianli2006 <49156174+zhangtianli2006@users.noreply.github.com>
Date: Tue, 28 Jul 2020 17:10:14 +0800
Subject: [PATCH 1/7] fix api port problem

Signed-off-by: zhangtianli2006 <49156174+zhangtianli2006@users.noreply.github.com>
---
 src/components/problem/content.vue | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/components/problem/content.vue b/src/components/problem/content.vue
index 8e6a5135..b1e0178a 100644
--- a/src/components/problem/content.vue
+++ b/src/components/problem/content.vue
@@ -81,13 +81,9 @@ export default {
   methods: {
     loadproblem() {
       this.$axios
-        .get(apiurl('/problem/content'), {
-          params: {
-            pid: this.$route.params.id
-          }
-        })
+        .get(apiurl('/problem/' + String(this.$route.params.id)))
         .then(res => {
-          let data = res.data;
+          let data = res.data.res;
           this.title = data.title;
           this.pid = data.pid;
           this.allowHTML = data.allow_html;

From 5adf84772a0205ccc6b49bcee466e5806ea2f3e4 Mon Sep 17 00:00:00 2001
From: zhangtianli2006 <49156174+zhangtianli2006@users.noreply.github.com>
Date: Tue, 28 Jul 2020 18:51:01 +0800
Subject: [PATCH 2/7] add back button in problem page

Signed-off-by: zhangtianli2006 <49156174+zhangtianli2006@users.noreply.github.com>
---
 src/components/problem/content.vue | 30 ++++++++++++++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/src/components/problem/content.vue b/src/components/problem/content.vue
index b1e0178a..7f552b09 100644
--- a/src/components/problem/content.vue
+++ b/src/components/problem/content.vue
@@ -55,9 +55,21 @@
                   </el-menu-item>
                 </el-submenu>
               </el-menu>
+              <el-button @click="$router.push('/problem/list');">Back</el-button>
             </el-col>
           </el-row>
         </div>
+        <div id="info">
+          <el-card shadow="never">
+            <div slot="header" class="clearfix">Information</div>
+            <el-divider class="divider" content-position="left">Name</el-divider>
+            <div class="tool-content">{{title}}</div>
+            <el-divider class="divider" content-position="left">PID</el-divider>
+            <div class="tool-content">{{pid}}</div>
+            <el-divider class="divider" content-position="left">Enabled</el-divider>
+            <div class="tool-content">{{enable}}</div>
+          </el-card>
+        </div>
       </div>
     </div>
   </div>
@@ -72,10 +84,11 @@ export default {
   data() {
     return {
       description: null,
-      title: null,
+      title: 'problem',
       pid: this.$route.params.id,
       allowHTML: false,
-      isWider: false
+      isWider: false,
+      enable: true
     };
   },
   methods: {
@@ -88,6 +101,7 @@ export default {
           this.pid = data.pid;
           this.allowHTML = data.allow_html;
           this.description = data.description;
+          this.enable = data.enabled;
         })
         .catch(err => {
           if(err.request.status === 404) {
@@ -167,4 +181,16 @@ export default {
 #full-screen-button:hover {
     cursor: pointer;
 }
+
+#info {
+    margin-top: 30px;
+}
+
+.divider {
+    margin: 15px 0;
+}
+
+.tool-content {
+    color: #606266;
+}
 </style>

From 45d9089c8a444bd8d5e3119e604bfcfa66e420a6 Mon Sep 17 00:00:00 2001
From: zhangtianli2006 <49156174+zhangtianli2006@users.noreply.github.com>
Date: Tue, 28 Jul 2020 19:11:11 +0800
Subject: [PATCH 3/7] add icon

Signed-off-by: zhangtianli2006 <49156174+zhangtianli2006@users.noreply.github.com>
---
 src/components/problem/content.vue | 46 +++++++++++-------------------
 1 file changed, 17 insertions(+), 29 deletions(-)

diff --git a/src/components/problem/content.vue b/src/components/problem/content.vue
index 7f552b09..14a4f36f 100644
--- a/src/components/problem/content.vue
+++ b/src/components/problem/content.vue
@@ -19,40 +19,28 @@
         <div id="tools">
           <el-row>
             <el-col>
-              <div>Tool Bar</div>
+              <div><i class="el-icon-s-tools" /> Tool Bar</div>
               <el-menu default-active="3">
                 <el-menu-item index="3" @click="$router.push('/problem/' + $route.params.id +'/submit');">
-                  <span slot="title">Submit</span>
+                  <span slot="title" class="text-bold"><i class="el-icon-upload2" /> Submit</span>
                 </el-menu-item>
                 <el-submenu index="0">
-                  <template slot="title">Statistics</template>
-                  <el-menu-item index="0-0">
-                    Submissions
-                  </el-menu-item>
-                  <el-menu-item index="0-1">
-                    Statistics
-                  </el-menu-item>
+                  <template slot="title"><div class="text-bold"><i class="el-icon-s-order" /> Statistics</div></template>
+                  <el-menu-item index="0-0">Submissions</el-menu-item>
+                  <el-menu-item index="0-1">Statistics</el-menu-item>
                 </el-submenu>
                 <el-submenu index="1">
-                  <template slot="title">Discuss</template>
-                  <el-menu-item index="1-0">
-                    Discussions
-                  </el-menu-item>
-                  <el-menu-item index="1-1">
-                    Solutions
-                  </el-menu-item>
+                  <template slot="title"><div class="text-bold"><i class="el-icon-s-comment" /> Discuss</div></template>
+                  <el-menu-item index="1-0">Discussions</el-menu-item>
+                  <el-menu-item index="1-1">Solutions</el-menu-item>
                 </el-submenu>
                 <el-submenu index="2">
-                  <template slot="title">Edit</template>
+                  <template slot="title"><div class="text-bold"><i class="el-icon-edit" /> Edit</div></template>
                   <el-menu-item index="2-0" @click="$router.push('/problem/' + $route.params.id +'/edit');">
                     Edit
                   </el-menu-item>
-                  <el-menu-item index="2-1">
-                    Delete
-                  </el-menu-item>
-                  <el-menu-item index="2-2">
-                    Settings
-                  </el-menu-item>
+                  <el-menu-item index="2-1">Delete</el-menu-item>
+                  <el-menu-item index="2-2">Settings</el-menu-item>
                 </el-submenu>
               </el-menu>
               <el-button @click="$router.push('/problem/list');">Back</el-button>
@@ -61,12 +49,12 @@
         </div>
         <div id="info">
           <el-card shadow="never">
-            <div slot="header" class="clearfix">Information</div>
-            <el-divider class="divider" content-position="left">Name</el-divider>
+            Information
+            <el-divider class="divider">Name</el-divider>
             <div class="tool-content">{{title}}</div>
-            <el-divider class="divider" content-position="left">PID</el-divider>
-            <div class="tool-content">{{pid}}</div>
-            <el-divider class="divider" content-position="left">Enabled</el-divider>
+            <el-divider class="divider">PID</el-divider>
+            <div class="tool-content">#. {{pid}}</div>
+            <el-divider class="divider">Enabled</el-divider>
             <div class="tool-content">{{enable}}</div>
           </el-card>
         </div>
@@ -187,7 +175,7 @@ export default {
 }
 
 .divider {
-    margin: 15px 0;
+    margin: 20px 0;
 }
 
 .tool-content {

From baf0e17e1a098b9ca7dcf46e62a2b3525ea16108 Mon Sep 17 00:00:00 2001
From: zhangtianli2006 <49156174+zhangtianli2006@users.noreply.github.com>
Date: Tue, 28 Jul 2020 19:20:01 +0800
Subject: [PATCH 4/7] add icon

Signed-off-by: zhangtianli2006 <49156174+zhangtianli2006@users.noreply.github.com>
---
 src/assets/css/theme.css           | 4 ++++
 src/components/problem/content.vue | 3 ++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/assets/css/theme.css b/src/assets/css/theme.css
index 5693f03d..3b27416d 100644
--- a/src/assets/css/theme.css
+++ b/src/assets/css/theme.css
@@ -69,3 +69,7 @@ a:hover {
     font-family: "Fira Code";
     color: #cc6666;
 }
+
+.el-card {
+    color: #606266;
+}
diff --git a/src/components/problem/content.vue b/src/components/problem/content.vue
index 14a4f36f..edb53d7e 100644
--- a/src/components/problem/content.vue
+++ b/src/components/problem/content.vue
@@ -49,7 +49,7 @@
         </div>
         <div id="info">
           <el-card shadow="never">
-            Information
+            <div><i class="el-icon-info" /> Information </div>
             <el-divider class="divider">Name</el-divider>
             <div class="tool-content">{{title}}</div>
             <el-divider class="divider">PID</el-divider>
@@ -158,6 +158,7 @@ export default {
 }
 
 #tools {
+    width: 200px;
     padding: 20px;
     border: 1px solid #e4e7ed;
 }

From 21a6acfe260c4ba3e903af90c5d526ae6e69b315 Mon Sep 17 00:00:00 2001
From: zhangtianli2006 <49156174+zhangtianli2006@users.noreply.github.com>
Date: Tue, 28 Jul 2020 19:39:31 +0800
Subject: [PATCH 5/7] add icon

Signed-off-by: zhangtianli2006 <49156174+zhangtianli2006@users.noreply.github.com>
---
 src/components/page/navbar.vue     | 4 ++--
 src/components/problem/content.vue | 4 ++--
 src/components/user/content.vue    | 8 ++++----
 src/components/user/login.vue      | 9 +++++++--
 4 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/components/page/navbar.vue b/src/components/page/navbar.vue
index d64afbfc..57049b2f 100644
--- a/src/components/page/navbar.vue
+++ b/src/components/page/navbar.vue
@@ -11,8 +11,8 @@
         text-color="#fff"
         active-text-color="rgb(233, 233, 235)"
       >
-        <el-menu-item index="/">Home</el-menu-item>
-        <el-menu-item index="/problem/list">Problem List</el-menu-item>
+        <el-menu-item index="/"><i class="el-icon-s-home" /> Home</el-menu-item>
+        <el-menu-item index="/problem/list"><i class="el-icon-s-order" />Problem List</el-menu-item>
         <el-submenu index="2" id="user">
           <template slot="title">
               <el-avatar shape="square" v-if="this.$store.state.user.authenticated">
diff --git a/src/components/problem/content.vue b/src/components/problem/content.vue
index edb53d7e..1ec62343 100644
--- a/src/components/problem/content.vue
+++ b/src/components/problem/content.vue
@@ -25,12 +25,12 @@
                   <span slot="title" class="text-bold"><i class="el-icon-upload2" /> Submit</span>
                 </el-menu-item>
                 <el-submenu index="0">
-                  <template slot="title"><div class="text-bold"><i class="el-icon-s-order" /> Statistics</div></template>
+                  <template slot="title"><div class="text-bold"><i class="el-icon-pie-chart" /> Statistics</div></template>
                   <el-menu-item index="0-0">Submissions</el-menu-item>
                   <el-menu-item index="0-1">Statistics</el-menu-item>
                 </el-submenu>
                 <el-submenu index="1">
-                  <template slot="title"><div class="text-bold"><i class="el-icon-s-comment" /> Discuss</div></template>
+                  <template slot="title"><div class="text-bold"><i class="el-icon-chat-line-round" /> Discuss</div></template>
                   <el-menu-item index="1-0">Discussions</el-menu-item>
                   <el-menu-item index="1-1">Solutions</el-menu-item>
                 </el-submenu>
diff --git a/src/components/user/content.vue b/src/components/user/content.vue
index fe53eaf9..7614e8e6 100644
--- a/src/components/user/content.vue
+++ b/src/components/user/content.vue
@@ -7,19 +7,19 @@
     </div>
     <div id="info">
       <el-card shadow="never">
-        <div slot="header" class="clearfix">User Name</div>
+        <div slot="header" class="clearfix"><i class="el-icon-user" /> User Name</div>
         {{username}}
       </el-card>
       <el-card shadow="never" class="item">
-        <div slot="header" class="clearfix">Email</div>
+        <div slot="header" class="clearfix"><i class="el-icon-message" /> Email</div>
         {{email}}
       </el-card>
       <el-card shadow="never" class="item">
-        <div slot="header" class="clearfix">Sloved</div>
+        <div slot="header" class="clearfix"><i class="el-icon-check" /> Sloved</div>
         {{solved}} Problems
       </el-card>
       <el-card shadow="never" class="item">
-        <div slot="header" class="clearfix">Introduction</div>
+        <div slot="header" class="clearfix"><i class="el-icon-chat-line-square" /> Introduction</div>
         <MarkdownContainer v-if="introduction" :content="introduction"/>
       </el-card>
     </div>
diff --git a/src/components/user/login.vue b/src/components/user/login.vue
index 13cf0aff..94a73ede 100644
--- a/src/components/user/login.vue
+++ b/src/components/user/login.vue
@@ -2,10 +2,12 @@
   <div>
     <el-dialog title="Login" :visible.sync="$store.state.user.showlogin" :destroy-on-close="true" :close-on-click-modal="false" width="500px">
       <el-form :model="ldata" ref="loginForm" :rules="rules" :status-icon="true">
-        <el-form-item label="Username" prop="username">
+        <div class="icon-lable"><i class="el-icon-user" /> Username</div>
+        <el-form-item prop="username">
           <el-input v-model="ldata.username"></el-input>
         </el-form-item>
-        <el-form-item label="Password" prop="password">
+        <div class="icon-lable"><i class="el-icon-lock" /> Password</div>
+        <el-form-item prop="password">
           <el-input type="password" v-model="ldata.password"></el-input>
         </el-form-item>
         <el-form-item>
@@ -100,4 +102,7 @@ export default {
 </script>
 
 <style scoped>
+.icon-lable {
+    margin-bottom: 5px;
+}
 </style>

From 4f69fb6a690bdb46266c2d09ceaf13403f962b11 Mon Sep 17 00:00:00 2001
From: zhangtianli2006 <49156174+zhangtianli2006@users.noreply.github.com>
Date: Tue, 28 Jul 2020 21:03:40 +0800
Subject: [PATCH 6/7] add limitaion of problems and add hidden tag

Signed-off-by: zhangtianli2006 <49156174+zhangtianli2006@users.noreply.github.com>
---
 src/assets/css/basic.css           |  2 +-
 src/components/problem/content.vue | 39 ++++++++++++++++++++++++------
 src/components/problem/list.vue    | 11 ++++++++-
 3 files changed, 43 insertions(+), 9 deletions(-)

diff --git a/src/assets/css/basic.css b/src/assets/css/basic.css
index 5ae6f4c8..95752f2f 100644
--- a/src/assets/css/basic.css
+++ b/src/assets/css/basic.css
@@ -151,5 +151,5 @@ body {
 }
 
 * {
-    border-radius: 0 !important;
+    border-radius: 0px !important;
 }
diff --git a/src/components/problem/content.vue b/src/components/problem/content.vue
index 1ec62343..a874f0ad 100644
--- a/src/components/problem/content.vue
+++ b/src/components/problem/content.vue
@@ -10,7 +10,8 @@
           Fold
           <i class="el-icon-arrow-left"></i>
         </div>
-        <div style="display: flex;">
+        <div class="flex-header">
+          <el-tag v-if="hidden" type="warning" id="hidden-problem" effect="dark">Hidden</el-tag>
           <h1 id="title" class="header">#{{pid}}. {{ title }}</h1>
         </div>
         <MarkdownContainer v-if="description" :content="description" :allowHTML="this.allowHTML"/>
@@ -53,9 +54,14 @@
             <el-divider class="divider">Name</el-divider>
             <div class="tool-content">{{title}}</div>
             <el-divider class="divider">PID</el-divider>
-            <div class="tool-content">#. {{pid}}</div>
-            <el-divider class="divider">Enabled</el-divider>
-            <div class="tool-content">{{enable}}</div>
+            <div class="tool-content">#{{pid}}</div>
+          </el-card>
+          <el-card shadow="never" class="margin-top">
+            <div><i class="el-icon-menu" /> Limitation </div>
+            <el-divider class="divider">Time</el-divider>
+            <div class="tool-content">{{time}} MS</div>
+            <el-divider class="divider">Memery</el-divider>
+            <div class="tool-content">{{memery}} MB</div>
           </el-card>
         </div>
       </div>
@@ -76,7 +82,10 @@ export default {
       pid: this.$route.params.id,
       allowHTML: false,
       isWider: false,
-      enable: true
+      enable: true,
+      hidden: false,
+      time: 1000,
+      memery: 128
     };
   },
   methods: {
@@ -85,11 +94,14 @@ export default {
         .get(apiurl('/problem/' + String(this.$route.params.id)))
         .then(res => {
           let data = res.data.res;
+          console.log(data);
           this.title = data.title;
           this.pid = data.pid;
           this.allowHTML = data.allow_html;
           this.description = data.description;
-          this.enable = data.enabled;
+          this.memery = data.memory_limit / 1000;
+          this.time = data.time_limit;
+          this.hidden = !data.enabled;
         })
         .catch(err => {
           if(err.request.status === 404) {
@@ -115,6 +127,19 @@ export default {
 </script>
 
 <style scoped>
+#hidden-problem {
+    margin: 30px 0;
+    margin-right: 10px;
+}
+
+.flex-header {
+    display: flex;
+}
+
+.margin-top {
+    margin-top: 20px;
+}
+
 @media only screen and (max-width: 700px) {
     #pannel {
         z-index: 1000;
@@ -172,7 +197,7 @@ export default {
 }
 
 #info {
-    margin-top: 30px;
+    margin-top: 20px;
 }
 
 .divider {
diff --git a/src/components/problem/list.vue b/src/components/problem/list.vue
index 254ad4e2..fdffc8f9 100644
--- a/src/components/problem/list.vue
+++ b/src/components/problem/list.vue
@@ -42,7 +42,16 @@ export default {
       } else {
         color += 'color-regular-text';
       }
-      x.title = (<router-link to={'/problem/' + String(x.pid)} class={color + ' text-normal'}>{ x.title }</router-link>);
+      if (!x.enabled) {
+        x.title = (
+          <div>
+            <el-tag effect="dark" type="warning">Hidden</el-tag>
+            <router-link to={'/problem/' + String(x.pid)} class={color + ' text-normal'}> { x.title }</router-link>
+          </div>
+        );
+      } else {
+        x.title = (<router-link to={'/problem/' + String(x.pid)} class={color + ' text-normal'}>{ x.title }</router-link>);
+      }
       x.score = (<div class={color + ' text-extra-bold'}>{x.score >= 0 ? x.score : '-'}</div>);
       return x;
     }

From 3b1bf1dbeda2234152286445c7e40873f5b2c59b Mon Sep 17 00:00:00 2001
From: zhangtianli2006 <49156174+zhangtianli2006@users.noreply.github.com>
Date: Tue, 28 Jul 2020 21:07:04 +0800
Subject: [PATCH 7/7] fix format

Signed-off-by: zhangtianli2006 <49156174+zhangtianli2006@users.noreply.github.com>
---
 src/assets/css/basic.css           | 2 +-
 src/components/problem/content.vue | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/assets/css/basic.css b/src/assets/css/basic.css
index 95752f2f..5ae6f4c8 100644
--- a/src/assets/css/basic.css
+++ b/src/assets/css/basic.css
@@ -151,5 +151,5 @@ body {
 }
 
 * {
-    border-radius: 0px !important;
+    border-radius: 0 !important;
 }
diff --git a/src/components/problem/content.vue b/src/components/problem/content.vue
index a874f0ad..82520802 100644
--- a/src/components/problem/content.vue
+++ b/src/components/problem/content.vue
@@ -78,14 +78,14 @@ export default {
   data() {
     return {
       description: null,
-      title: 'problem',
+      title: '-',
       pid: this.$route.params.id,
       allowHTML: false,
       isWider: false,
       enable: true,
       hidden: false,
-      time: 1000,
-      memery: 128
+      time: '-',
+      memery: '-'
     };
   },
   methods: {