From ecb5c58262f63b19422f89ca6a037d57ab512507 Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <paulus@paulusschoutsen.nl>
Date: Mon, 20 Feb 2017 00:20:25 -0800
Subject: [PATCH] Reord Z-Wave config (#217)

---
 .eslintrc                                     |   2 +-
 .../{ => core}/ha-config-section-core.html    |  26 +-
 panels/config/ha-config-section-zwave.html    | 251 ------------------
 panels/config/ha-entity-config.html           | 181 +++++++++++++
 panels/config/ha-form-style.html              |  19 ++
 panels/config/ha-panel-config.html            |   8 +-
 .../ha-config-section-hassbian.html           |  24 +-
 .../z-wave/ha-config-section-zwave.html       |  82 ++++++
 .../config/z-wave/ha-form-zwave-device.html   | 102 +++++++
 9 files changed, 414 insertions(+), 281 deletions(-)
 rename panels/config/{ => core}/ha-config-section-core.html (82%)
 delete mode 100644 panels/config/ha-config-section-zwave.html
 create mode 100644 panels/config/ha-entity-config.html
 create mode 100644 panels/config/ha-form-style.html
 rename panels/config/{ => hassbian}/ha-config-section-hassbian.html (81%)
 create mode 100644 panels/config/z-wave/ha-config-section-zwave.html
 create mode 100644 panels/config/z-wave/ha-form-zwave-device.html

diff --git a/.eslintrc b/.eslintrc
index afd317db1f..81aa76e3d2 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -27,7 +27,7 @@
     "no-param-reassign": 0,
     "no-multi-assign": 0
   },
-  plugins: [
+  "plugins": [
     "html"
   ]
 }
diff --git a/panels/config/ha-config-section-core.html b/panels/config/core/ha-config-section-core.html
similarity index 82%
rename from panels/config/ha-config-section-core.html
rename to panels/config/core/ha-config-section-core.html
index e96e3d870c..031eb49744 100644
--- a/panels/config/ha-config-section-core.html
+++ b/panels/config/core/ha-config-section-core.html
@@ -1,19 +1,19 @@
-<link rel="import" href="../../bower_components/polymer/polymer.html">
-<link rel='import' href='../../bower_components/iron-media-query/iron-media-query.html'>
-<link rel="import" href="../../bower_components/paper-button/paper-button.html">
-<link rel="import" href="../../bower_components/paper-input/paper-input.html">
-<link rel="import" href="../../bower_components/paper-button/paper-button.html">
-<link rel="import" href="../../bower_components/paper-card/paper-card.html">
+<link rel="import" href="../../../bower_components/polymer/polymer.html">
+<link rel='import' href='../../../bower_components/iron-media-query/iron-media-query.html'>
+<link rel="import" href="../../../bower_components/paper-button/paper-button.html">
+<link rel="import" href="../../../bower_components/paper-input/paper-input.html">
+<link rel="import" href="../../../bower_components/paper-button/paper-button.html">
+<link rel="import" href="../../../bower_components/paper-card/paper-card.html">
 
-<link rel="import" href="../../bower_components/app-layout/app-header-layout/app-header-layout.html">
-<link rel="import" href="../../bower_components/app-layout/app-header/app-header.html">
-<link rel="import" href="../../bower_components/app-layout/app-toolbar/app-toolbar.html">
+<link rel="import" href="../../../bower_components/app-layout/app-header-layout/app-header-layout.html">
+<link rel="import" href="../../../bower_components/app-layout/app-header/app-header.html">
+<link rel="import" href="../../../bower_components/app-layout/app-toolbar/app-toolbar.html">
 
-<link rel="import" href="../../src/components/ha-menu-button.html">
-<link rel="import" href="../../src/resources/ha-style.html">
+<link rel="import" href="../../../src/components/ha-menu-button.html">
+<link rel="import" href="../../../src/resources/ha-style.html">
 
-<link rel="import" href="./ha-config-section.html">
-<link rel="import" href="./ha-call-service-button.html">
+<link rel="import" href="../ha-config-section.html">
+<link rel="import" href="../ha-call-service-button.html">
 
 <dom-module id="ha-config-section-core">
   <template>
diff --git a/panels/config/ha-config-section-zwave.html b/panels/config/ha-config-section-zwave.html
deleted file mode 100644
index cb5c3df7c7..0000000000
--- a/panels/config/ha-config-section-zwave.html
+++ /dev/null
@@ -1,251 +0,0 @@
-<link rel="import" href="../../bower_components/polymer/polymer.html">
-<link rel="import" href="../../bower_components/paper-button/paper-button.html">
-<link rel="import" href="../../bower_components/paper-card/paper-card.html">
-<link rel="import" href="../../bower_components/paper-checkbox/paper-checkbox.html">
-<link rel="import" href="../../bower_components/paper-spinner/paper-spinner.html">
-<link rel="import" href="../../bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
-<link rel='import' href='../../bower_components/paper-listbox/paper-listbox.html'>
-<link rel='import' href='../../bower_components/paper-item/paper-item.html'>
-
-<link rel="import" href="../../src/resources/ha-style.html">
-
-<link rel="import" href="./ha-config-section.html">
-
-<dom-module id="ha-config-section-zwave">
-  <template>
-    <style include="iron-flex ha-style">
-      .device-picker {
-        @apply(--layout-horizontal);
-        padding-bottom: 32px;
-      }
-
-      .form-placeholder {
-        @apply(--layout-vertical);
-        @apply(--layout-center-center);
-        height: 96px;
-      }
-
-      .form-group {
-        @apply(--layout-horizontal);
-        @apply(--layout-center);
-        padding: 4px 16px;
-      }
-
-      .form-group label {
-        @apply(--layout-flex-2);
-      }
-
-      .form-group .form-control {
-        @apply(--layout-flex-1);
-      }
-    </style>
-    <ha-config-section is-wide='[[isWide]]'>
-      <span slot='header'>Z-Wave</span>
-      <span slot='introduction'>
-        Z-Wave devices contain a lot of options. These controls will allow you to get into the nitty gritty details.
-      </span>
-
-      <paper-card>
-        <div class='card-content'>
-          <div class='device-picker'>
-            <paper-dropdown-menu
-              label='Device'
-              class='flex'
-              disabled='[[!entities.length]]'
-            >
-              <paper-listbox
-                class="dropdown-content"
-                selected='{{selectedEntity}}'
-              >
-                <template is='dom-repeat' items='[[entities]]' as='state'>
-                  <paper-item>[[computeSelectCaption(state)]]</paper-item>
-                </template>
-              </paper-listbox>
-            </paper-dropdown-menu>
-          </div>
-
-          <div class='form-container'>
-            <template is='dom-if' if='[[computeShowPlaceholder(formState)]]'>
-              <div class='form-placeholder'>
-                <template is='dom-if' if='[[computeShowNoDevices(formState)]]'>
-                  No Z-Wave devices found! :-(
-                </template>
-
-                <template is='dom-if' if='[[computeShowSpinner(formState)]]'>
-                  <paper-spinner active alt='[[formState]]'></paper-spinner>
-                  [[formState]]
-                </template>
-              </div>
-            </template>
-
-            <template is='dom-if' if='[[computeShowForm(formState)]]'>
-              <div class='form-group'>
-                <paper-checkbox
-                  checked='{{entityIgnored}}'
-                  class='form-control'
-                >
-                  Exclude from Home Assistant
-                </paper-checkbox>
-              </div>
-
-              <div class='form-group'>
-                <paper-dropdown-menu
-                  class='form-control flex'
-                  label='Polling intensity'
-                  disabled='[[entityIgnored]]'
-                >
-                  <paper-listbox
-                    class="dropdown-content"
-                    selected='{{entityPollingIntensity}}'
-                  >
-                    <paper-item>Do not poll (0)</paper-item>
-                    <paper-item>Poll every time (1)</paper-item>
-                    <paper-item>Poll every other time (2)</paper-item>
-                  </paper-listbox>
-                </paper-dropdown-menu>
-              </div>
-            </template>
-          </div>
-        </div>
-        <div class='card-actions'>
-          <paper-button
-            on-tap='saveEntity'
-            disabled='[[computeShowPlaceholder(formState)]]'
-          >SAVE</paper-button>
-        </div>
-      </paper-card>
-
-    </ha-config-section>
-  </template>
-</dom-module>
-
-<script>
-Polymer({
-  is: 'ha-config-section-zwave',
-
-  properties: {
-    hass: {
-      type: Object,
-    },
-
-    isWide: {
-      type: Boolean,
-      value: false,
-    },
-
-    entities: {
-      type: Array,
-      computed: 'computeEntities(hass)',
-      observer: 'entitiesChanged',
-    },
-
-    selectedEntity: {
-      type: Number,
-      value: -1,
-      observer: 'entityChanged',
-    },
-
-    entityIgnored: {
-      type: Boolean,
-    },
-
-    entityPollingIntensity: {
-      type: Number,
-    },
-
-    formState: {
-      type: String,
-      // no-devices, loading, saving, editing
-      value: 'no-devices',
-    },
-  },
-
-  computeEntities: function (hass) {
-    return Object.keys(hass.states).map(function (key) { return hass.states[key]; })
-      .filter(function (el) {
-        return (!el.attributes.hidden &&
-                'node_id' in el.attributes);
-      })
-      .sort(function (entityA, entityB) {
-        if (entityA.entity_id < entityB.entity_id) {
-          return -1;
-        }
-        if (entityA.entity_id > entityB.entity_id) {
-          return 1;
-        }
-        return 0;
-      });
-  },
-
-  computeSelectCaption: function (stateObj) {
-    return window.hassUtil.computeStateName(stateObj) +
-      ' (' + window.hassUtil.computeDomain(stateObj) + ')';
-  },
-
-  computeShowNoDevices: function (formState) {
-    return formState === 'no-devices';
-  },
-
-  computeShowSpinner: function (formState) {
-    return formState === 'loading' || formState === 'saving';
-  },
-
-  computeShowPlaceholder: function (formState) {
-    return formState !== 'editing';
-  },
-
-  computeShowForm: function (formState) {
-    return formState === 'editing';
-  },
-
-  entitiesChanged: function (entities, oldEntities) {
-    if (entities.length === 0) {
-      this.formState = 'no-devices';
-      return;
-    } else if (!oldEntities) {
-      this.selectedEntity = 0;
-      return;
-    }
-
-    var oldEntityId = oldEntities[this.selectedEntity].entity_id;
-
-    var newIndex = entities.findIndex(function (ent) {
-      return ent.entity_id === oldEntityId;
-    });
-
-    if (newIndex === -1) {
-      this.selectedEntity = 0;
-    } else if (newIndex !== this.selectedEntity) {
-      // Entity moved index
-      this.selectedEntity = newIndex;
-    }
-  },
-
-  entityChanged: function (index) {
-    if (!this.entities) return;
-    var entity = this.entities[index];
-    this.formState = 'loading';
-    var el = this;
-    this.hass.callApi('GET', 'config/zwave/device_config/' + entity.entity_id)
-      .then(function (data) {
-        el.entityIgnored = data.ignored || false;
-        el.entityPollingIntensity = data.polling_intensity || 0;
-        el.formState = 'editing';
-      });
-  },
-
-  saveEntity: function () {
-    var entity = this.entities[this.selectedEntity];
-    var data = {
-      ignored: this.entityIgnored,
-      polling_intensity: this.entityPollingIntensity,
-    };
-    this.formState = 'saving';
-    var el = this;
-    this.hass.callApi('POST', 'config/zwave/device_config/' + entity.entity_id, data)
-      .then(function () {
-        el.formState = 'editing';
-      });
-  },
-});
-</script>
diff --git a/panels/config/ha-entity-config.html b/panels/config/ha-entity-config.html
new file mode 100644
index 0000000000..4ffe874e6b
--- /dev/null
+++ b/panels/config/ha-entity-config.html
@@ -0,0 +1,181 @@
+<dom-module id="ha-entity-config">
+  <template>
+    <style include="iron-flex ha-style">
+      paper-card {
+        display: block;
+      }
+
+      .device-picker {
+        @apply(--layout-horizontal);
+        padding-bottom: 32px;
+      }
+
+      .form-placeholder {
+        @apply(--layout-vertical);
+        @apply(--layout-center-center);
+        height: 96px;
+      }
+
+      [hidden]: {
+        display: none;
+      }
+    </style>
+    <paper-card>
+      <div class='card-content'>
+        <div class='device-picker'>
+          <paper-dropdown-menu
+            label='Device'
+            class='flex'
+            disabled='[[!entities.length]]'
+          >
+            <paper-listbox
+              class="dropdown-content"
+              selected='{{selectedEntity}}'
+            >
+              <template is='dom-repeat' items='[[entities]]' as='state'>
+                <paper-item>[[computeSelectCaption(state)]]</paper-item>
+              </template>
+            </paper-listbox>
+          </paper-dropdown-menu>
+        </div>
+
+        <div class='form-container'>
+          <template is='dom-if' if='[[computeShowPlaceholder(formState)]]'>
+            <div class='form-placeholder'>
+              <template is='dom-if' if='[[computeShowNoDevices(formState)]]'>
+                No entities found! :-(
+              </template>
+
+              <template is='dom-if' if='[[computeShowSpinner(formState)]]'>
+                <paper-spinner active alt='[[formState]]'></paper-spinner>
+                [[formState]]
+              </template>
+            </div>
+          </template>
+
+          <div hidden$='[[!computeShowForm(formState)]]' id='form'></div>
+        </div>
+      </div>
+      <div class='card-actions'>
+        <paper-button
+          on-tap='saveEntity'
+          disabled='[[computeShowPlaceholder(formState)]]'
+        >SAVE</paper-button>
+      </div>
+    </paper-card>
+
+  </template>
+</dom-module>
+
+<script>
+Polymer({
+  is: 'ha-entity-config',
+
+  properties: {
+    hass: {
+      type: Object,
+      observer: 'hassChanged',
+    },
+
+    entities: {
+      type: Array,
+      observer: 'entitiesChanged',
+    },
+
+    selectedEntity: {
+      type: Number,
+      value: -1,
+      observer: 'entityChanged',
+    },
+
+    formState: {
+      type: String,
+      // no-devices, loading, saving, editing
+      value: 'no-devices',
+    },
+
+    config: {
+      type: Object,
+    }
+  },
+
+  attached: function () {
+    this.formEl = document.createElement(this.config.component);
+    this.formEl.hass = this.hass;
+    this.$.form.appendChild(this.formEl);
+    this.entityChanged(this.selectedEntity);
+  },
+
+  computeSelectCaption: function (stateObj) {
+    return this.config.computeSelectCaption ?
+      this.config.computeSelectCaption(stateObj) :
+      window.hassUtil.computeStateName(stateObj);
+  },
+
+  computeShowNoDevices: function (formState) {
+    return formState === 'no-devices';
+  },
+
+  computeShowSpinner: function (formState) {
+    return formState === 'loading' || formState === 'saving';
+  },
+
+  computeShowPlaceholder: function (formState) {
+    return formState !== 'editing';
+  },
+
+  computeShowForm: function (formState) {
+    return formState === 'editing';
+  },
+
+  hassChanged: function (hass) {
+    if (this.formEl) {
+      this.formEl.hass = hass;
+    }
+  },
+
+  entitiesChanged: function (entities, oldEntities) {
+    if (entities.length === 0) {
+      this.formState = 'no-devices';
+      return;
+    } else if (!oldEntities) {
+      this.selectedEntity = 0;
+      return;
+    }
+
+    var oldEntityId = oldEntities[this.selectedEntity].entity_id;
+
+    var newIndex = entities.findIndex(function (ent) {
+      return ent.entity_id === oldEntityId;
+    });
+
+    if (newIndex === -1) {
+      this.selectedEntity = 0;
+    } else if (newIndex !== this.selectedEntity) {
+      // Entity moved index
+      this.selectedEntity = newIndex;
+    }
+  },
+
+  entityChanged: function (index) {
+    if (!this.entities || !this.formEl) return;
+    var entity = this.entities[index];
+
+    this.formState = 'loading';
+    var el = this;
+    this.formEl.loadEntity(entity)
+      .then(function () {
+        el.formState = 'editing';
+      });
+  },
+
+  saveEntity: function () {
+    this.formState = 'saving';
+    var el = this;
+    this.formEl.saveEntity()
+      .then(function () {
+        el.formState = 'editing';
+      });
+  },
+});
+</script>
diff --git a/panels/config/ha-form-style.html b/panels/config/ha-form-style.html
new file mode 100644
index 0000000000..6754b1db9d
--- /dev/null
+++ b/panels/config/ha-form-style.html
@@ -0,0 +1,19 @@
+<dom-module id='ha-form-style'>
+  <template>
+    <style>
+      .form-group {
+        @apply(--layout-horizontal);
+        @apply(--layout-center);
+        padding: 4px 16px;
+      }
+
+      .form-group label {
+        @apply(--layout-flex-2);
+      }
+
+      .form-group .form-control {
+        @apply(--layout-flex-1);
+      }
+    </style>
+  </template>
+</dom-module>
diff --git a/panels/config/ha-panel-config.html b/panels/config/ha-panel-config.html
index 8126bab2af..ad2f792a72 100644
--- a/panels/config/ha-panel-config.html
+++ b/panels/config/ha-panel-config.html
@@ -4,9 +4,9 @@
 <link rel="import" href="../../bower_components/app-layout/app-toolbar/app-toolbar.html">
 <link rel="import" href="../../src/components/ha-menu-button.html">
 <link rel='import' href='../../bower_components/iron-media-query/iron-media-query.html'>
-<link rel="import" href="./ha-config-section-core.html">
-<link rel="import" href="./ha-config-section-hassbian.html">
-<link rel="import" href="./ha-config-section-zwave.html">
+<link rel="import" href="./core/ha-config-section-core.html">
+<link rel="import" href="./hassbian/ha-config-section-hassbian.html">
+<link rel="import" href="./z-wave/ha-config-section-zwave.html">
 
 <dom-module id="ha-panel-config">
   <template>
@@ -108,7 +108,7 @@ Polymer({
   },
 
   computeIsZwaveLoaded(hass) {
-    return window.hassUtil.isComponentLoaded(hass, 'config.zwave');
+    return true || window.hassUtil.isComponentLoaded(hass, 'config.zwave');
   },
 });
 </script>
diff --git a/panels/config/ha-config-section-hassbian.html b/panels/config/hassbian/ha-config-section-hassbian.html
similarity index 81%
rename from panels/config/ha-config-section-hassbian.html
rename to panels/config/hassbian/ha-config-section-hassbian.html
index 3b560b79a6..3269f11db2 100644
--- a/panels/config/ha-config-section-hassbian.html
+++ b/panels/config/hassbian/ha-config-section-hassbian.html
@@ -1,18 +1,18 @@
-<link rel="import" href="../../bower_components/polymer/polymer.html">
-<link rel='import' href='../../bower_components/iron-media-query/iron-media-query.html'>
-<link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
-<link rel="import" href="../../bower_components/paper-input/paper-input.html">
-<link rel="import" href="../../bower_components/paper-button/paper-button.html">
-<link rel="import" href="../../bower_components/paper-card/paper-card.html">
+<link rel="import" href="../../../bower_components/polymer/polymer.html">
+<link rel='import' href='../../../bower_components/iron-media-query/iron-media-query.html'>
+<link rel="import" href="../../../bower_components/paper-icon-button/paper-icon-button.html">
+<link rel="import" href="../../../bower_components/paper-input/paper-input.html">
+<link rel="import" href="../../../bower_components/paper-button/paper-button.html">
+<link rel="import" href="../../../bower_components/paper-card/paper-card.html">
 
-<link rel="import" href="../../bower_components/app-layout/app-header-layout/app-header-layout.html">
-<link rel="import" href="../../bower_components/app-layout/app-header/app-header.html">
-<link rel="import" href="../../bower_components/app-layout/app-toolbar/app-toolbar.html">
+<link rel="import" href="../../../bower_components/app-layout/app-header-layout/app-header-layout.html">
+<link rel="import" href="../../../bower_components/app-layout/app-header/app-header.html">
+<link rel="import" href="../../../bower_components/app-layout/app-toolbar/app-toolbar.html">
 
-<link rel="import" href="../../src/components/ha-menu-button.html">
-<link rel="import" href="../../src/resources/ha-style.html">
+<link rel="import" href="../../../src/components/ha-menu-button.html">
+<link rel="import" href="../../../src/resources/ha-style.html">
 
-<link rel="import" href="./ha-config-section.html">
+<link rel="import" href="../ha-config-section.html">
 
 <dom-module id="ha-config-section-hassbian">
   <template>
diff --git a/panels/config/z-wave/ha-config-section-zwave.html b/panels/config/z-wave/ha-config-section-zwave.html
new file mode 100644
index 0000000000..39ca8a87fb
--- /dev/null
+++ b/panels/config/z-wave/ha-config-section-zwave.html
@@ -0,0 +1,82 @@
+<link rel="import" href="../../../bower_components/polymer/polymer.html">
+<link rel="import" href="../../../bower_components/paper-button/paper-button.html">
+<link rel="import" href="../../../bower_components/paper-card/paper-card.html">
+<link rel="import" href="../../../bower_components/paper-checkbox/paper-checkbox.html">
+<link rel="import" href="../../../bower_components/paper-spinner/paper-spinner.html">
+<link rel="import" href="../../../bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
+<link rel='import' href='../../../bower_components/paper-listbox/paper-listbox.html'>
+<link rel='import' href='../../../bower_components/paper-item/paper-item.html'>
+
+<link rel="import" href="../../../src/resources/ha-style.html">
+
+<link rel="import" href="../ha-config-section.html">
+<link rel="import" href="../ha-entity-config.html">
+<link rel="import" href="./ha-form-zwave-device.html">
+
+<dom-module id="ha-config-section-zwave">
+  <template>
+    <ha-config-section is-wide='[[isWide]]'>
+      <span slot='header'>Z-Wave</span>
+      <span slot='introduction'>
+        Z-Wave devices contain a lot of options. These controls will allow you to get into the nitty gritty details.
+      </span>
+
+      <ha-entity-config
+        hass='[[hass]]'
+        entities='[[entities]]'
+        config='[[entityConfig]]'>
+      </ha-entity-config>
+    </ha-config-section>
+  </template>
+</dom-module>
+
+<script>
+Polymer({
+  is: 'ha-config-section-zwave',
+
+  properties: {
+    hass: {
+      type: Object,
+    },
+
+    isWide: {
+      type: Boolean,
+      value: false,
+    },
+
+    entities: {
+      type: Array,
+      computed: 'computeEntities(hass)',
+    },
+
+    entityConfig: {
+      type: Object,
+      value: {
+        component: 'ha-form-zwave-device',
+        computeSelectCaption: function (stateObj) {
+          return window.hassUtil.computeStateName(stateObj) +
+            ' (' + window.hassUtil.computeDomain(stateObj) + ')';
+        },
+      }
+    }
+  },
+
+  computeEntities: function (hass) {
+    return Object.keys(hass.states)
+      .map(function (key) { return hass.states[key]; })
+      .filter(function (el) {
+        return (!el.attributes.hidden &&
+                'node_id' in el.attributes);
+      })
+      .sort(function (entityA, entityB) {
+        if (entityA.entity_id < entityB.entity_id) {
+          return -1;
+        }
+        if (entityA.entity_id > entityB.entity_id) {
+          return 1;
+        }
+        return 0;
+      });
+  },
+});
+</script>
diff --git a/panels/config/z-wave/ha-form-zwave-device.html b/panels/config/z-wave/ha-form-zwave-device.html
new file mode 100644
index 0000000000..0cf4d795e1
--- /dev/null
+++ b/panels/config/z-wave/ha-form-zwave-device.html
@@ -0,0 +1,102 @@
+<link rel="import" href="../../../bower_components/polymer/polymer.html">
+
+<link rel="import" href="../ha-form-style.html">
+
+<dom-module id="ha-form-zwave-device">
+  <template>
+    <style include="iron-flex ha-style ha-form-style">
+      .device-picker {
+        @apply(--layout-horizontal);
+        padding-bottom: 32px;
+      }
+
+      .form-placeholder {
+        @apply(--layout-vertical);
+        @apply(--layout-center-center);
+        height: 96px;
+      }
+
+      .form-group {
+        @apply(--layout-horizontal);
+        @apply(--layout-center);
+        padding: 4px 16px;
+      }
+
+      .form-group label {
+        @apply(--layout-flex-2);
+      }
+
+      .form-group .form-control {
+        @apply(--layout-flex-1);
+      }
+    </style>
+    <div class='form-group'>
+      <paper-checkbox
+        checked='{{entityIgnored}}'
+        class='form-control'
+      >
+        Exclude from Home Assistant
+      </paper-checkbox>
+    </div>
+
+    <div class='form-group'>
+      <paper-dropdown-menu
+        class='form-control flex'
+        label='Polling intensity'
+        disabled='[[entityIgnored]]'
+      >
+        <paper-listbox
+          class="dropdown-content"
+          selected='{{entityPollingIntensity}}'
+        >
+          <paper-item>Do not poll (0)</paper-item>
+          <paper-item>Poll every time (1)</paper-item>
+          <paper-item>Poll every other time (2)</paper-item>
+        </paper-listbox>
+      </paper-dropdown-menu>
+    </div>
+  </template>
+</dom-module>
+
+<script>
+Polymer({
+  is: 'ha-form-zwave-device',
+
+  properties: {
+    hass: {
+      type: Object,
+    },
+
+    entity: {
+      type: Object,
+    },
+
+    entityIgnored: {
+      type: Boolean,
+    },
+
+    entityPollingIntensity: {
+      type: Number,
+    },
+  },
+
+  loadEntity: function (entity) {
+    this.entity = entity;
+    var el = this;
+    return this.hass.callApi('GET', 'config/zwave/device_config/' + entity.entity_id)
+      .then(function (data) {
+        el.entityIgnored = data.ignored || false;
+        el.entityPollingIntensity = data.polling_intensity || 0;
+      });
+  },
+
+  saveEntity: function () {
+    var data = {
+      ignored: this.entityIgnored,
+      polling_intensity: this.entityPollingIntensity,
+    };
+    return this.hass.callApi(
+      'POST', 'config/zwave/device_config/' + this.entity.entity_id, data);
+  },
+});
+</script>