diff options
| author | Devlin Junker <devlin.junker@gmail.com> | 2023-09-15 15:08:28 -0700 |
|---|---|---|
| committer | Benjamin Brahmer <info@b-brahmer.de> | 2023-09-20 17:32:33 +0200 |
| commit | eb9dd0a6ae098c30402b991123aa68be165c1baf (patch) | |
| tree | 13229f7bf8bbc96088135d94c4c20d2955b189af /src | |
| parent | 4f5004ec0e0e4c86f72deaa059598b7f80ebbd14 (diff) | |
confirm mark all read and feed counter inside folder
Signed-off-by: Devlin Junker <devlin.junker@gmail.com>
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/Sidebar.vue | 31 |
1 files changed, 22 insertions, 9 deletions
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue index 5277efae5..a7ab51dfd 100644 --- a/src/components/Sidebar.vue +++ b/src/components/Sidebar.vue @@ -59,6 +59,11 @@ <RssIcon v-if="!feed.faviconLink" /> <span v-if="feed.faviconLink" style="width: 16px; height: 16px; background-size: contain;" :style="{ 'backgroundImage': 'url(' + feed.faviconLink + ')' }" /> </template> + <template #counter> + <NcCounterBubble v-if="feed.unreadCount > 0"> + {{ feed.unreadCount }} + </NcCounterBubble> + </template> <template #actions> <SidebarFeedLinkActions :feed-id="feed.id" /> @@ -187,17 +192,25 @@ export default Vue.extend({ this.$store.dispatch(ACTIONS.ADD_FOLDERS, { folder }) }, markAllRead() { - this.$store.getters.feeds.forEach((feed: Feed) => { - this.$store.dispatch(ACTIONS.FEED_MARK_READ, { feed }) - }) + const shouldMarkRead = window.confirm(t('news', 'Are you sure you want to mark all read?')) + + if (shouldMarkRead) { + this.$store.getters.feeds.forEach((feed: Feed) => { + this.$store.dispatch(ACTIONS.FEED_MARK_READ, { feed }) + }) + } }, markFolderRead(folder: Folder) { - const feeds = this.$store.getters.feeds.filter((feed: Feed) => { - return feed.folderId === folder.id - }) - feeds.forEach((feed: Feed) => { - this.$store.dispatch(ACTIONS.FEED_MARK_READ, { feed }) - }) + const shouldMarkRead = window.confirm(t('news', 'Are you sure you want to mark all read?')) + + if (shouldMarkRead) { + const feeds = this.$store.getters.feeds.filter((feed: Feed) => { + return feed.folderId === folder.id + }) + feeds.forEach((feed: Feed) => { + this.$store.dispatch(ACTIONS.FEED_MARK_READ, { feed }) + }) + } }, renameFolder(folder: Folder) { const name = window.prompt(t('news', 'Rename Folder'), folder.name) |