raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-03-22 05:18:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Create the MultipleCheckedComponent

Browse Source 
+ Associate the StimulusController to this component
This commit is contained in:
Jean-Baptiste Bellet
2022-09-27 10:55:07 +02:00
parent 4705d306b5
commit b7adc5f551
3 changed files with 77 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/components/multiple_checked_select_component/multiple_checked_select_component.html.haml Normal file
View File

@@ -0,0 +1,13 @@
.ofn-drop-down{ data: { controller: "multiple-checked-select", "multiple-checked-select-input-name-value": @name } }
%div{ "data-multiple-checked-select-target": "button" }
%span{ class: 'icon-reorder' }
= "  #{t('admin.columns')}".html_safe
%span{ class: "icon-caret-down", "data-multiple-checked-select-target": "caret" }
%div.menu{ class: "hidden", "data-multiple-checked-select-target": "options" }
- @options.each do |option|
- classes = @selected.include?(option[1]) ? "selected" : ""
%div.menu_item{ class: classes, "data-multiple-checked-select-target": "option", "data-value": option[1] }
%span.check
%span.name{id: option[1]}
= option[0]
%div{style: "display: none;", "data-multiple-checked-select-target": "inputs"}