diff options
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/AddFeed.vue | 5 | ||||
-rw-r--r-- | src/components/Sidebar.vue | 14 | ||||
-rw-r--r-- | src/components/SidebarFeedLinkActions.vue | 1 | ||||
-rw-r--r-- | src/components/feed-display/FeedItemRow.vue | 2 |
4 files changed, 16 insertions, 6 deletions
diff --git a/src/components/AddFeed.vue b/src/components/AddFeed.vue index 6e0aac0a8..77f5e5b6e 100644 --- a/src/components/AddFeed.vue +++ b/src/components/AddFeed.vue @@ -151,6 +151,11 @@ export default Vue.extend({ || (this.createNewFolder && (this.newFolderName === '' || this.folderNameExists()))) }, }, + created() { + if (this.$route.query.subscribe_to) { + this.feedUrl = this.$route.query.subscribe_to as string + } + }, methods: { /** * Adds a New Feed via the Vuex Store diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue index 392c0ccfb..9fd3e8a05 100644 --- a/src/components/Sidebar.vue +++ b/src/components/Sidebar.vue @@ -48,7 +48,8 @@ :name="topLevelItem.name || topLevelItem.title" :icon="''" :to="isFolder(topLevelItem) ? { name: ROUTES.FOLDER, params: { folderId: topLevelItem.id.toString() }} : { name: ROUTES.FEED, params: { feedId: topLevelItem.id.toString() } }" - :allow-collapse="true"> + :allow-collapse="true" + :force-menu="true"> <template #default> <NcAppNavigationItem v-for="feed in topLevelItem.feeds" :key="feed.name" @@ -85,14 +86,13 @@ </template> <template #actions> <SidebarFeedLinkActions v-if="topLevelItem.name === undefined" :feed-id="topLevelItem.id" /> - <NcActionButton v-if="topLevelItem.name !== undefined" icon="icon-checkmark" @click="markFolderRead(topLevelItem)"> {{ t("news", "Mark read") }} </NcActionButton> <NcActionButton v-if="topLevelItem.name !== undefined" icon="icon-rename" @click="renameFolder(topLevelItem)"> {{ t("news", "Rename") }} </NcActionButton> - <NcActionButton icon="icon-delete" @click="deleteFolder(topLevelItem)"> + <NcActionButton v-if="topLevelItem.name !== undefined" icon="icon-delete" @click="deleteFolder(topLevelItem)"> {{ t("news", "Delete") }} </NcActionButton> </template> @@ -121,7 +121,6 @@ import NcAppNavigation from '@nextcloud/vue/dist/Components/NcAppNavigation.js' import NcAppNavigationNew from '@nextcloud/vue/dist/Components/NcAppNavigationNew.js' import NcAppNavigationItem from '@nextcloud/vue/dist/Components/NcAppNavigationItem.js' import NcAppNavigationNewItem from '@nextcloud/vue/dist/Components/NcAppNavigationNewItem.js' -// import AppNavigationCounter from '@nextcloud/vue/dist/Components/AppNavigationCounter' import NcCounterBubble from '@nextcloud/vue/dist/Components/NcCounterBubble.js' import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js' @@ -136,6 +135,7 @@ import { ROUTES } from '../routes' import { ACTIONS, AppState } from '../store' import AddFeed from './AddFeed.vue' +import SidebarFeedLinkActions from './SidebarFeedLinkActions.vue' import { Folder } from '../types/Folder' import { Feed } from '../types/Feed' @@ -175,6 +175,7 @@ export default Vue.extend({ EarthIcon, FolderPlusIcon, PlusIcon, + SidebarFeedLinkActions, }, data: () => { return { @@ -186,6 +187,11 @@ export default Vue.extend({ ...mapState(['feeds', 'folders', 'items']), ...mapState(SideBarState), }, + created() { + if (this.$route.query.subscribe_to) { + this.showAddFeed = true + } + }, methods: { newFolder(value: string) { const folderName = value.trim() diff --git a/src/components/SidebarFeedLinkActions.vue b/src/components/SidebarFeedLinkActions.vue index 8ae1e258b..4c7f082c8 100644 --- a/src/components/SidebarFeedLinkActions.vue +++ b/src/components/SidebarFeedLinkActions.vue @@ -86,7 +86,6 @@ <RssIcon /> </template> </NcAppNavigationItem> - </span> </template> diff --git a/src/components/feed-display/FeedItemRow.vue b/src/components/feed-display/FeedItemRow.vue index 03670295a..34a8d18b8 100644 --- a/src/components/feed-display/FeedItemRow.vue +++ b/src/components/feed-display/FeedItemRow.vue @@ -203,7 +203,7 @@ export default Vue.extend({ align-self: start; } - .button-container .action-item .button-vue, .button-container .material-design-icon { + .feed-item-row .button-container .button-vue, .feed-item-row .button-container .button-vue .button-vue__wrapper, .feed-item-row .button-container .material-design-icon { width: 30px !important; min-width: 30px; min-height: 30px; |