aboutsummaryrefslogtreecommitdiff
path: root/src/components/nav_panel/nav_panel.vue
diff options
context:
space:
mode:
authorRoger Braun <roger@rogerbraun.net>2016-11-07 11:56:14 +0100
committerRoger Braun <roger@rogerbraun.net>2016-11-07 11:56:14 +0100
commitcf972e968cd1e059c4a7a05a9a3d42f3da05414b (patch)
tree2d7d9ee5408397f1ac5d36fa98943158d5a105c4 /src/components/nav_panel/nav_panel.vue
parentacc439f26684d3d188542e904190532ac781c936 (diff)
parent83e7add2c7cd3d7b878c82ffb86e09479bff3500 (diff)
Merge branch 'master' of ssh.gitgud.io:lambadalambda/pleroma-fe
Diffstat (limited to 'src/components/nav_panel/nav_panel.vue')
-rw-r--r--src/components/nav_panel/nav_panel.vue54
1 files changed, 54 insertions, 0 deletions
diff --git a/src/components/nav_panel/nav_panel.vue b/src/components/nav_panel/nav_panel.vue
new file mode 100644
index 00000000..d493fad3
--- /dev/null
+++ b/src/components/nav_panel/nav_panel.vue
@@ -0,0 +1,54 @@
+<template>
+ <div class="nav-panel">
+ <div class="panel panel-default">
+ <ul>
+ <li ng-if='currentUser'>
+ <router-link to='/main/friends'>
+ Timeline
+ </router-link>
+ </li>
+ <li>
+ <router-link to='/main/public'>
+ Public Timeline
+ </router-link>
+ </li>
+ <li>
+ <router-link to='/main/all'>
+ The Whole Known Network
+ </router-link>
+ </li>
+ </ul>
+ </div>
+ </div>
+</template>
+
+<script src="./nav_panel.js" ></script>
+
+<style lang="scss">
+
+ .nav-panel ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ }
+
+ .nav-panel li {
+ border-bottom: 1px solid silver;
+ padding: 0.5em;
+ padding-left: 1em;
+ }
+
+ .nav-panel li:last-child {
+ border: none;
+ }
+
+ .nav-panel a {
+ display: block;
+ width: 100%;
+
+ &.router-link-active {
+ font-weight: bold
+ }
+ }
+
+</style>