git.evergreen-ils.org Git - Evergreen.git/atom - Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html history Evergreen ILS https://git.evergreen-ils.org/?p=Evergreen.git Evergreen Project static/git-favicon.png static/git-logo.png 2023-11-15T00:08:36Z gitweb LP2043421 ARIA labels for date, datetime selects 2023-11-13T21:18:39Z Stephanie Leary stephanie.leary@equinoxoli.org Terran McCanna tmccanna@georgialibraries.org 2023-11-13T21:18:39Z https://git.evergreen-ils.org/?p=Evergreen.git;a=commitdiff;h=3c7134cc686a947308c7f74ec3e46700a1e5ce53
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>
  • [D] Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html
LP1615714 Accessible names for Material Icons 2023-05-25T18:24:09Z Stephanie Leary stephanie.leary@equinoxoli.org Jane Sandberg js7389@princeton.edu 2023-05-25T18:24:09Z https://git.evergreen-ils.org/?p=Evergreen.git;a=commitdiff;h=1f2530636e3a428a222ec2ca6bcb89fed9a6180b
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>
  • [D] Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html
LP2000482 Angular 15 and Bootstrap 5 upgrade 2022-12-26T17:06:09Z Bill Erickson berickxx@gmail.com Galen Charlton gmc@equinoxOLI.org 2022-12-26T17:06:09Z https://git.evergreen-ils.org/?p=Evergreen.git;a=commitdiff;h=c76e4ad6c2aba1a918992659686bb6b50bfea79c
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>
  • [D] Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html
LP1904036 date select emits on clear 2021-04-15T19:42:46Z Bill Erickson berickxx@gmail.com Galen Charlton gmc@equinoxOLI.org 2021-04-15T19:42:46Z https://git.evergreen-ils.org/?p=Evergreen.git;a=commitdiff;h=c8663e12038037d4d2a43554f4aceabfcb94a97f
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>
  • [D] Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html
LP1904036 Date select fill container option 2021-03-19T16:40:36Z Bill Erickson berickxx@gmail.com Galen Charlton gmc@equinoxOLI.org 2021-03-19T16:40:36Z https://git.evergreen-ils.org/?p=Evergreen.git;a=commitdiff;h=7c3c19760526ca4d51eb64a52c0cff5e376b501e
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>
  • [D] Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html
LP1904036 Fix date select button alignment 2021-03-17T16:18:52Z Bill Erickson berickxx@gmail.com Galen Charlton gmc@equinoxOLI.org 2021-03-17T16:18:52Z https://git.evergreen-ils.org/?p=Evergreen.git;a=commitdiff;h=1a414dc35cc5b1bb377258622c7bb0b291e95737
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>
  • [D] Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html
LP#1850547: eg-date-select: let blur trigger emitting changes 2020-07-08T20:25:47Z Galen Charlton gmc@equinoxinitiative.org Bill Erickson berickxx@gmail.com 2020-07-08T20:25:47Z https://git.evergreen-ils.org/?p=Evergreen.git;a=commitdiff;h=7285c43d5331bc53bd6d6613c8463ee6392c6279
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>
  • [D] Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html
LP1816475: Change calendar_today icon to event icon 2019-10-09T19:25:17Z Jane Sandberg sandbej@linnbenton.edu Galen Charlton gmc@equinoxinitiative.org 2019-10-09T19:25:17Z https://git.evergreen-ils.org/?p=Evergreen.git;a=commitdiff;h=d0c2bc324bc2740496923c0abe076b1201870a71
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>
  • [D] Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html
LP1831390: Fixing implementation of registerOnTouch 2019-07-08T13:44:53Z Jane Sandberg sandbej@linnbenton.edu Galen Charlton gmc@equinoxinitiative.org 2019-07-08T13:44:53Z https://git.evergreen-ils.org/?p=Evergreen.git;a=commitdiff;h=b02b454abdf42e0575f29f4bff0d727e358131a0
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>
  • [D] Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html
LP1822414 Ang date select readOnly & fixes 2019-05-26T18:02:44Z Bill Erickson berickxx@gmail.com Galen Charlton gmc@equinoxinitiative.org 2019-05-26T18:02:44Z https://git.evergreen-ils.org/?p=Evergreen.git;a=commitdiff;h=c21dcc67d0122cb1f8a811a1962b46c57f69f67c
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>
  • [D] Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html
LP#1831780: various improvements to the Angular date-select widget 2019-03-25T19:21:46Z Galen Charlton gmc@equinoxinitiative.org Bill Erickson berickxx@gmail.com 2019-03-25T19:21:46Z https://git.evergreen-ils.org/?p=Evergreen.git;a=commitdiff;h=e0e847784da1539a6644fcc711a3bda2240f57ee
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>
  • [D] Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html
LP1818288 Ang staff catalog record detail holds tab/actions 2019-02-16T19:42:14Z Bill Erickson berickxx@gmail.com Dan Wells dbw2@calvin.edu 2019-02-16T19:42:14Z https://git.evergreen-ils.org/?p=Evergreen.git;a=commitdiff;h=ce5f238a434ef01cb8861c58f930257f70fdecd9
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>
  • [D] Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html
LP1806087 Angular staff catalog phase II. 2018-11-07T15:18:31Z Bill Erickson berickxx@gmail.com Dan Wells dbw2@calvin.edu 2018-11-07T15:18:31Z https://git.evergreen-ils.org/?p=Evergreen.git;a=commitdiff;h=7075905d588919bce7e6a520b3a061e142e16e19
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>
  • [D] Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html
LP1807523: Associating labels and inputs in angular fmeditor 2018-12-08T18:30:38Z Jane Sandberg sandbej@linnbenton.edu Bill Erickson berickxx@gmail.com 2018-12-08T18:30:38Z https://git.evergreen-ils.org/?p=Evergreen.git;a=commitdiff;h=dacca60ce1f1ee97c93519b0423b2a73dea411e5
LP1807523: Associating labels and inputs in angular fmeditor

Signed-off-by: Jane Sandberg <sandbej@linnbenton.edu>
Signed-off-by: Bill Erickson <berickxx@gmail.com>
  • [D] Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html
LP#1775466 Angular(6) base application 2018-09-05T20:11:41Z Bill Erickson berickxx@gmail.com Bill Erickson berickxx@gmail.com 2018-09-05T20:11:41Z https://git.evergreen-ils.org/?p=Evergreen.git;a=commitdiff;h=6c706f454b2b9cdf2d46df3c60e53a0d3cb531d7
LP#1775466 Angular(6) base application

Signed-off-by: Bill Erickson <berickxx@gmail.com>
Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org>
  • [D] Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html