Bug 31419: Add accesskeys for modals

This patch simply adds accesskey elements to the buttons, and changes an icon to be
consistent with bug 26626

For tips on how to access the accesskeys:
https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey

To test:
1 - Generate a recall
2 - Fill it/check in
3 - Note modal now has hints "Confirm (Y)"
4 - Test with Y,P,I keys (may need to recreate recalls)
5 - Confirm the recall and test waiting recall modal too

Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>

Signed-off-by: Kyle M Hall <kyle@bywatersolutions.com>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
This commit is contained in:
Nick Clemens 2022-08-19 10:04:56 +00:00 committed by Tomas Cohen Arazi
parent 74a1ea73f3
commit 94da0ccf0a
No known key found for this signature in database
GPG Key ID: 0A272EA1B2F3C15F
1 changed files with 14 additions and 14 deletions

View File

@ -944,18 +944,18 @@
<div class="modal-footer">
[% IF ( transfertodo ) %]
<button type="submit" class="btn btn-default approve">
<i class="fa fa-check"></i> Confirm recall and transfer
<button type="submit" class="btn btn-default approve" accesskey="Y">
<i class="fa fa-check"></i> Confirm recall and transfer (Y)
</button>
<button type="button" class="btn btn-default print-recall">
<i class="fa fa-print"></i> Print slip, transfer, and confirm
<button type="button" class="btn btn-default print-recall" accesskey="P">
<i class="fa fa-print"></i> Print slip, transfer, and confirm (P)
</button>
[% ELSE %]
<button type="submit" class="btn btn-default approve">
<i class="fa fa-check"></i> Confirm recall
<button type="submit" class="btn btn-default approve" accesskey="Y">
<i class="fa fa-check"></i> Confirm recall (Y)
</button>
<button type="button" class="btn btn-default print-recall">
<i class="fa fa-print"></i> Print slip and confirm
<button type="button" class="btn btn-default print-recall" accesskey="P">
<i class="fa fa-print"></i> Print slip and confirm (P)
</button>
[% END %]
@ -1044,15 +1044,15 @@
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-default approve">
<i class="fa fa-check"></i> Confirm recall
<button type="submit" class="btn btn-default approve" accesskey="Y">
<i class="fa fa-check"></i> Confirm recall (Y)
</button>
<button type="button" class="btn btn-default print-recall">
<i class="fa fa-print"></i> Print slip and confirm
<button type="button" class="btn btn-default print-recall" accesskey="P">
<i class="fa fa-print"></i> Print slip and confirm (P)
</button>
<button data-dismiss="modal" aria-hidden="true" type="submit" class="btn btn-default deny">
<i class="fa fa-times"></i> Ignore
<button data-dismiss="modal" aria-hidden="true" type="submit" class="btn btn-default deny" accesskey="I">
<i class="fa fa-remove"></i> Ignore (I)
</button>
</div> <!-- /.modal-footer -->
</form> <!-- /.confirm -->