mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-01-25 20:46:48 +00:00
bd19bf5f3c
The FilterSelectorsService is now able to create multiple independent lists of selectors. These lists are explicitly given to the filter-selector directive. For example a group's page has one set for the group's producers and one set for the group's shops.
15 lines
885 B
Plaintext
15 lines
885 B
Plaintext
-# In order for the single-line-selector scope to have access to the available selectors,
|
|
%filter-selector{"selector-set" => "selectors", objects: "objects()", "active-selectors" => "activeSelectors", "all-selectors" => "allSelectors" }
|
|
|
|
%ul{ ng: { if: "overFlowSelectors().length > 0 || fitting" } }
|
|
%li.more
|
|
%a.dropdown{ data: { dropdown: "{{ 'show-more-' + selectorName }}" }, ng: { class: "{active: selectedOverFlowSelectors().length > 0}" } }
|
|
%span
|
|
+ {{ overFlowSelectors().length }} more
|
|
%i.ofn-i_052-point-down
|
|
.f-dropdown.text-right.content{ ng: { attr: { id: "{{ 'show-more-' + selectorName }}" } } }
|
|
%ul
|
|
%active-selector{ ng: { repeat: "selector in overFlowSelectors()", hide: "selector.fits" } }
|
|
%render-svg{path: "{{selector.object.icon}}", ng: { if: "selector.object.icon"}}
|
|
%span {{ selector.object.name }}
|