From 4cf7959b12d85939065f3a37cb7e3fcb3e623ca7 Mon Sep 17 00:00:00 2001
From: c727 <crusader727@gmx.de>
Date: Tue, 19 Jun 2018 01:32:40 +0200
Subject: [PATCH] Hassio: Fix menu button icon (#1299)

* Hassio: Fix menu button icon

* Move comments

* Hups
---
 hassio/src/addon-view/hassio-addon-view.js |  3 ++-
 hassio/src/hassio-pages-with-tabs.js       |  3 ++-
 src/components/ha-menu-button.js           | 11 ++++++++++-
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/hassio/src/addon-view/hassio-addon-view.js b/hassio/src/addon-view/hassio-addon-view.js
index 1061880b62..0340965671 100644
--- a/hassio/src/addon-view/hassio-addon-view.js
+++ b/hassio/src/addon-view/hassio-addon-view.js
@@ -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>
diff --git a/hassio/src/hassio-pages-with-tabs.js b/hassio/src/hassio-pages-with-tabs.js
index 17e006c19e..350917af27 100644
--- a/hassio/src/hassio-pages-with-tabs.js
+++ b/hassio/src/hassio-pages-with-tabs.js
@@ -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>
diff --git a/src/components/ha-menu-button.js b/src/components/ha-menu-button.js
index fafea677e8..0edd739f87 100644
--- a/src/components/ha-menu-button.js
+++ b/src/components/ha-menu-button.js
@@ -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);