jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-11-12 04:20:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Forward change event vaadin combo box (#1208)

Browse Source 
* Forward change event vaadin combo box

* Stop propagation
This commit is contained in:
Paulus Schoutsen
2018-05-25 16:46:54 -04:00
committed by GitHub
parent 4e9a7a4a23
commit d3c10d9b49
2 changed files with 33 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/entity/ha-entity-picker.js
View File

@@ -11,11 +11,12 @@ import './state-badge.js';
import computeStateName from '../../common/entity/compute_state_name.js';
import LocalizeMixin from '../../mixins/localize-mixin.js';
import EventsMixin from '../../mixins/events-mixin.js';
/*
* @appliesMixin LocalizeMixin
*/
class HaEntityPicker extends LocalizeMixin(PolymerElement) {
class HaEntityPicker extends EventsMixin(LocalizeMixin(PolymerElement)) {
static get template() {
return html`
<style>
@@ -29,7 +30,15 @@ class HaEntityPicker extends LocalizeMixin(PolymerElement) {
display: none;
}
</style>
<vaadin-combo-box-light items="[[_states]]" item-value-path="entity_id" item-label-path="entity_id" value="{{value}}" opened="{{opened}}" allow-custom-value="[[allowCustomEntity]]">
<vaadin-combo-box-light
items="[[_states]]"
item-value-path="entity_id"
item-label-path="entity_id"
value="{{value}}"
opened="{{opened}}"
allow-custom-value="[[allowCustomEntity]]"
on-change='_fireChanged'
>
<paper-input autofocus="[[autofocus]]" label="[[_computeLabel(label, localize)]]" class="input" value="[[value]]" disabled="[[disabled]]">
<paper-icon-button slot="suffix" class="clear-button" icon="mdi:close" no-ripple="" hidden\$="[[!value]]">Clear</paper-icon-button>
<paper-icon-button slot="suffix" class="toggle-button" icon="[[_computeToggleIcon(opened)]]" hidden="[[!_states.length]]">Toggle</paper-icon-button>
@@ -135,6 +144,11 @@ class HaEntityPicker extends LocalizeMixin(PolymerElement) {
_computeToggleIcon(opened) {
return opened ? 'mdi:menu-up' : 'mdi:menu-down';
}
_fireChanged(ev) {
ev.stopPropagation();
this.fire('change');
}
}
customElements.define('ha-entity-picker', HaEntityPicker);