From a759e65ead86ab9de8868b932890ac597c8180c3 Mon Sep 17 00:00:00 2001
From: Sebastian Frank <frank@basiskonfiguration.de>
Date: Tue, 29 Aug 2017 21:38:33 +0200
Subject: [PATCH] active navi

---
 conf/init.json             |  5 ++-
 src/components/sidebar.vue | 69 +++++++++-----------------------------
 src/main.js                |  2 +-
 3 files changed, 21 insertions(+), 55 deletions(-)

diff --git a/conf/init.json b/conf/init.json
index e6bf4ec..5de28fb 100644
--- a/conf/init.json
+++ b/conf/init.json
@@ -8,7 +8,10 @@
             "name": "Login",
             "to": "/login",
             "icon": "fa-home",
-            "content": "<login-form></login-form>"
+            "content": "<login-form></login-form>",
+            "show": {
+                "never": true
+            }
         },
         {
             "name": "Dashboard",
diff --git a/src/components/sidebar.vue b/src/components/sidebar.vue
index 913ad62..b8af8ce 100644
--- a/src/components/sidebar.vue
+++ b/src/components/sidebar.vue
@@ -4,61 +4,12 @@
             <div class="inner">
                 <nav class="mainnav">
                     <ul>
-                        <li v-for="(item, i) in items" :key="i">
-                            <router-link :to="item.to">
+                        <router-link tag="li" v-for="(item, i) in items" :key="i" v-if="showIf(item.show)" :to="item.to" active-class="active" exact>
+                            <a>
                                 <i :class="['icon', item.icon]"></i>
                                 <div class="title">{{ item.name }}</div>
-                            </router-link>
-                        </li>
-
-                        <hr>
-                        <li><a href="#">
-                            <i class="icon icon-images" aria-hidden="true"></i>
-                            <div class="title">Medien</div>
-                        </a></li>
-                        <li><a href="#">
-                            <i class="icon icon-document-text" aria-hidden="true"></i>
-                            <div class="title">Seiten</div>
-                        </a></li>
-                        <li class="active">
-                            <a href="#"><i class="icon icon-paper-airplane" aria-hidden="true"></i>
-                            <div class="title">Beiträge</div></a>
-                            <!-- Sub Navigation -->
-                            <div class="subnav">
-                                <div class="subnav_headline">Kategorie</div>
-                                <ul>
-                                    <li class="active"><a href="#">News</a></li>
-                                    <li><a href="#">Veranstaltungen</a></li>
-                                    <li><a href="#">Mitarbeiter</a></li>
-                                </ul>
-                            </div>
-                        </li>
-                        <li><a href="#">
-                            <i class="icon icon-cube" aria-hidden="true"></i>
-                            <div class="title">Module</div>
-                        </a></li>
-                        <li><a href="#">
-                            <i class="icon icon-navigate" aria-hidden="true"></i>
-                            <div class="title">Navigation</div>
-                        </a></li>
-
-                        <li><a href="#">
-                            <i class="icon icon-chatbox" aria-hidden="true"></i>
-                            <div class="title">Sprachen</div>
-                        </a></li>
-                        <li><a href="#">
-                            <i class="icon icon-pie-graph" aria-hidden="true"></i>
-                            <div class="title">SEO & Pagespeed</div>
-                        </a></li>
-
-                        <li><a href="#">
-                            <i class="icon icon-contacts" aria-hidden="true"></i>
-                            <div class="title">Benutzer</div>
-                        </a></li>
-                        <li><a href="#">
-                            <i class="icon icon-gear" aria-hidden="true"></i>
-                            <div class="title">Settings</div>
-                        </a></li>
+                            </a>
+                        </router-link>
                     </ul>
                 </nav>
             </div>
@@ -277,6 +228,18 @@ export default {
                 return [ ];
             }
         }
+    },
+    methods: {
+        showIf(conf) {
+            console.log(conf);
+            // show if not configured
+            if (!conf) {
+                return true;
+            }
+            if (conf.never) {
+                return false;
+            }
+        }
     }
 }
 </script>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 6a919f7..2eb0345 100644
--- a/src/main.js
+++ b/src/main.js
@@ -177,7 +177,7 @@ Axios.get('conf/init.json')
       alert('invalid data in init.json');
       return;
     }
-    const navigation = results.data.navigation.map(({name, to, icon}) => {return {name, to, icon}});
+    const navigation = results.data.navigation.map(({name, to, icon, show}) => {return {name, to, icon, show}});
 
     store.commit("setNavigation", navigation);