Add expanded attribute to button for listing others with access

Signed-off-by: Christopher Ng <chrng8@gmail.com>

apps/files_sharing/src/components/SharingEntrySimple.vue

@@ -29,7 +29,10 @@
 				{{ subtitle }}
 			</p>
 		</div>
-		<Actions v-if="$slots['default']" menu-align="right" class="sharing-entry__actions">
+		<Actions v-if="$slots['default']"
+			class="sharing-entry__actions"
+			menu-align="right"
+			:aria-expanded="ariaExpandedValue">
 			<slot />
 		</Actions>
 	</li>
@@ -68,8 +71,20 @@ export default {
 			type: Boolean,
 			default: true,
 		},
+		ariaExpanded: {
+			type: Boolean,
+			default: null,
+		},
 	},
 
+	computed: {
+		ariaExpandedValue() {
+			if (this.ariaExpanded === null) {
+				return this.ariaExpanded
+			}
+			return this.ariaExpanded ? 'true' : 'false'
+		},
+	},
 }
 </script>
 

apps/files_sharing/src/views/SharingInherited.vue

@@ -25,7 +25,8 @@
 		<!-- Main collapsible entry -->
 		<SharingEntrySimple class="sharing-entry__inherited"
 			:title="mainTitle"
-			:subtitle="subTitle">
+			:subtitle="subTitle"
+			:aria-expanded="showInheritedShares">
 			<template #avatar>
 				<div class="avatar-shared icon-more-white" />
 			</template>