LP2043421 ARIA labels for date, datetime selects Adds aria-label attributes to the inputs in the date select and datetime select components for screen reader compatibility. Signed-off-by: Stephanie Leary <stephanie.leary@equinoxoli.org> Signed-off-by: Terran McCanna <tmccanna@georgialibraries.org>
LP1615714 Accessible names for Material Icons Adds ARIA labels or hidden text, as appropriate, to ensure that Material Icons are announced to screen reader users in a sensible way rather than having the icon keyword read as if it were normal text. In buttons containing an icon with no text, both ARIA labels and title attributes are used so that the tooltip matches the button's accessible name. This helps sighted users of dictation software identify the button's name. The icon keyword is hidden from screen readers with the aria-hidden attribute. In buttons with both an icon and text, the icon keyword is hidden from screen readers. Where icons appeared in inline text rather than a button or link, a visually-hidden span has been added to mirror the existing title attribute (tooltip), unless the icon was purely decorative. As part of this cleanup, several <a click()> elements were identified that had not already been addressed in other bug reports related to keyboard navigation support. These have been changed to <button>, and button types have been specified throughout. Other small role and alt text errors identified by the Axe linter have also been corrected. Note that this branch does not include labels for the grid flair icons (bug 1818086) or the grid actions toolbar (bug 1833726), which are being addressed separately. Signed-off-by: Stephanie Leary <stephanie.leary@equinoxoli.org> Signed-off-by: Jane Sandberg <js7389@princeton.edu> Signed-off-by: Terran McCanna <tmccanna@georgialibraries.org> Signed-off-by: Garry Collum <gcollum@gmail.com> Signed-off-by: Steven Mayo <smayo@georgialibraries.org>
LP2000482 Angular 15 and Bootstrap 5 upgrade Includes numerous markup and CSS adjustments to cope with Bootstrap 5. This patch is a squash of patches authored by Bill Erickson and Stephanie Leary. Signed-off-by: Stephanie Leary <stephanie.leary@equinoxoli.org> Signed-off-by: Bill Erickson <berickxx@gmail.com> Signed-off-by: Jane Sandberg <sandbergja@gmail.com> Signed-off-by: Galen Charlton <gmc@equinoxOLI.org>
LP1904036 date select emits on clear Signed-off-by: Bill Erickson <berickxx@gmail.com> Signed-off-by: Jane Sandberg <js7389@princeton.edu> Signed-off-by: Galen Charlton <gmc@equinoxOLI.org>
LP1904036 Date select fill container option Signed-off-by: Bill Erickson <berickxx@gmail.com> Signed-off-by: Jane Sandberg <js7389@princeton.edu> Signed-off-by: Galen Charlton <gmc@equinoxOLI.org>
LP1904036 Fix date select button alignment Signed-off-by: Bill Erickson <berickxx@gmail.com> Signed-off-by: Jane Sandberg <js7389@princeton.edu> Signed-off-by: Galen Charlton <gmc@equinoxOLI.org>
LP#1850547: eg-date-select: let blur trigger emitting changes (Otherwise, you have to select the calendar button or hit return inisde the input) Sponsored-by: Evergreen Community Development Initiative Sponsored-by: Georgia Public Library Service Sponsored-by: Indiana State Library Sponsored-by: C/W MARS Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org> Signed-off-by: Tiffany Little <tlittle@georgialibraries.org> Signed-off-by: Bill Erickson <berickxx@gmail.com>
LP1816475: Change calendar_today icon to event icon The locally served calendar_today icon doesn't look good in buttons (like the date-select and datetime-select component buttons). But the event icon looks very similar, and doesn't have the same negative effects when placed in buttons. Signed-off-by: Jane Sandberg <sandbej@linnbenton.edu> Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org>
LP1831390: Fixing implementation of registerOnTouch This commit ensures that the onTouch callback is called on the blur event, per the official Angular documentation. Also improves the display of default values in the datepicker Signed-off-by: Jane Sandberg <sandbej@linnbenton.edu> Signed-off-by: Bill Erickson <berickxx@gmail.com> Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org>
LP1822414 Ang date select readOnly & fixes Adds an @Input() readOnly field to eg-date-select. When set, the date value will be displayed as plain text - no widget. Teach the eg-fm-editor to pass the readOnly flag to the eg-date-select. Includes sandbox example. Fixes a display issue where the date select calendar button was bigger than the paired input group adding text input, because the material icon was too big. 2019-07-31 rebasing note: the style added in the original patch was moved to data-select.component.css. Signed-off-by: Bill Erickson <berickxx@gmail.com> Signed-off-by: Jane Sandberg <sandbej@linnbenton.edu> Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org>
LP#1831780: various improvements to the Angular date-select widget Styling ------- - the widget is now narrower - the widget now enables form validation styles; in particular, entry of an incorrectly-formatted date is now highlighted - the calendar drop-down is now allowed to overflow the containing element when expanded, making it easier to embed the date selector in other controls - the calendar button (and any material icons button that's part of an input group) now has the same default font size as main text, making the overall date-select look cleaner API --- - add a reset() method - hitting enter in the text box can now triggers emitting date change events - a new onCleared event is emitted if the suer hits enter on an empty input - onChangeAsYmd() now pads month and day to two digits apiece, making the result conform to ISO 8601 and thus more easily plugged into queries. - adds the following methods to retrieve the current date; these are meant to be used via local template references in parent templates: currentAsYmd() currentAsIso() currentAsDate() Sponsored-by: MassLNC Sponsored-by: Georgia Public Library Service Sponsored-by: Indiana State Library Sponsored-by: CW MARS Sponsored-by: King County Library System Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org> Signed-off-by: Bill Erickson <berickxx@gmail.com>
LP1818288 Ang staff catalog record detail holds tab/actions Adds support for the Holds tab in the record detail view of the Angular staff catalog. Includes grid and hold-related actions. * Holds grid built from the new wide-holds API. * batch cancel holds * batch retarget holds * batch edit holds ** Unified form to modify notify options, dates, etc. * hold detail page (menu and row double-click) * batch mark items damaged * batch mark items missing * show last few circulations * retrieve patron * support for indented menu groups a la angjs grids for grouping the hold actions menu. Signed-off-by: Bill Erickson <berickxx@gmail.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
LP1806087 Angular staff catalog phase II. * Record detail tabs redirect to AngJS catalog where needed. * Initial holds placement UI. * Record baskets, actions, and UI. * Ported MonographParts tab to Angular * Set default catalog tab * Browse * MARC search * Identifier search * pub date filter * Record detail 'View in Catalog' button * Group formats and editions Signed-off-by: Bill Erickson <berickxx@gmail.com> Signed-off-by: Dan Wells <dbw2@calvin.edu>
LP1807523: Associating labels and inputs in angular fmeditor Signed-off-by: Jane Sandberg <sandbej@linnbenton.edu> Signed-off-by: Bill Erickson <berickxx@gmail.com>
LP#1775466 Angular(6) base application Signed-off-by: Bill Erickson <berickxx@gmail.com> Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org>