summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorJonathan Treffler <mail@jonathan-treffler.de>2020-08-10 15:59:26 +0200
committerJonathan Treffler <mail@jonathan-treffler.de>2020-08-10 15:59:26 +0200
commit48e759f485732ab26669b7a5532bc69123fe3e34 (patch)
tree4749a0bb90b1044300811b68c9b60dedacf3aefd
parent1a9c3bfeb722447fdddfad02ab67c492ad25d634 (diff)
added Sidebar component
Signed-off-by: Jonathan Treffler <mail@jonathan-treffler.de>
-rw-r--r--src/components/Sidebar.vue38
1 files changed, 38 insertions, 0 deletions
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
new file mode 100644
index 000000000..179f539c2
--- /dev/null
+++ b/src/components/Sidebar.vue
@@ -0,0 +1,38 @@
+<template>
+ <AppNavigation>
+ <AppNavigationNew
+ :text="t('news','Subscribe')"
+ button-id="new-feed-button"
+ button-class="icon-add" />
+ <ul id="locations" class="with-icon">
+ <AppNavigationItem :title="t('news','Unread articles')" icon="icon-rss">
+ <AppNavigationCounter slot="counter">
+ 5
+ </AppNavigationCounter>
+ </AppNavigationItem>
+ <AppNavigationItem :title="t('news','New folder')" icon="icon-add" />
+ </ul>
+ </AppNavigation>
+</template>
+
+<script>
+import AppNavigation from '@nextcloud/vue/dist/Components/AppNavigation'
+import AppNavigationNew from '@nextcloud/vue/dist/Components/AppNavigationNew'
+import AppNavigationItem from '@nextcloud/vue/dist/Components/AppNavigationItem'
+import AppNavigationCounter from '@nextcloud/vue/dist/Components/AppNavigationCounter'
+
+export default {
+ components: {
+ AppNavigation,
+ AppNavigationNew,
+ AppNavigationItem,
+ AppNavigationCounter,
+ },
+}
+</script>
+
+<style>
+.icon-rss {
+ background-image: url(/img/rss.svg) !important;
+}
+</style>