diff options
author | Jonathan Treffler <mail@jonathan-treffler.de> | 2020-08-10 15:59:26 +0200 |
---|---|---|
committer | Jonathan Treffler <mail@jonathan-treffler.de> | 2020-08-10 15:59:26 +0200 |
commit | 48e759f485732ab26669b7a5532bc69123fe3e34 (patch) | |
tree | 4749a0bb90b1044300811b68c9b60dedacf3aefd | |
parent | 1a9c3bfeb722447fdddfad02ab67c492ad25d634 (diff) |
added Sidebar component
Signed-off-by: Jonathan Treffler <mail@jonathan-treffler.de>
-rw-r--r-- | src/components/Sidebar.vue | 38 |
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> |