change dflex to col, vuex, routing, router-view, currectMaster

This commit is contained in:
Bart van der Braak 2020-01-31 21:22:21 +01:00
parent 50dffb273f
commit 506db21776
9 changed files with 76 additions and 30 deletions

View file

@ -1,20 +1,20 @@
<template >
<nav class="bg-light sidebar">
<nav class="col-md-2 d-none d-md-block bg-light sidebar">
<div class="sidebar-sticky">
<ul class="nav flex-column mb-2">
<NavItem v-for="link in links" :key="link.id" :title="link.title" :id="link.id" :icon_url="link.icon" :component="'config-section'"/>
<NavItem v-for="link in links" :key="link.id" :title="link.title" :id="link.id" :icon_url="link.icon" :to="link.to"/>
</ul>
<h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
<span>Slayer Masters</span>
</h6>
<ul class="nav flex-column mb-2">
<NavItem v-for="master in masters" :key="master.id" :title="master.name" :id="master.id" :icon_url="master.image" :component="'table-section'"/>
<NavItem v-for="master in masters" :key="master.id" :title="master.name" :id="master.id" :icon_url="master.image" :to="'master'"/>
</ul>
<h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
<span>Other Links</span>
</h6>
<ul class="nav flex-column mb-2">
<NavItem v-for="link in extraLinks" :key="link.id" :title="link.title" :id="link.id" :icon_url="link.icon"/>
<NavItem v-for="link in extraLinks" :key="link.id" :title="link.title" :id="link.id" :icon_url="link.icon" :url="link.url"/>
</ul>
</div>
</nav>
@ -36,6 +36,7 @@ export default {
id: 100,
icon: 'hiscores.png',
title: 'Account settings',
to: 'config',
},
],
masters: master_json.masters,
@ -44,6 +45,7 @@ export default {
id: 101,
icon: 'osrswiki.png',
title: 'OSRS Wiki',
url: 'https://osrs.wiki/',
},
]
}