64 lines
1.3 KiB
HTML
64 lines
1.3 KiB
HTML
<link rel="import" href="../../bower_components/polymer/polymer.html">
|
|
|
|
<link rel="import" href="../../src/util/hass-behavior.html">
|
|
|
|
<dom-module id="events-list">
|
|
<template>
|
|
<style>
|
|
ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
li {
|
|
list-style: none;
|
|
line-height: 2em;
|
|
}
|
|
|
|
a {
|
|
color: var(--dark-primary-color);
|
|
}
|
|
</style>
|
|
|
|
<ul>
|
|
<template is='dom-repeat' items='[[events]]' as='event'>
|
|
<li>
|
|
<a href='#' on-click='eventSelected'>{{event.event}}</a>
|
|
<span> (</span><span>{{event.listenerCount}}</span><span> listeners)</span>
|
|
</li>
|
|
</template>
|
|
</ul>
|
|
</template>
|
|
</dom-module>
|
|
|
|
<script>
|
|
Polymer({
|
|
is: 'events-list',
|
|
|
|
behaviors: [window.hassBehavior],
|
|
|
|
properties: {
|
|
hass: {
|
|
type: Object,
|
|
},
|
|
|
|
events: {
|
|
type: Array,
|
|
bindNuclear: function (hass) {
|
|
return [
|
|
hass.eventGetters.entityMap,
|
|
function (map) {
|
|
return map.valueSeq().sortBy(function (event) { return event.event; }).toArray();
|
|
},
|
|
];
|
|
},
|
|
},
|
|
},
|
|
|
|
eventSelected: function (ev) {
|
|
ev.preventDefault();
|
|
this.fire('event-selected', { eventType: ev.model.event.event });
|
|
},
|
|
});
|
|
</script>
|