fixup! Add OCA.Files.Sidebar

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

Author: skjnldsv

apps/files_sharing/src/components/SharingEntry.vue

@@ -22,10 +22,10 @@
 
 <template>
 	<li class="sharing-entry">
-		<Avatar class="sharing-entry__avatar" />
-		<div class="sharing-entry__desc" v-tooltip="tooltip">
+		<Avatar class="sharing-entry__avatar" :user="share.shareWith"
+			:display-name="share.shareWithDisplayName" />
+		<div class="sharing-entry__desc" v-tooltip.auto="tooltip">
 			<h4>{{ title }}</h4>
-			<p v-if="subtitle">{{ subtitle }}</p>
 		</div>
 		<Actions menu-align="right" class="sharing-entry__actions">
 			<slot />
@@ -40,6 +40,18 @@ import Tooltip from 'nextcloud-vue/dist/Directives/Tooltip'
 
 import Share from '../models/Share'
 
+const SHARE_TYPES = {
+	SHARE_TYPE_USER: OC.Share.SHARE_TYPE_USER, 
+	SHARE_TYPE_GROUP: OC.Share.SHARE_TYPE_GROUP, 
+	SHARE_TYPE_LINK: OC.Share.SHARE_TYPE_LINK, 
+	SHARE_TYPE_EMAIL: OC.Share.SHARE_TYPE_EMAIL, 
+	SHARE_TYPE_REMOTE: OC.Share.SHARE_TYPE_REMOTE, 
+	SHARE_TYPE_CIRCLE: OC.Share.SHARE_TYPE_CIRCLE, 
+	SHARE_TYPE_GUEST: OC.Share.SHARE_TYPE_GUEST, 
+	SHARE_TYPE_REMOTE_GROUP: OC.Share.SHARE_TYPE_REMOTE_GROUP,
+	SHARE_TYPE_ROOM: OC.Share.SHARE_TYPE_ROOM
+}
+
 export default {
 	name: 'SharingEntry',
 
@@ -72,35 +84,33 @@ export default {
 	},
 
 	computed: {
-		// title() {
-		// 	if (share.type === SHARE_TYPES.SHARE_TYPE_GROUP) {
-		// 		// adding group info
-		// 		return `${share.shareWithDisplayName} (group)`
-		// 	} else if (share.type === SHARE_TYPES.SHARE_TYPE_GROUP)
-		// }
-		// // GROUP AND USER
-		// 		if (share.type === SHARE_TYPES.SHARE_TYPE_USER
-		// 			|| share.type === SHARE_TYPES.SHARE_TYPE_GROUP) {
-		// 			result.user = share.shareWith
-		// 			result.displayName = share.shareWithDisplayName
-		// 			result.title = share.shareWithDisplayName
-
-		// 			// If the file owner is not the share owner,
-		// 			// we show who created the share
-		// 			if (share.owner !== share.fileOwner) {
-		// 				result.tooltip = t('files_sharing', 'Shared with {user} by {owner}', { user: share.shareWithDisplayName, owner: share.owner })
-		// 			}
-		// 		}
-
-		// 		// GROUP
-		// 		if (share.type === SHARE_TYPES.SHARE_TYPE_GROUP) {
-		// 			// adding group info
-		// 			result.title += ' (group)'
-		// 		}
+		title() {
+			let title = this.share.shareWithDisplayName
+			if (this.share.type === SHARE_TYPES.SHARE_TYPE_GROUP) {
+				title += ` (${ t('files_sharing', 'group') })`
+			} else if (this.share.type === SHARE_TYPES.SHARE_TYPE_ROOM) {
+				title += ` (${ t('files_sharing', 'conversation') })`
+			}
+			return title
+		},
+		tooltip() {
+			if (this.share.owner !== this.share.uidFileOwner) {
+				const data = {
+					// todo: strong or italic?
+					// but the t function escape any html from the data :/
+					user: this.share.shareWithDisplayName,
+					owner: this.share.owner
+				}
+				
+				if (this.share.type === SHARE_TYPES.SHARE_TYPE_GROUP) {
+					return t('files_sharing', 'Shared with the group {user} by {owner}', data)
+				} else if (this.share.type === SHARE_TYPES.SHARE_TYPE_ROOM) {
+					return t('files_sharing', 'Shared with the conversation {user} by {owner}', data)
+				}
 
-		// 		// always forward the id
-		// 		result.id = share.id
-		// 		return result
+				return t('files_sharing', 'Shared with {user} by {owner}', data)
+			}
+		}
 	},
 
 	methods: {