panel/baseui
1
0
Fork 0
Code Issues 8 Pull Requests Releases Wiki Activity

active navi

Browse Source
This commit is contained in:
Sebastian Frank 2017-08-29 21:38:33 +02:00
parent 901b918dbb
commit a759e65ead
No known key found for this signature in database
GPG Key ID: DC2BC5C506EBF6F3
3 changed files with 21 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
conf/init.json
View File

@ -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",

69
src/components/sidebar.vue
View File

@ -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>

2
src/main.js
View File

@ -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);