0001-misc-more-items-accessibility-40883-40884.patch
combo/apps/wcs/templates/combo/wcs/forms_of_category.html | ||
---|---|---|
25 | 25 |
{% if form.description %}<div class="description">{{ form.description|safe }}</div>{% endif %} |
26 | 26 |
</li> |
27 | 27 |
{% endfor %} |
28 |
</ul> |
|
28 | 29 | |
29 | 30 |
{% if more_forms %} |
30 |
<li class="more-items"><a>+</a></li> |
|
31 |
<button aria-expanded="false" aria-controls="wcs-more-forms-of-category-{{ cell.get_reference }}" aria-label="{% trans 'More forms' %}" class="more-items">+</button> |
|
32 |
<ul style="display: none" class="additional-forms" id="wcs-more-forms-of-category-{{ cell.get_reference }}"> |
|
31 | 33 |
{% for form in more_forms %} |
32 |
<li style="display: none" class="additional-form {% if form.authentication_required %}required-authentication{% endif %}
|
|
34 |
<li class="additional-form {% if form.authentication_required %}required-authentication{% endif %} |
|
33 | 35 |
{% for context in form.required_authentication_contexts %}required-{{context}}-authentication {% endfor %} |
34 | 36 |
{% for keyword in form.keywords %}keyword-{{keyword|slugify}} {% endfor %} |
35 | 37 |
{% if form.redirection %}is-redirection{% endif %}" |
combo/public/static/js/combo.public.js | ||
---|---|---|
99 | 99 |
$(this).parent().hide(); |
100 | 100 |
$(this).parent().nextAll().show(); |
101 | 101 |
}); |
102 |
$(document).on('click', 'button.more-items', function() { |
|
103 |
$(this).attr('aria-expanded', 'true'); |
|
104 |
$(this).hide(); |
|
105 |
$('#' + $(this).attr('aria-controls')).show(); |
|
106 |
}); |
|
102 | 107 | |
103 | 108 |
var menu_page_ids = $.makeArray($('[data-menu-page-id]').map(function() { return $(this).data('menu-page-id'); })); |
104 | 109 |
if (menu_page_ids.length && $('body').data('check-badges') === true) { |
combo/public/templates/combo/link-list-cell.html | ||
---|---|---|
7 | 7 |
{% for link in links %} |
8 | 8 |
<li><a href="{{ link.url }}">{{ link.title }}</a></li> |
9 | 9 |
{% endfor %} |
10 |
</ul> |
|
10 | 11 | |
11 | 12 |
{% if more_links %} |
12 |
<li class="more-items"><a>+</a></li> |
|
13 |
<button aria-expanded="false" aria-controls="more-links-{{ cell.get_reference }}" aria-label="{% trans 'More links' %}" class="more-items">+</button> |
|
14 |
<ul style="display: none" class="additional-links" id="more-links-{{ cell.get_reference }}"> |
|
13 | 15 |
{% for link in more_links %} |
14 |
<li style="display: none" class="additional-links"><a href="{{ link.url }}">{{ link.title }}</a></li>
|
|
16 |
<li class="additional-link"><a href="{{ link.url }}">{{ link.title }}</a></li>
|
|
15 | 17 |
{% endfor %} |
16 | 18 |
{% endif %} |
17 | 19 |
</ul> |
18 |
- |