From 39172f8c49a5253b28eb8508940e2ffa4f0ca451 Mon Sep 17 00:00:00 2001
From: c727 <crusader727@gmx.de>
Date: Thu, 1 Mar 2018 17:23:47 +0100
Subject: [PATCH] Hassio reload addons and snapshots (#937)

* Hassio reload addons and snapshots

* Add refresh button again

* Travis

* Remove Eventlistener
---
 hassio/addon-store/hassio-addon-store.html |  1 -
 hassio/hassio-pages-with-tabs.html         | 23 ++++++++++++++++++++--
 hassio/snapshots/hassio-snapshots.html     |  7 +++++++
 3 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/hassio/addon-store/hassio-addon-store.html b/hassio/addon-store/hassio-addon-store.html
index 61f08bca19..af16f17be2 100644
--- a/hassio/addon-store/hassio-addon-store.html
+++ b/hassio/addon-store/hassio-addon-store.html
@@ -41,7 +41,6 @@ class HassioAddonStore extends Polymer.Element {
   ready() {
     super.ready();
     this.addEventListener('hass-api-called', ev => this.apiCalled(ev));
-    this.addEventListener('hassio-store-refresh', ev => this.refreshData(ev));
     this.loadData();
   }
 
diff --git a/hassio/hassio-pages-with-tabs.html b/hassio/hassio-pages-with-tabs.html
index 1e2d72cfc9..625a89fa6e 100644
--- a/hassio/hassio-pages-with-tabs.html
+++ b/hassio/hassio-pages-with-tabs.html
@@ -4,6 +4,7 @@
 <link rel='import' href='../bower_components/app-layout/app-toolbar/app-toolbar.html'>
 <link rel='import' href='../bower_components/paper-tabs/paper-tabs.html'>
 <link rel='import' href='../bower_components/paper-tabs/paper-tab.html'>
+<link rel='import' href='../bower_components/paper-icon-button/paper-icon-button.html'>
 
 <link rel='import' href='../src/components/ha-menu-button.html'>
 <link rel='import' href='../src/util/hass-mixins.html'>
@@ -33,6 +34,12 @@
         <app-toolbar>            
           <ha-menu-button 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='mdi:refresh'
+              on-click='refreshClicked'
+            ></paper-icon-button>
+          </template>
         </app-toolbar>
         <paper-tabs
           scrollable
@@ -42,7 +49,7 @@
         >
           <paper-tab page-name='dashboard'>Dashboard</paper-tab>
           <paper-tab page-name='snapshots'>Snapshots</paper-tab>
-          <paper-tab page-name='store'>Add-on store</paper-tab>          
+          <paper-tab page-name='store'>Add-on store</paper-tab>
           <paper-tab page-name='system'>System</paper-tab>
         </paper-tabs>
       </app-header>
@@ -74,7 +81,7 @@
         ></hassio-system>
       </template>
     </app-header-layout>
-    <template is='dom-if' if='[[equals(page, "snapshots")]]'>      
+    <template is='dom-if' if='[[equals(page, "snapshots")]]'>
       <hassio-snapshot      
         hass='[[hass]]'
         snapshot-slug='{{snapshotSlug}}'
@@ -112,6 +119,18 @@ class HassioPagesWithTabs extends window.hassMixins.NavigateMixin(Polymer.Elemen
   equals(a, b) {
     return a === b;
   }
+
+  showRefreshButton(page) {
+    return page === 'store' || page === 'snapshots';
+  }
+
+  refreshClicked() {
+    if (this.page === 'snapshots') {
+      this.shadowRoot.querySelector('hassio-snapshots').refreshData();
+    } else {
+      this.shadowRoot.querySelector('hassio-addon-store').refreshData();
+    }
+  }
 }
 
 customElements.define(HassioPagesWithTabs.is, HassioPagesWithTabs);
diff --git a/hassio/snapshots/hassio-snapshots.html b/hassio/snapshots/hassio-snapshots.html
index 7888e51600..4f48f4802e 100644
--- a/hassio/snapshots/hassio-snapshots.html
+++ b/hassio/snapshots/hassio-snapshots.html
@@ -265,6 +265,13 @@ class HassioSnapshots extends window.hassMixins.EventsMixin(Polymer.Element) {
       this.snapshotDeleted = false;
     }
   }
+
+  refreshData() {
+    this.hass.callApi('post', 'hassio/snapshots/reload')
+      .then(() => {
+        this.updateSnapshots();
+      });
+  }
 }
 
 customElements.define(HassioSnapshots.is, HassioSnapshots);