Add Template extension points (#1230)

* Added first extension points for cover & climate

* Finished state-summary cards

* Cleanup
This commit is contained in:
cdce8p
2018-05-30 17:41:11 +02:00
committed by Paulus Schoutsen
parent b8ac150ee4
commit ff50414cbb
14 changed files with 124 additions and 29 deletions

View File

@@ -38,9 +38,9 @@ class StateCardInputNumber extends mixinBehaviors([
</style>
<div class="horizontal justified layout" id="input_number_card">
<state-info state-obj="[[stateObj]]" in-dialog="[[inDialog]]"></state-info>
<paper-slider min="[[min]]" max="[[max]]" value="{{value}}" step="[[step]]" hidden="[[hiddenslider]]" pin="" on-change="selectedValueChanged" on-click="stopPropagation" id="slider" ignore-bar-touch="">
</paper-slider>
${this.stateInfoTemplate}
<paper-slider min="[[min]]" max="[[max]]" value="{{value}}" step="[[step]]" hidden="[[hiddenslider]]" pin="" on-change="selectedValueChanged" on-click="stopPropagation" id="slider" ignore-bar-touch="">
</paper-slider>
<paper-input no-label-float="" auto-validate="" pattern="[0-9]+([\\.][0-9]+)?" step="[[step]]" min="[[min]]" max="[[max]]" value="{{value}}" type="number" on-change="selectedValueChanged" on-click="stopPropagation" hidden="[[hiddenbox]]">
</paper-input>
<div class="state" hidden="[[hiddenbox]]">[[stateObj.attributes.unit_of_measurement]]</div>
@@ -49,6 +49,12 @@ class StateCardInputNumber extends mixinBehaviors([
`;
}
static get stateInfoTemplate() {
return html`
<state-info state-obj="[[stateObj]]" in-dialog="[[inDialog]]"></state-info>
`;
}
ready() {
super.ready();
if (typeof ResizeObserver === 'function') {