diff options
author | Jonathan Treffler <mail@jonathan-treffler.de> | 2020-08-10 15:59:26 +0200 |
---|---|---|
committer | Simon Spannagel <simonspa@kth.se> | 2021-12-16 20:22:43 +0100 |
commit | 74374e2007257e2073ef6ae44302fafe24390c52 (patch) | |
tree | b2f4554f9f335931ceae34244140e6cc74c6ab05 | |
parent | 4fe2b62b24b824fb0d1950a9c3cd5cab29fb4e54 (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> |