From a9099b80a47c6aee318de7b89275a4792f5c9eb7 Mon Sep 17 00:00:00 2001
From: LiYang <qduliyang@outlok.com>
Date: Sun, 14 Aug 2016 16:24:21 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A6=E4=BE=A7=E5=AF=BC=E8=88=AA=E5=8A=A8?=
 =?UTF-8?q?=E6=80=81=E7=94=9F=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../admin/src/components/utils/leftNav.vue    | 29 ++++++++++++++-----
 1 file changed, 21 insertions(+), 8 deletions(-)

diff --git a/frontend/admin/src/components/utils/leftNav.vue b/frontend/admin/src/components/utils/leftNav.vue
index 88e10bfd..d7742dcd 100644
--- a/frontend/admin/src/components/utils/leftNav.vue
+++ b/frontend/admin/src/components/utils/leftNav.vue
@@ -1,13 +1,12 @@
 <template>
     <div id="left-nav">
         <ul class="list-group">
-            <li class="list-group-header">name</li>
-            <li class="list-group-item" v-link-active>
-                <a v-link="{path: '/user'}">{{ $t("nav.userManagement") }}</a>
-            </li>
-            <li class="list-group-item" v-link-active>
-                <a v-link="{path: '/announcement'}">{{ $t("nav.announcementManagement") }}</a>
-            </li>
+            <template v-for="item in adminNav">
+                <li class="list-group-header">{{ $t(item.groupName) }}</li>
+                <li class="list-group-item" v-link-active v-for="child in item.children">
+                    <a v-link="{path: child.link}">{{ $t(child.name) }}</a>
+                </li>
+            </template>
         </ul>
     </div>
 </template>
@@ -15,7 +14,21 @@
     export default {
         data() {
             return {
-                adminNav: [{}, {}]
+                adminNav: [
+                    {
+                        groupName: "nav.general",
+                        children: [
+                            {name: "nav.userManagement", link: "/user/1"},
+                            {name: "nav.announcementManagement", link: "/announcement/1"}
+                        ]
+                    },
+                    {
+                        groupName: "nav.problemManagement",
+                        children: [
+                            {name: "nav.createProblem", link: "/problem/create"},
+                            {name: "problem.problemList", link: "/problem/1"}]
+                    }
+                ]
             }
         }
     }