discourse/app/assets/javascripts/select-kit/templates/components/multi-select.hbs

{{#component headerComponent
  tabindex=tabindex
  isFocused=isFocused
  isExpanded=isExpanded
  highlightedSelection=highlightedSelection
  onClickSelectionItem=(action "onClickSelectionItem")
  computedContent=headerComputedContent
  onToggle=(action "onToggle")
  options=headerComponentOptions
}}
  {{component filterComponent
    icon=filterIcon
    placeholder=filterPlaceholder
    filter=filter
    hasSelection=hasSelection
    isLoading=isLoading
    shouldDisplayFilter=shouldDisplayFilter
    isFocused=isFocused
    onFilterComputedContent=(action "onFilterComputedContent")
  }}
{{/component}}

<div class="select-kit-body">
  {{#if renderedBodyOnce}}
  {{#unless isLoading}}
    {{component collectionComponent
      collectionHeaderComputedContent=collectionHeaderComputedContent
      hasSelection=hasSelection
      noneRowComputedContent=noneRowComputedContent
      createRowComputedContent=createRowComputedContent
      collectionComputedContent=collectionComputedContent
      rowComponent=rowComponent
      noneRowComponent=noneRowComponent
      createRowComponent=createRowComponent
      templateForRow=templateForRow
      templateForNoneRow=templateForNoneRow
      templateForCreateRow=templateForCreateRow
      onClickRow=(action "onClickRow")
      onMouseoverRow=(action "onMouseoverRow")
      highlighted=highlighted
      computedValue=computedValue
      rowComponentOptions=rowComponentOptions
      noContentRow=noContentRow
      validationMessage=validationMessage
    }}
  {{/unless}}
  {{/if}}
</div>

<div class="select-kit-wrapper"></div>
FEATURE: replaces tag-chooser/tag-group-chooser with select-kit component These component were also the last using select2. As a consequence select2 is removed from Discourse in this commit. 2018-02-26 18:42:57 +08:00			`{{#component headerComponent`
Introduces select-kit * renames `select-box-kit` into `select-kit` * introduces `single-select` and `multi-select` as base components * introduces {{search-advanced-category-chooser}} as a better component for selecting category in advanced search * improves events handling in select-kit * recreates color selection inputs using {{multi-select}} and a custom {{selected-color}} component * replaces category-selector by a component using select-kit and based on multi-select * improves positioning of wrapper * removes the need for offscreen, and instead use `select-kit-header` as a base focus point for all select-kit based components * introduces a formal plugin api for select-kit based components * introduces a formal pattern for loading and updating select-kit based components: ``` computeValue() computeContent() mutateValue() ``` 2017-11-21 18:53:09 +08:00			`tabindex=tabindex`
[WIP] select-box-kit refactoring 2017-10-20 03:51:08 +08:00			`isFocused=isFocused`
			`isExpanded=isExpanded`
FIX: select-kit refactoring - improve mini-tag-chooser keyboard behavior - all multil select now respond to select all and left/right arrows - improve events handling - many minor tweaks 2018-03-22 18:29:55 +08:00			`highlightedSelection=highlightedSelection`
			`onClickSelectionItem=(action "onClickSelectionItem")`
Introduces select-kit * renames `select-box-kit` into `select-kit` * introduces `single-select` and `multi-select` as base components * introduces {{search-advanced-category-chooser}} as a better component for selecting category in advanced search * improves events handling in select-kit * recreates color selection inputs using {{multi-select}} and a custom {{selected-color}} component * replaces category-selector by a component using select-kit and based on multi-select * improves positioning of wrapper * removes the need for offscreen, and instead use `select-kit-header` as a base focus point for all select-kit based components * introduces a formal plugin api for select-kit based components * introduces a formal pattern for loading and updating select-kit based components: ``` computeValue() computeContent() mutateValue() ``` 2017-11-21 18:53:09 +08:00			`computedContent=headerComputedContent`
FIX: select-kit refactoring - improve mini-tag-chooser keyboard behavior - all multil select now respond to select all and left/right arrows - improve events handling - many minor tweaks 2018-03-22 18:29:55 +08:00			`onToggle=(action "onToggle")`
[WIP] select-box-kit refactoring 2017-10-20 03:51:08 +08:00			`options=headerComponentOptions`
			`}}`
			`{{component filterComponent`
FEATURE: replaces tag-chooser/tag-group-chooser with select-kit component These component were also the last using select2. As a consequence select2 is removed from Discourse in this commit. 2018-02-26 18:42:57 +08:00			`icon=filterIcon`
			`placeholder=filterPlaceholder`
select-kit refactoring * improve events naming/handling * do not explicitly check for true/Fasle * make sure header is re-computed on toggle 2018-01-11 16:39:51 +08:00			`filter=filter`
FEATURE: replaces tag-chooser/tag-group-chooser with select-kit component These component were also the last using select2. As a consequence select2 is removed from Discourse in this commit. 2018-02-26 18:42:57 +08:00			`hasSelection=hasSelection`
FEATURE: new {{mini-tag-chooser}} replaces {{tag-chooser}} in composer 2018-02-14 00:23:12 +08:00			`isLoading=isLoading`
FEATURE: support for multi-combo-box 2017-11-10 02:57:53 +08:00			`shouldDisplayFilter=shouldDisplayFilter`
select-kit refactoring * improve events naming/handling * do not explicitly check for true/Fasle * make sure header is re-computed on toggle 2018-01-11 16:39:51 +08:00			`isFocused=isFocused`
FIX: select-kit refactoring - improve mini-tag-chooser keyboard behavior - all multil select now respond to select all and left/right arrows - improve events handling - many minor tweaks 2018-03-22 18:29:55 +08:00			`onFilterComputedContent=(action "onFilterComputedContent")`
[WIP] select-box-kit refactoring 2017-10-20 03:51:08 +08:00			`}}`
FEATURE: replaces tag-chooser/tag-group-chooser with select-kit component These component were also the last using select2. As a consequence select2 is removed from Discourse in this commit. 2018-02-26 18:42:57 +08:00			`{{/component}}`
[WIP] select-box-kit refactoring 2017-10-20 03:51:08 +08:00
FEATURE: replaces tag-chooser/tag-group-chooser with select-kit component These component were also the last using select2. As a consequence select2 is removed from Discourse in this commit. 2018-02-26 18:42:57 +08:00			`<div class="select-kit-body">`
FEATURE: support for multi-combo-box 2017-11-10 02:57:53 +08:00			`{{#if renderedBodyOnce}}`
FIX: select-kit refactoring - improve mini-tag-chooser keyboard behavior - all multil select now respond to select all and left/right arrows - improve events handling - many minor tweaks 2018-03-22 18:29:55 +08:00			`{{#unless isLoading}}`
[WIP] select-box-kit refactoring 2017-10-20 03:51:08 +08:00			`{{component collectionComponent`
FEATURE: select-kit api to modify collection header 2018-01-26 21:42:24 +08:00			`collectionHeaderComputedContent=collectionHeaderComputedContent`
Introduces select-kit * renames `select-box-kit` into `select-kit` * introduces `single-select` and `multi-select` as base components * introduces {{search-advanced-category-chooser}} as a better component for selecting category in advanced search * improves events handling in select-kit * recreates color selection inputs using {{multi-select}} and a custom {{selected-color}} component * replaces category-selector by a component using select-kit and based on multi-select * improves positioning of wrapper * removes the need for offscreen, and instead use `select-kit-header` as a base focus point for all select-kit based components * introduces a formal plugin api for select-kit based components * introduces a formal pattern for loading and updating select-kit based components: ``` computeValue() computeContent() mutateValue() ``` 2017-11-21 18:53:09 +08:00			`hasSelection=hasSelection`
			`noneRowComputedContent=noneRowComputedContent`
			`createRowComputedContent=createRowComputedContent`
FEATURE: replaces tag-chooser/tag-group-chooser with select-kit component These component were also the last using select2. As a consequence select2 is removed from Discourse in this commit. 2018-02-26 18:42:57 +08:00			`collectionComputedContent=collectionComputedContent`
[WIP] select-box-kit refactoring 2017-10-20 03:51:08 +08:00			`rowComponent=rowComponent`
			`noneRowComponent=noneRowComponent`
			`createRowComponent=createRowComponent`
			`templateForRow=templateForRow`
			`templateForNoneRow=templateForNoneRow`
			`templateForCreateRow=templateForCreateRow`
FIX: select-kit refactoring - improve mini-tag-chooser keyboard behavior - all multil select now respond to select all and left/right arrows - improve events handling - many minor tweaks 2018-03-22 18:29:55 +08:00			`onClickRow=(action "onClickRow")`
			`onMouseoverRow=(action "onMouseoverRow")`
			`highlighted=highlighted`
[WIP] select-box-kit refactoring 2017-10-20 03:51:08 +08:00			`computedValue=computedValue`
			`rowComponentOptions=rowComponentOptions`
FIX: displays an error when reaching tags limit 2018-02-14 07:30:09 +08:00			`noContentRow=noContentRow`
FEATURE: implements minimum selection for select-kit 2018-04-05 22:45:19 +08:00			`validationMessage=validationMessage`
[WIP] select-box-kit refactoring 2017-10-20 03:51:08 +08:00			`}}`
FIX: select-kit refactoring - improve mini-tag-chooser keyboard behavior - all multil select now respond to select all and left/right arrows - improve events handling - many minor tweaks 2018-03-22 18:29:55 +08:00			`{{/unless}}`
[WIP] select-box-kit refactoring 2017-10-20 03:51:08 +08:00			`{{/if}}`
			`</div>`

Introduces select-kit * renames `select-box-kit` into `select-kit` * introduces `single-select` and `multi-select` as base components * introduces {{search-advanced-category-chooser}} as a better component for selecting category in advanced search * improves events handling in select-kit * recreates color selection inputs using {{multi-select}} and a custom {{selected-color}} component * replaces category-selector by a component using select-kit and based on multi-select * improves positioning of wrapper * removes the need for offscreen, and instead use `select-kit-header` as a base focus point for all select-kit based components * introduces a formal plugin api for select-kit based components * introduces a formal pattern for loading and updating select-kit based components: ``` computeValue() computeContent() mutateValue() ``` 2017-11-21 18:53:09 +08:00			`<div class="select-kit-wrapper"></div>`