From 601ddb80be00c9263b93c1376d8fdb9f921fa283 Mon Sep 17 00:00:00 2001
From: Andrey <andreyklinger@gmail.com>
Date: Sun, 5 Mar 2017 14:24:18 +0200
Subject: [PATCH 1/3] Refactor cover controls into a separate component.

---
 src/components/ha-cover-controls.html   | 60 +++++++++++++++++++++++++
 src/state-summary/state-card-cover.html | 44 +-----------------
 2 files changed, 62 insertions(+), 42 deletions(-)
 create mode 100644 src/components/ha-cover-controls.html

diff --git a/src/components/ha-cover-controls.html b/src/components/ha-cover-controls.html
new file mode 100644
index 000000000000..f06f2c028ffb
--- /dev/null
+++ b/src/components/ha-cover-controls.html
@@ -0,0 +1,60 @@
+<link rel="import" href="../../bower_components/polymer/polymer.html">
+<link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
+
+<link rel="import" href="../util/cover-model.html">
+
+<dom-module id="ha-cover-controls">
+  <template>
+    <style>
+      .state {
+        text-align: right;
+        white-space: nowrap;
+        width: 127px;
+      }
+      [invisible] {
+        visibility: hidden !important;
+      }
+    </style>
+
+    <div class='state'>
+      <paper-icon-button icon="mdi:arrow-up" on-tap='onOpenTap'
+        invisible$='[[!entityObj.supportsOpen]]'
+        disabled='[[entityObj.isFullyOpen]]'></paper-icon-button>
+      <paper-icon-button icon="mdi:stop" on-tap='onStopTap'
+        invisible$='[[!entityObj.supportsStop]]'></paper-icon-button>
+      <paper-icon-button icon="mdi:arrow-down" on-tap='onCloseTap'
+        invisible$='[[!entityObj.supportsClose]]'
+        disabled='[[entityObj.isFullyClosed]]'></paper-icon-button>
+    </div>
+  </template>
+</dom-module>
+
+<script>
+Polymer({
+  is: 'ha-cover-controls',
+  properties: {
+    hass: {
+      type: Object,
+    },
+    stateObj: {
+      type: Object,
+    },
+    entityObj: {
+      type: Object,
+      computed: 'computeEntityObj(hass, stateObj)',
+    },
+  },
+  computeEntityObj: function (hass, stateObj) {
+    return new window.CoverEntity(hass, stateObj);
+  },
+  onOpenTap: function () {
+    this.entityObj.openCover();
+  },
+  onCloseTap: function () {
+    this.entityObj.closeCover();
+  },
+  onStopTap: function () {
+    this.entityObj.stopCover();
+  },
+});
+</script>
diff --git a/src/state-summary/state-card-cover.html b/src/state-summary/state-card-cover.html
index ea8c047b0a01..38245f700073 100644
--- a/src/state-summary/state-card-cover.html
+++ b/src/state-summary/state-card-cover.html
@@ -6,7 +6,7 @@
 
 <link rel="import" href="../components/entity/state-info.html">
 
-<link rel='import' href='../util/cover-model.html'>
+<link rel="import" href="../components/ha-cover-controls.html">
 
 <dom-module id="state-card-cover">
   <template>
@@ -15,30 +15,11 @@
       :host {
         line-height: 1.5;
       }
-
-      .state {
-        text-align: right;
-        white-space: nowrap;
-        width: 127px;
-      }
-
-      [invisible] {
-        visibility: hidden !important;
-      }
     </style>
 
     <div class='horizontal justified layout'>
       <state-info state-obj="[[stateObj]]" in-dialog='[[inDialog]]'></state-info>
-      <div class='state'>
-        <paper-icon-button icon="mdi:arrow-up" on-tap='onOpenTap'
-          invisible$='[[!entityObj.supportsOpen]]'
-          disabled='[[entityObj.isFullyOpen]]'></paper-icon-button>
-        <paper-icon-button icon="mdi:stop" on-tap='onStopTap'
-          invisible$='[[!entityObj.supportsStop]]'></paper-icon-button>
-        <paper-icon-button icon="mdi:arrow-down" on-tap='onCloseTap'
-          invisible$='[[!entityObj.supportsClose]]'
-          disabled='[[entityObj.isFullyClosed]]'></paper-icon-button>
-      </div>
+      <ha-cover-controls hass="[[hass]]" state-obj="[[stateObj]]"></ha-cover-controls>
     </div>
   </template>
 </dom-module>
@@ -60,27 +41,6 @@
     stateObj: {
       type: Object,
     },
-
-    entityObj: {
-      type: Object,
-      computed: 'computeEntityObj(hass, stateObj)',
-    },
-  },
-
-  computeEntityObj: function (hass, stateObj) {
-    return new window.CoverEntity(hass, stateObj);
-  },
-
-  onOpenTap: function () {
-    this.entityObj.openCover();
-  },
-
-  onCloseTap: function () {
-    this.entityObj.closeCover();
-  },
-
-  onStopTap: function () {
-    this.entityObj.stopCover();
   },
 });
 </script>

From 0c0d8fe2f94810c3acc9dd63624d7ef660bf16ef Mon Sep 17 00:00:00 2001
From: Andrey <andreyklinger@gmail.com>
Date: Sun, 5 Mar 2017 14:27:24 +0200
Subject: [PATCH 2/3] Remove extra include

---
 src/state-summary/state-card-cover.html | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/state-summary/state-card-cover.html b/src/state-summary/state-card-cover.html
index 38245f700073..07f691acf5b5 100644
--- a/src/state-summary/state-card-cover.html
+++ b/src/state-summary/state-card-cover.html
@@ -2,8 +2,6 @@
 
 <link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layout-classes.html">
 
-<link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
-
 <link rel="import" href="../components/entity/state-info.html">
 
 <link rel="import" href="../components/ha-cover-controls.html">

From 039748b4a73f7b8ffc59d89b98db18211e429ab7 Mon Sep 17 00:00:00 2001
From: Andrey <andreyklinger@gmail.com>
Date: Sun, 5 Mar 2017 20:10:48 +0200
Subject: [PATCH 3/3] Remove unneeded css rules

---
 src/components/ha-cover-controls.html | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/ha-cover-controls.html b/src/components/ha-cover-controls.html
index f06f2c028ffb..893f3160172b 100644
--- a/src/components/ha-cover-controls.html
+++ b/src/components/ha-cover-controls.html
@@ -7,9 +7,7 @@
   <template>
     <style>
       .state {
-        text-align: right;
         white-space: nowrap;
-        width: 127px;
       }
       [invisible] {
         visibility: hidden !important;