[WIP] Visual Impairment Selector

Review Request #11559 — Created March 27, 2021 and updated — Latest diff uploaded

Information

Review Board
master

Reviewers

The visual impairment selector menu will provide reviewers the
opportunity to view an image with a filter applied that will
simulate specific visual impairment conditions that center on how
an indivudal percieves colour. This menu and the image resolution
menu will exist on an image menu toolbar below the caption to prevent
conflicts with long captions when the screen is small.

Currently the VIS has been modelled after the image resolution/zoom
menu. Images have been attached to demonstrate the different simulations
for the Achromatopsia, Deuteranopia, Protanopia, and Tritanopia
conditions in the Attachment, Onion Skin, Split and Two-Up image views.

Outstanding Tasks:
-Apply conditions to the "Difference" revision view
-Create the Presbyopia filter

For more details of the implementation that has been completed and the
outstanding tasks for the project please refer to my notion page of the
implementation progress of the project:
https://www.notion.so/reviewboard/Implementation-Progress-90c20f28cdfc4398a502e1496fc354ab

Manual testing was conducted on the attachment, two-up, split, and onion
skin view for the Achromatopsia, Deuteranopia, Protanopia, and Tritanopia
conditions

Diff Revision 2

This is not the most recent revision of the diff. The latest diff is revision 11. See what's changed.

orig
1
2
3
4
5
6
7
8
9
10
11

Commits

First Last Summary ID Author
Initial image review menu setup
570e11450eb8c7f1894dea13b4896e59414a0c09 mderose123
Continued implementation of the visual impairment user interface menu
552bebf103e78f250186ef4585238b5f7279d02d mderose123
Created a visual impairment condition selector modelled after the image resol...
69df330d4f1b4a463d61bbcc15e541bda559bb4c mderose123
.browserslistrc
reviewboard/static/rb/css/pages/image-review-ui.less
reviewboard/static/rb/css/ui/buttons.less
reviewboard/static/rb/js/models/imageReviewableModel.es6.js
reviewboard/static/rb/js/views/draftReviewBannerView.es6.js
reviewboard/static/rb/js/views/imageReviewableView.es6.js
reviewboard/static/rb/js/views/tests/draftReviewBannerViewTests.es6.js
reviewboard/templates/reviews/reviewable_base.html
Loading...