jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-23 09:16:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix ha paper slider (#1203)

Browse Source 
* Fix ha-paper-slider

* Fix ha-paper-slider
This commit is contained in:
Paulus Schoutsen 2018-05-21 10:45:04 -04:00 committed by GitHub
parent 081e8d9824
commit 6bf34afc31
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
src/components/ha-paper-slider.js
View File

@ -1,13 +1,19 @@
import '@polymer/paper-slider/paper-slider.js'; import '@polymer/paper-slider/paper-slider.js';
import { DomModule } from '@polymer/polymer/lib/elements/dom-module.js';
import '@polymer/polymer/polymer-legacy.js';
const documentContainer = document.createElement('template'); /**
documentContainer.setAttribute('style', 'display: none;'); * @polymer
* @customElement
* @appliesMixin paper-slider
*/
const PaperSliderClass = customElements.get('paper-slider');
documentContainer.innerHTML = `<dom-module id="ha-paper-slider"> class HaPaperSlider extends PaperSliderClass {
<template strip-whitespace=""> static get template() {
<style include="paper-slider"> const tpl = document.createElement('template');
tpl.innerHTML = PaperSliderClass.template.innerHTML;
const styleEl = tpl.content.querySelector('style');
styleEl.setAttribute('include', 'paper-slider');
styleEl.innerHTML = `
.pin > .slider-knob > .slider-knob-inner { .pin > .slider-knob > .slider-knob-inner {
font-size: var(--ha-paper-slider-pin-font-size, 10px); font-size: var(--ha-paper-slider-pin-font-size, 10px);
line-height: normal; line-height: normal;
@ -53,37 +59,8 @@ documentContainer.innerHTML = `<dom-module id="ha-paper-slider">
-webkit-transform: scale(1) translate(0, -10px); -webkit-transform: scale(1) translate(0, -10px);
transform: scale(1) translate(0, -10px); transform: scale(1) translate(0, -10px);
} }
</style> `;
</template> return tpl;
</dom-module>`;
document.head.appendChild(documentContainer.content);
{
/**
* @polymer
* @customElement
* @appliesMixin paper-slider
*/
const PaperSliderClass = customElements.get('paper-slider');
let myTemplate;
class HaPaperSlider extends PaperSliderClass {
static get template() {
if (!myTemplate) {
// Retrieve this element's dom-module template
myTemplate = DomModule.import(HaPaperSlider.is, 'template');
// Clone the contents of the superclass template
const superTemplateContents = document.importNode(PaperSliderClass.template.content, true);
// Remove the style from superclass contents, we already included them in our own <style>
superTemplateContents.querySelector('style').remove();
// Insert the superclass contents
myTemplate.content.append(superTemplateContents);
}
return myTemplate;
}
} }
customElements.define('ha-paper-slider', HaPaperSlider);
} }
customElements.define('ha-paper-slider', HaPaperSlider);