jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-11-09 10:59:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Generate Hass and Hass.io specific iconset (#1214)

Browse Source 
* Generate hass icons

* Generate Hass.io icons

* Convert hass.io to use hassio iconset

* Convert src to use hass iconset

* Give mdi-icons a chunk name

* gen-index-html aware of hass-icons

* Use ha-icon for rendering state icon
This commit is contained in:
Paulus Schoutsen
2018-05-27 17:04:18 -04:00
committed by GitHub
parent 294f0febbf
commit 66012da4de
81 changed files with 384 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -40,7 +40,7 @@ class HaEntityPicker extends EventsMixin(LocalizeMixin(PolymerElement)) {
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="clear-button" icon="hass: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>
</paper-input>
<template>
@@ -142,7 +142,7 @@ class HaEntityPicker extends EventsMixin(LocalizeMixin(PolymerElement)) {
}
_computeToggleIcon(opened) {
return opened ? 'mdi:menu-up' : 'mdi:menu-down';
return opened ? 'hass:menu-up' : 'hass:menu-down';
}
_fireChanged(ev) {

4
src/components/entity/ha-entity-toggle.js
View File

@@ -30,8 +30,8 @@ class HaEntityToggle extends PolymerElement {
</style>
<template is="dom-if" if="[[stateObj.attributes.assumed_state]]">
<paper-icon-button icon="mdi:flash-off" on-click="turnOff" state-active\$="[[!isOn]]"></paper-icon-button>
<paper-icon-button icon="mdi:flash" on-click="turnOn" state-active\$="[[isOn]]"></paper-icon-button>
<paper-icon-button icon="hass:flash-off" on-click="turnOff" state-active\$="[[!isOn]]"></paper-icon-button>
<paper-icon-button icon="hass:flash" on-click="turnOn" state-active\$="[[isOn]]"></paper-icon-button>
</template>
<template is="dom-if" if="[[!stateObj.attributes.assumed_state]]">
<paper-toggle-button checked="[[toggleChecked]]" on-change="toggleChanged"></paper-toggle-button>

6
src/components/entity/ha-state-icon.js
View File

@@ -1,14 +1,12 @@
import '@polymer/iron-icon/iron-icon.js';
import { html } from '@polymer/polymer/lib/utils/html-tag.js';
import { PolymerElement } from '@polymer/polymer/polymer-element.js';
import '../ha-icon.js';
import stateIcon from '../../common/entity/state_icon.js';
class HaStateIcon extends PolymerElement {
static get template() {
return html`
<iron-icon icon="[[computeIcon(stateObj)]]"></iron-icon>
`;
return html`<ha-icon icon="[[computeIcon(stateObj)]]"></ha-icon>`;
}
static get properties() {

16
src/components/entity/ha-state-label-badge.js
View File

@@ -132,17 +132,17 @@ class HaStateLabelBadge extends
switch (domain) {
case 'alarm_control_panel':
if (state.state === 'pending') {
return 'mdi:clock-fast';
return 'hass:clock-fast';
} else if (state.state === 'armed_away') {
return 'mdi:nature';
return 'hass:nature';
} else if (state.state === 'armed_home') {
return 'mdi:home-variant';
return 'hass:home-variant';
} else if (state.state === 'armed_night') {
return 'mdi:weather-night';
return 'hass:weather-night';
} else if (state.state === 'armed_custom_bypass') {
return 'mdi:security-home';
return 'hass:security-home';
} else if (state.state === 'triggered') {
return 'mdi:alert-circle';
return 'hass:alert-circle';
}
// state == 'disarmed'
return domainIcon(domain, state.state);
@@ -152,9 +152,9 @@ class HaStateLabelBadge extends
return stateIcon(state);
case 'sun':
return state.state === 'above_horizon' ?
domainIcon(domain) : 'mdi:brightness-3';
domainIcon(domain) : 'hass:brightness-3';
case 'timer':
return state.state === 'active' ? 'mdi:timer' : 'mdi:timer-off';
return state.state === 'active' ? 'hass:timer' : 'hass:timer-off';
default:
return null;
}