lino.jorzick
/
greenlight
forked from External/greenlight
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

screen reader for search user on manage access and handle escape button when search user (#2784) 

tidy up based on CR

Co-authored-by: Rangga Permana <ranggapermana@catalyst.net.nz>
Co-authored-by: Ahmad Farhat <ahmad.af.farhat@gmail.com>
This commit is contained in:
galupa 2021-09-28 16:53:39 +13:00 committed by GitHub
parent a6ce974b88
commit d28fca8186
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 35 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
app/assets/javascripts/room.js
View File

@ -46,6 +46,9 @@ $(document).on('turbolinks:load', function(){
showUpdateRoom(this)
})
// share room pop up accessibility
manageAccessAccessibility();
$(".delete-room").click(function() {
showDeleteRoom(this)
})
@ -434,6 +437,38 @@ function clearRoomSearch() {
filterRooms()
}
function manageAccessAccessibility() {
// share room pop up accessibility
var holdModal = false;
$("#shareRoomModal").on("show.bs.modal", function() {
// for screen reader to be able to read results
$("#shareRoomModal .form-control").attr("aria-atomic", true);
$("#shareRoomModal .dropdown-menu div.inner").attr("role", "alert");
$("#shareRoomModal ul.dropdown-menu").attr("role", "listbox");
$("#shareRoomModal div.dropdown-menu").find("*").keyup(function(event) {
$("#shareRoomModal ul.dropdown-menu li").attr("aria-selected", false);
$("#shareRoomModal ul.dropdown-menu li.active").attr("aria-selected", true);
$("#shareRoomModal ul.dropdown-menu li.active a").attr("aria-selected", true);
});
// for keyboard support
// so that it can escape / close search user without closing the modal
$("#shareRoomModal div.dropdown-menu input").keydown(function(event) {
if (event.keyCode === 27) {
holdModal = true;
}
});
});
// reset escape button if the search is closed / done
$("#shareRoomModal").on("hide.bs.modal", function(e) {
if (holdModal) {
holdModal = false;
e.stopPropagation();
return false;
}
});
}
function generateAccessCodeAccessibility() {
// For keyboard users to be able to generate access code
$("#generate-room-access-code").keyup(function(event) {