Polymer 3 modulize (#1154)

* Version bump to 20180510.1 * Fix hass util * Fix translations * Bye paper-time-input * Add webpack config * Add webpack to package.json * Fix translation import * Disable web animations polyfill bad import * Disable importHref import * Update webpack config to build authorize.js * Build translations json * Build frontend correctly * Run eslint --fix * Load markdown JS on demand (#1155) * Add HTML imports (#1160) * Fix localize (#1161) * Fix Roboto in build (#1162) * Load web animations polyfill (#1163) * P3: Fix chart js (#1164) * P3: Fix Chart JS * Update timeline package * P3: panel resolver (#1165) * WIP * Initial importing of panels * Fix panel resolver * Fix automation and script editor (#1166) * Expose Polymer and Polymer.Element on window (#1167) * Remove unused import * eslint --fix * Es5 build (#1168) * Build for ES5 * Fix build_frontend * Remove stale comment * Migrate to use paper-material-styles (#1170) * Send parsed date to history/logbook (#1171) * Fork app storage behavior (#1172) * Add paper input with type time (#1173) * Fix authorize * Lint * Sort imports * Lint * Remove eslint-html * Do not lint authorize.html * Fix polymer lint * Try chrome 62 for wct * P3: Add patched iconset (#1175) * Add patched iconset * Lint * Test with latest Chrome again * Use less window.hassUtil * Teporarily use my fecha fork * Import correct intl.messageFormat * Update wct-browser-legacy to 1.0.0 * Include polyfill in right place * Fix IntlMessageFormat * Fix test not having a global scope * Rollup <_< * Fork app-localize-behavior * Disable wct tests * Lint
2025-12-23 12:18:41 +00:00 · 2018-05-15 13:31:47 -04:00
parent 205d6a8347
commit a4afc2e37a
274 changed files with 12972 additions and 10037 deletions
--- a/src/components/buttons/ha-call-api-button.js
+++ b/src/components/buttons/ha-call-api-button.js
@@ -0,0 +1,69 @@
+import { html } from '@polymer/polymer/lib/utils/html-tag.js';
+import { PolymerElement } from '@polymer/polymer/polymer-element.js';
+
+import '../../util/hass-mixins.js';
+import './ha-progress-button.js';
+
+class HaCallApiButton extends window.hassMixins.EventsMixin(PolymerElement) {
+  static get template() {
+    return html`
+    <ha-progress-button id="progress" progress="[[progress]]" on-click="buttonTapped" disabled="[[disabled]]"><slot></slot></ha-progress-button>
+`;
+  }
+
+  static get is() { return 'ha-call-api-button'; }
+
+  static get properties() {
+    return {
+      hass: Object,
+
+      progress: {
+        type: Boolean,
+        value: false,
+      },
+
+      path: String,
+
+      method: {
+        type: String,
+        value: 'POST',
+      },
+
+      data: {
+        type: Object,
+        value: {},
+      },
+
+      disabled: {
+        type: Boolean,
+        value: false,
+      },
+    };
+  }
+
+  buttonTapped() {
+    this.progress = true;
+    const eventData = {
+      method: this.method,
+      path: this.path,
+      data: this.data,
+    };
+
+    this.hass.callApi(this.method, this.path, this.data)
+      .then((resp) => {
+        this.progress = false;
+        this.$.progress.actionSuccess();
+        eventData.success = true;
+        eventData.response = resp;
+      }, (resp) => {
+        this.progress = false;
+        this.$.progress.actionError();
+        eventData.success = false;
+        eventData.response = resp;
+      }).then(() => {
+        this.fire('hass-api-called', eventData);
+      });
+  }
+}
+
+customElements.define(HaCallApiButton.is, HaCallApiButton);