openacr
openacr copied to clipboard
Add simple comparisons CSS to HTML version
We could include in the initial view things that allowed for some default styling.
For instance we could highlight those elements which:
- supports
- partially-supports
- does-not-support
So that
- supports has a checkbox icon & a light green background
- partially-supports has a wavy line icon & a light yellow background
- does-not-support has a stop sign & a light red background
{{#each data-criteria.components as |data-components|}}
{{#if data-components.adherence.notes}}
<li><span class="{{levelLabel data-components.adherence.level}}">{{catalogComponentLabel data-components.name}}{{data-components.adherence.notes}}</span></li>
{{/if}}
{{/each}}
It might be useful to turn it on/off. Leaving it on by default.
But just some simple view to help a reviewer understand where to look.
@dmundra I think you had some ideas around this from our last meeting.