Merge pull request #45686 from nextcloud/feat/user-row-action-enabled

feat(settings): Add user row action enabled callback

apps/settings/src/components/Users/UserRowActions.vue

@@ -15,11 +15,12 @@
 				<NcIconSvgWrapper :key="editSvg" :svg="editSvg" aria-hidden="true" />
 			</template>
 		</NcActionButton>
-		<NcActionButton v-for="({ action, icon, text }, index) in actions"
+		<NcActionButton v-for="({ action, icon, text }, index) in enabledActions"
 			:key="index"
 			:disabled="disabled"
 			:aria-label="text"
 			:icon="icon"
+			close-after-click
 			@click="(event) => action(event, { ...user })">
 			{{ text }}
 		</NcActionButton>
@@ -38,8 +39,9 @@ import SvgPencil from '@mdi/svg/svg/pencil.svg?raw'
 
 interface UserAction {
 	action: (event: MouseEvent, user: Record<string, unknown>) => void,
+	enabled?: (user: Record<string, unknown>) => boolean,
 	icon: string,
-	text: string
+	text: string,
 }
 
 export default defineComponent({
@@ -87,9 +89,16 @@ export default defineComponent({
 		/**
 		 * Current MDI logo to show for edit toggle
 		 */
-		editSvg() {
+		editSvg(): string {
 			return this.edit ? SvgCheck : SvgPencil
 		},
+
+		/**
+		 * Enabled user row actions
+		 */
+		enabledActions(): UserAction[] {
+			return this.actions.filter(action => typeof action.enabled === 'function' ? action.enabled(this.user) : true)
+		},
 	},
 
 	methods: {

apps/settings/src/views/UserManagement.vue

@@ -80,13 +80,15 @@ export default defineComponent({
 		 * @param {string} icon the icon class
 		 * @param {string} text the text to display
 		 * @param {Function} action the function to run
+		 * @param {(user: Record<string, unknown>) => boolean} enabled return true if the action is enabled for the user
 		 * @return {Array}
 		 */
-		registerAction(icon, text, action) {
+		registerAction(icon, text, action, enabled) {
 			this.externalActions.push({
 				icon,
 				text,
 				action,
+				enabled,
 			})
 			return this.externalActions
 		},