enh(oauth2): allowed toggling of aria label

Signed-off-by: Eduardo Morales <emoral435@gmail.com>

Author: emoral435

apps/oauth2/src/components/OAuthItem.vue

@@ -28,11 +28,10 @@
 			<div class="action-secret">
 				<code>{{ renderedSecret }}</code>
 				<NcButton type="tertiary-no-background"
-					:aria-label="t('oauth2', 'Show client secret')"
+					:aria-label="toggleAriaLabel"
 					@click="toggleSecret">
 					<template #icon>
-						<EyeOutline :size="20"
-							:title="t('oauth2', 'Show client secret')" />
+						<EyeOutline :size="20"/>
 					</template>
 				</NcButton>
 			</div>
@@ -87,6 +86,18 @@ export default {
 				return '****'
 			}
 		},
+		
+		/**
+		 * toggles the aria-label for button to show the secret key for OAuth 2.0 Clients
+		 */
+		toggleAriaLabel() {
+			// if the secret key is not rendered (for examples, !this.rendered == '*******'), then suggest to show the secret key
+			if (!this.renderSecret) {
+				return t('oauth2', 'Show client secret')
+			} else {
+				return t('oauth2', 'Hide client secret')
+			}
+		}
 	},
 	methods: {
 		toggleSecret() {