diff options
| author | Devlin Junker <devlin.junker@gmail.com> | 2023-09-26 14:55:32 -0700 |
|---|---|---|
| committer | Devlin Junker <devlin.junker@gmail.com> | 2023-09-26 14:55:32 -0700 |
| commit | 816ef83bd0738e3207a7dc106fd0a95b9b59baea (patch) | |
| tree | cea2801e9a91eb3b1ee0f6f2b18875ec9d2923b5 /src | |
| parent | b7179b5858c2f3393407777e5ba0d9c6b0e9720b (diff) | |
reuse ShareItem component in FeedItemDisplay
Signed-off-by: Devlin Junker <devlin.junker@gmail.com>
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/feed-display/FeedItemDisplay.vue | 21 |
1 files changed, 13 insertions, 8 deletions
diff --git a/src/components/feed-display/FeedItemDisplay.vue b/src/components/feed-display/FeedItemDisplay.vue index 8d97e856e..c22db1772 100644 --- a/src/components/feed-display/FeedItemDisplay.vue +++ b/src/components/feed-display/FeedItemDisplay.vue @@ -1,14 +1,11 @@ <template> <div class="feed-item-display"> + <ShareItem v-if="showShareMenu" :item-id="item.id" @close="closeShareMenu()" /> + <div class="action-bar"> - <NcActions :force-menu="true"> - <template #icon> - <ShareVariant /> - </template> - <NcActionButton> - <template #default> - <!-- TODO: Share Menu --> TODO - </template> + <NcActions> + <NcActionButton :title="t('news', 'Share within Instance')" @click="showShareMenu = true"> + {{ t('news', 'Share') }} <template #icon> <ShareVariant /> </template> @@ -101,6 +98,8 @@ import CloseIcon from 'vue-material-design-icons/Close.vue' import NcActions from '@nextcloud/vue/dist/Components/NcActions.js' import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js' +import ShareItem from '../ShareItem.vue' + import { Feed } from '../../types/Feed' import { FeedItem } from '../../types/FeedItem' import { ACTIONS, MUTATIONS } from '../../store' @@ -113,6 +112,7 @@ export default Vue.extend({ ShareVariant, NcActions, NcActionButton, + ShareItem, }, props: { item: { @@ -123,6 +123,7 @@ export default Vue.extend({ data: () => { return { keepUnread: false, + showShareMenu: false, } }, computed: { @@ -171,6 +172,10 @@ export default Vue.extend({ this.$store.dispatch(item.starred ? ACTIONS.UNSTAR_ITEM : ACTIONS.STAR_ITEM, { item }) }, + closeShareMenu() { + this.showShareMenu = false + }, + getMediaType(mime: string): 'audio' | 'video' | false { // TODO: figure out how to check media type return false |