Updated to newer versions of Floorplan.

config/configuration.yaml

@@ -80,6 +80,20 @@ http:
 frontend:
   javascript_version: latest
 
+# panel_iframe:
+#   pihole:
+#     title: 'Pi-Hole'
+#     url: 'http://pi.hole/admin'
+#     icon: mdi:block-helper
+#   unifi:
+#     title: 'Unifi'
+#     url: 'https://192.168.10.10:8443/manage'
+#     icon: mdi:access-point-network
+#   docker:
+#     title: 'Docker'
+#     url: 'https://192.168.10.10:9090/docker'
+#     icon: mdi:docker
+
 panel_custom:
   - name: floorplan
     sidebar_title: Alarm Panel

config/www/custom_ui/floorplan/ha-floorplan.html

@@ -1,11 +1,11 @@
 <!--
     Floorplan for Home Assistant
-    Version: 1.0.7.51
+    Version: 1.0.8.3
     By Petar Kozul
     https://github.com/pkozul/ha-floorplan
   -->
 
-<script src="lib/jquery-3.2.1.min.js"></script>
+<script src="lib/jquery-3.3.1.min.js"></script>
 <script src="lib/moment.min.js"></script>
 <script src="lib/yaml.min.js"></script>
 
@@ -79,7 +79,7 @@
 </dom-module>
 
 <script>
-  class HaFloorplan extends window.hassMixins.EventsMixin(Polymer.Element)  {
+  class HaFloorplan extends Polymer.Element {
     static get is() { return 'ha-floorplan'; }
 
     static get properties() {
@@ -113,8 +113,10 @@
     connectedCallback() {
       super.connectedCallback();
 
+      if (!this.floorplan) {
         this.initFloorplan();
       }
+    }
 
     stopPropagation(e) {
       e.stopPropagation();
@@ -126,7 +128,7 @@
           this.floorplan = new Floorplan();
 
           let options = {
-            doc: Polymer.dom(this.root).node,
+            doc: this.root,
             hass: this.hass,
             openMoreInfo: this.openMoreInfo.bind(this),
             setIsLoading: this.setIsLoading.bind(this),
@@ -161,7 +163,7 @@
           reject(new URIError(`${err.target.src}`));
         };
 
-        Polymer.dom(this.root).node.appendChild(script);
+        this.root.appendChild(script);
       });
     }
 
@@ -180,10 +182,24 @@
     logError(message) {
       console.error(message);
 
-      let log = Polymer.dom(this.$.log).node;
+      let log = this.root.log;
       $(log).find('ul').prepend(`<li class="error">${message}</li>`)
       $(log).css('display', 'block');
     }
+
+    fire(type, detail, options) {
+      options = options || {};
+      detail = (detail === null || detail === undefined) ? {} : detail;
+      const event = new Event(type, {
+        bubbles: options.bubbles === undefined ? true : options.bubbles,
+        cancelable: Boolean(options.cancelable),
+        composed: options.composed === undefined ? true : options.composed
+      });
+      event.detail = detail;
+      const node = options.node || this;
+      node.dispatchEvent(event);
+      return event;
+    }
   }
 
   customElements.define(HaFloorplan.is, HaFloorplan);