ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Add routing for convenience

This commit is contained in:
Ramon Wenger 2018-08-14 11:45:59 +02:00
parent d6ee3a290f
commit ae3f794071
5 changed files with 15 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
client/index.html
View File

@ -7,6 +7,7 @@
<link href='https://fonts.googleapis.com/css?family=Material+Icons' rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:500,800" rel="stylesheet">
<link href="https://use.typekit.net/tck7ptw.css" rel="stylesheet">
</head>
<body>
<div id="app">

4
client/src/App.vue
View File

@ -1,9 +1,7 @@
<template>
<div class="container">
<header class="header">
<span class="header__logo">
skillBox
</span>
<router-link to="/" class="header__logo">skillBox</router-link>
</header>
<router-view></router-view>
<footer>Footer</footer>

13
client/src/components/BookSidebar.vue
View File

@ -2,15 +2,7 @@
<aside>
<h2>Themen</h2>
<ul>
<li v-for="topic in topics" :key="id">{{topic.id}}. {{topic.title}}</li>
<li></li>
<li>3. Geld und Kauf</li>
<li>4. Geld und Kauf</li>
<li>5. Geld und Kauf</li>
<li>6. Geld und Kauf</li>
<li>7. Geld und Kauf</li>
<li>8. Geld und Kauf</li>
<li>9. Geld und Kauf</li>
<li v-for="topic in topics" :key="topic.id">{{topic.id}}. {{topic.title}}</li>
</ul>
<h2>Basiswissen</h2>
<h2>ABU News</h2>
@ -18,7 +10,6 @@
</template>
<script>
export default {
data: () => {
@ -32,7 +23,7 @@
{id: 6, title: 'Geld und Kauf'},
{id: 7, title: 'Geld und Kauf'},
{id: 8, title: 'Geld und Kauf'},
{id: 9, title: 'Geld und Kauf'},
{id: 9, title: 'Geld und Kauf'}
]
}
}

12
client/src/pages/index.vue
View File

@ -1,9 +1,15 @@
<template>
<div>
<h3>Modules</h3>
<h3>Pages</h3>
<ul>
<li v-for="module in modules" :key="module.id">
{{module.title}}
<li>
<router-link to="/book">Book</router-link>
</li>
<li>
<router-link to="/book/topic">Topic</router-link>
</li>
<li>
<router-link to="/module">Modul</router-link>
</li>
</ul>
</div>

2
client/src/router/index.js
View File

@ -3,10 +3,12 @@ import Router from 'vue-router'
import index from '@/pages/index'
import topic from '@/pages/topic'
import book from '@/pages/book'
import module from '@/pages/module'
import p404 from '@/pages/p404'
const routes = [
{path: '/', name: 'index', component: index},
{path: '/module', name: 'module', component: module},
{
path: '/book',
name: 'book',