Hassio: Fix menu button icon (#1299)

* Hassio: Fix menu button icon

* Move comments

* Hups
This commit is contained in:
c727 2018-06-19 01:32:40 +02:00 committed by GitHub
parent dc9a227aa3
commit 4cf7959b12
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 3 deletions

View File

@ -7,6 +7,7 @@ import { html } from '@polymer/polymer/lib/utils/html-tag.js';
import { PolymerElement } from '@polymer/polymer/polymer-element.js';
import '../../../src/components/ha-menu-button.js';
// For hassio-iconset: hassio:menu
import '../../../src/resources/ha-style.js';
import '../hassio-markdown-dialog.js';
import './hassio-addon-audio.js';
@ -53,7 +54,7 @@ class HassioAddonView extends PolymerElement {
<app-header-layout has-scrolling-region="">
<app-header fixed="" slot="header">
<app-toolbar>
<ha-menu-button narrow="[[narrow]]" show-menu="[[showMenu]]"></ha-menu-button>
<ha-menu-button hassio narrow="[[narrow]]" show-menu="[[showMenu]]"></ha-menu-button>
<paper-icon-button icon="hassio:arrow-left" on-click="backTapped"></paper-icon-button>
<div main-title="">Hass.io: add-on details</div>
</app-toolbar>

View File

@ -8,6 +8,7 @@ import { html } from '@polymer/polymer/lib/utils/html-tag.js';
import { PolymerElement } from '@polymer/polymer/polymer-element.js';
import '../../src/components/ha-menu-button.js';
// For hassio-iconset: hassio:menu
import '../../src/resources/ha-style.js';
import './addon-store/hassio-addon-store.js';
import './dashboard/hassio-dashboard.js';
@ -34,7 +35,7 @@ class HassioPagesWithTabs extends NavigateMixin(PolymerElement) {
<app-header-layout has-scrolling-region="">
<app-header fixed="" slot="header">
<app-toolbar>
<ha-menu-button narrow="[[narrow]]" show-menu="[[showMenu]]"></ha-menu-button>
<ha-menu-button hassio narrow="[[narrow]]" show-menu="[[showMenu]]"></ha-menu-button>
<div main-title="">Hass.io</div>
<template is="dom-if" if="[[showRefreshButton(page)]]">
<paper-icon-button icon="hassio:refresh" on-click="refreshClicked"></paper-icon-button>

View File

@ -15,7 +15,7 @@ class HaMenuButton extends EventsMixin(PolymerElement) {
visibility: hidden;
}
</style>
<paper-icon-button icon="hass:menu" class$="[[computeMenuButtonClass(narrow, showMenu)]]" on-click="toggleMenu"></paper-icon-button>
<paper-icon-button icon="[[_getIcon(hassio)]]" class$="[[computeMenuButtonClass(narrow, showMenu)]]" on-click="toggleMenu"></paper-icon-button>
`;
}
@ -30,6 +30,11 @@ class HaMenuButton extends EventsMixin(PolymerElement) {
type: Boolean,
value: false,
},
hassio: {
type: Boolean,
value: false,
}
};
}
@ -41,6 +46,10 @@ class HaMenuButton extends EventsMixin(PolymerElement) {
ev.stopPropagation();
this.fire('hass-open-menu');
}
_getIcon(hassio) {
return `${hassio ? 'hassio' : 'hass'}:menu`;
}
}
customElements.define('ha-menu-button', HaMenuButton);