diff options
Diffstat (limited to 'src/components/Sidebar.vue')
| -rw-r--r-- | src/components/Sidebar.vue | 124 |
1 files changed, 62 insertions, 62 deletions
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue index 131023179..a1280d8c3 100644 --- a/src/components/Sidebar.vue +++ b/src/components/Sidebar.vue @@ -1,46 +1,46 @@ <template> - <AppNavigation> + <NcAppNavigation> <AddFeed v-if="showAddFeed" @close="closeShowAddFeed()" /> - <AppNavigationNew :text="t('news', 'Subscribe')" + <NcAppNavigationNew :text="t('news', 'Subscribe')" button-id="new-feed-button" button-class="icon-add" @click="showShowAddFeed()" /> <ul id="locations" class="with-icon"> - <AppNavigationNewItem :title="t('news', 'New folder')" + <NcAppNavigationNewItem :title="t('news', 'New folder')" icon="icon-add-folder" @new-item="newFolder" /> - <AppNavigationItem :title="t('news', 'Unread articles')" icon="icon-rss"> + <NcAppNavigationItem :title="t('news', 'Unread articles')" icon="icon-rss"> <template #actions> - <ActionButton icon="icon-checkmark" @click="alert('Edit')"> + <NcActionButton icon="icon-checkmark" @click="alert('Edit')"> t('news','Mark read') - </ActionButton> + </NcActionButton> </template> <template #counter> <CounterBubble>5</CounterBubble> </template> - </AppNavigationItem> - <AppNavigationItem :title="t('news', 'All articles')" icon="icon-rss"> + </NcAppNavigationItem> + <NcAppNavigationItem :title="t('news', 'All articles')" icon="icon-rss"> <template #actions> <ActionButton icon="icon-checkmark" @click="alert('Edit')"> t('news','Mark read') </ActionButton> </template> - </AppNavigationItem> - <AppNavigationItem :title="t('news', 'Starred')" icon="icon-starred"> + </NcAppNavigationItem> + <NcAppNavigationItem :title="t('news', 'Starred')" icon="icon-starred"> <template #counter> - <CounterBubble>35</CounterBubble> + <NcCounterBubble>35</NcCounterBubble> </template> - </AppNavigationItem> + </NcAppNavigationItem> - <AppNavigationItem v-for="folder in folders" + <NcAppNavigationItem v-for="folder in folders" :key="folder.name" :title="folder.name" icon="icon-folder" :allow-collapse="true"> <template #default> - <AppNavigationItem v-for="feed in folder.feeds" + <NcAppNavigationItem v-for="feed in folder.feeds" :key="feed.name" :title="feed.title"> <template #icon> @@ -50,102 +50,102 @@ <div v-if="!feed.faviconLink" class="icon-rss" /> </template> <template #actions> - <ActionButton icon="icon-checkmark" @click="alert('Mark read')"> + <NcActionButton icon="icon-checkmark" @click="alert('Mark read')"> {{ t("news", "Mark read") }} - </ActionButton> - <ActionButton icon="icon-pinned" @click="alert('Rename')"> + </NcActionButton> + <NcActionButton icon="icon-pinned" @click="alert('Rename')"> {{ t("news", "Unpin from top") }} - </ActionButton> - <ActionButton icon="icon-caret-dark" + </NcActionButton> + <NcActionButton icon="icon-caret-dark" @click="deleteFolder(folder)"> {{ t("news", "Newest first") }} - </ActionButton> - <ActionButton icon="icon-caret-dark" + </NcActionButton> + <NcActionButton icon="icon-caret-dark" @click="deleteFolder(folder)"> {{ t("news", "Oldest first") }} - </ActionButton> - <ActionButton icon="icon-caret-dark" + </NcActionButton> + <NcActionButton icon="icon-caret-dark" @click="deleteFolder(folder)"> {{ t("news", "Default order") }} - </ActionButton> - <ActionButton icon="icon-full-text-disabled" + </NcActionButton> + <NcActionButton icon="icon-full-text-disabled" @click="deleteFolder(folder)"> {{ t("news", "Enable full text") }} - </ActionButton> - <ActionButton icon="icon-full-text-enabled" + </NcActionButton> + <NcActionButton icon="icon-full-text-enabled" @click="deleteFolder(folder)"> {{ t("news", "Disable full text") }} - </ActionButton> - <ActionButton icon="icon-updatemode-default" + </NcActionButton> + <NcActionButton icon="icon-updatemode-default" @click="deleteFolder(folder)"> {{ t("news", "Unread updated") }} - </ActionButton> - <ActionButton icon="icon-updatemode-unread" + </NcActionButton> + <NcActionButton icon="icon-updatemode-unread" @click="deleteFolder(folder)"> {{ t("news", "Ignore updated") }} - </ActionButton> - <ActionButton icon="icon-icon-rss" @click="deleteFolder(folder)"> + </NcActionButton> + <NcActionButton icon="icon-icon-rss" @click="deleteFolder(folder)"> {{ t("news", "Open feed URL") }} - </ActionButton> - <ActionButton icon="icon-icon-rename" + </NcActionButton> + <NcActionButton icon="icon-icon-rename" @click="deleteFolder(folder)"> {{ t("news", "Rename") }} - </ActionButton> - <ActionButton icon="icon-delete" @click="deleteFolder(folder)"> + </NcActionButton> + <NcActionButton icon="icon-delete" @click="deleteFolder(folder)"> {{ t("news", "Delete") }} - </ActionButton> + </NcActionButton> </template> - </AppNavigationItem> + </NcAppNavigationItem> </template> <template v-if="folder.feedCount > 0" #counter> <CounterBubble>{{ folder.feedCount }}</CounterBubble> </template> <template #actions> - <ActionButton icon="icon-checkmark" @click="alert('Mark read')"> + <NcActionButton icon="icon-checkmark" @click="alert('Mark read')"> {{ t("news", "Mark read") }} - </ActionButton> - <ActionButton icon="icon-rename" @click="alert('Rename')"> + </NcActionButton> + <NcActionButton icon="icon-rename" @click="alert('Rename')"> {{ t("news", "Rename") }} - </ActionButton> - <ActionButton icon="icon-delete" @click="deleteFolder(folder)"> + </NcActionButton> + <NcActionButton icon="icon-delete" @click="deleteFolder(folder)"> {{ t("news", "Delete") }} - </ActionButton> + </NcActionButton> </template> - </AppNavigationItem> + </NcAppNavigationItem> - <AppNavigationItem :title="t('news', 'Explore')" + <NcAppNavigationItem :title="t('news', 'Explore')" icon="icon-link" :to="{ name: 'explore' }"> <template #counter> - <CounterBubble>35</CounterBubble> + <NcCounterBubble>35</NcCounterBubble> </template> - </AppNavigationItem> + </NcAppNavigationItem> </ul> - </AppNavigation> + </NcAppNavigation> </template> <script lang="ts"> import Vue from 'vue' -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 AppNavigationNewItem from '@nextcloud/vue/dist/Components/AppNavigationNewItem' +import NcAppNavigation from '@nextcloud/vue/dist/Components/NcAppNavigation' +import NcAppNavigationNew from '@nextcloud/vue/dist/Components/NcAppNavigationNew' +import NcAppNavigationItem from '@nextcloud/vue/dist/Components/NcAppNavigationItem' +import NcAppNavigationNewItem from '@nextcloud/vue/dist/Components/NcAppNavigationNewItem' // import AppNavigationCounter from '@nextcloud/vue/dist/Components/AppNavigationCounter' -import CounterBubble from '@nextcloud/vue/dist/Components/CounterBubble' -import ActionButton from '@nextcloud/vue/dist/Components/ActionButton' +import NcCounterBubble from '@nextcloud/vue/dist/Components/NcCounterBubble' +import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton' import AddFeed from './AddFeed.vue' import { Folder } from '../types/Folder.vue' export default Vue.extend({ components: { - AppNavigation, - AppNavigationNew, - AppNavigationItem, - AppNavigationNewItem, + NcAppNavigation, + NcAppNavigationNew, + NcAppNavigationItem, + NcAppNavigationNewItem, // AppNavigationCounter, - CounterBubble, - ActionButton, + NcCounterBubble, + NcActionButton, AddFeed, }, data: () => { |