Mirrors/audiobookshelf
Mirrors/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2025-01-03 00:06:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix keyboard navigation in user settings

Browse Source 
This patch makes sure that the option in the user settings are
accessible via keyboard navigation and that the labels, if users use a
screen reader, actually make sense.

This patch introduces new strings which need to be translated. Although
I did already provide a German translation.
This commit is contained in:
Lars Kiesow 2022-12-29 21:29:11 +01:00
parent 315c83e4c3
commit 4e61185136
No known key found for this signature in database
GPG Key ID: 5DAFE8D9C823CE73
3 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/components/tables/UsersTable.vue
View File

@ -35,13 +35,13 @@
</ui-tooltip> </ui-tooltip>
</td> </td>
<td class="py-0"> <td class="py-0">
<div class="w-full flex justify-center"> <div class="w-full flex justify-left">
<!-- Dont show edit for non-root users --> <!-- Dont show edit for non-root users -->
<div v-if="user.type !== 'root' || userIsRoot" class="h-8 w-8 flex items-center justify-center text-white text-opacity-50 hover:text-opacity-100 cursor-pointer" @click.stop="editUser(user)"> <div v-if="user.type !== 'root' || userIsRoot" class="h-8 w-8 flex items-center justify-center text-white text-opacity-50 hover:text-opacity-100 cursor-pointer" @click.stop="editUser(user)">
<span class="material-icons text-base">edit</span> <button :aria-label="$getString('ButtonUserEdit', [user.username])" class="material-icons text-base">edit</button>
</div> </div>
<div v-show="user.type !== 'root'" class="h-8 w-8 flex items-center justify-center text-white text-opacity-50 hover:text-error cursor-pointer" @click.stop="deleteUserClick(user)"> <div v-show="user.type !== 'root'" class="h-8 w-8 flex items-center justify-center text-white text-opacity-50 hover:text-error cursor-pointer" @click.stop="deleteUserClick(user)">
<span class="material-icons text-base">delete</span> <button :aria-label="$getString('ButtonUserDelete', [user.username])" class="material-icons text-base">delete</button>
</div> </div>
</div> </div>
</td> </td>

2
client/strings/de.json
View File

@ -75,6 +75,8 @@
"ButtonUploadBackup": "Sicherung hochladen", "ButtonUploadBackup": "Sicherung hochladen",
"ButtonUploadCover": "Titelbild hochladen", "ButtonUploadCover": "Titelbild hochladen",
"ButtonUploadOPMLFile": "OPML-Datei hochladen", "ButtonUploadOPMLFile": "OPML-Datei hochladen",
"ButtonUserEdit": "Benutzer {0} editieren",
"ButtonUserDelete": "Benutzer {0} löschen",
"ButtonViewAll": "Alles anzeigen", "ButtonViewAll": "Alles anzeigen",
"ButtonYes": "Ja", "ButtonYes": "Ja",
"HeaderAccount": "Konto", "HeaderAccount": "Konto",

2
client/strings/en-us.json
View File

@ -75,6 +75,8 @@
"ButtonUploadBackup": "Upload Backup", "ButtonUploadBackup": "Upload Backup",
"ButtonUploadCover": "Upload Cover", "ButtonUploadCover": "Upload Cover",
"ButtonUploadOPMLFile": "Upload OPML File", "ButtonUploadOPMLFile": "Upload OPML File",
"ButtonUserEdit": "Edit user {0}",
"ButtonUserDelete": "Delete user {0}",
"ButtonViewAll": "View All", "ButtonViewAll": "View All",
"ButtonYes": "Yes", "ButtonYes": "Yes",
"HeaderAccount": "Account", "HeaderAccount": "Account",