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

Add support for CSS imports (#1517)

Browse Source 
* Add support for CSS imports

* Abc
This commit is contained in:
c727 2018-07-24 20:31:15 +02:00 committed by Paulus Schoutsen
parent 7b579c8e7a
commit 72390aaadc
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/panels/lovelace/hui-root.js
View File

@ -20,14 +20,15 @@ import NavigateMixin from '../../mixins/navigate-mixin.js';
import '../../layouts/ha-app-layout.js'; import '../../layouts/ha-app-layout.js';
import '../../components/ha-start-voice-button.js'; import '../../components/ha-start-voice-button.js';
import '../../components/ha-icon.js'; import '../../components/ha-icon.js';
import { loadModule, loadJS } from '../../common/dom/load_resource.js'; import { loadModule, loadCSS, loadJS } from '../../common/dom/load_resource.js';
import './hui-unused-entities.js'; import './hui-unused-entities.js';
import './hui-view.js'; import './hui-view.js';
import debounce from '../../common/util/debounce.js'; import debounce from '../../common/util/debounce.js';
import createCardElement from './common/create-card-element.js'; import createCardElement from './common/create-card-element.js';
// JS should only be imported once. Modules and HTML are safe. // CSS and JS should only be imported once. Modules and HTML are safe.
const CSS_CACHE = {};
const JS_CACHE = {}; const JS_CACHE = {};
class HUIRoot extends NavigateMixin(EventsMixin(PolymerElement)) { class HUIRoot extends NavigateMixin(EventsMixin(PolymerElement)) {
@ -258,6 +259,11 @@ class HUIRoot extends NavigateMixin(EventsMixin(PolymerElement)) {
_loadResources(resources) { _loadResources(resources) {
resources.forEach((resource) => { resources.forEach((resource) => {
switch (resource.type) { switch (resource.type) {
case 'css':
if (resource.url in CSS_CACHE) break;
CSS_CACHE[resource.url] = loadCSS(resource.url);
break;
case 'js': case 'js':
if (resource.url in JS_CACHE) break; if (resource.url in JS_CACHE) break;
JS_CACHE[resource.url] = loadJS(resource.url); JS_CACHE[resource.url] = loadJS(resource.url);