Webcomponent fix ES6 -> 5

src/components/services-list.html

@@ -49,7 +49,7 @@ Polymer({
     },
   },
 
-  computeDomains(serviceDomains) {
+  computeDomains: function (serviceDomains) {
     return serviceDomains
       .valueSeq()
       .map(function (domain) { return domain.domain; })
@@ -57,7 +57,7 @@ Polymer({
       .toJS();
   },
 
-  computeServices(serviceDomains, domain) {
+  computeServices: function (serviceDomains, domain) {
     return serviceDomains
       .get(domain)
       .get('services')
@@ -65,7 +65,7 @@ Polymer({
       .toArray();
   },
 
-  serviceClicked(ev) {
+  serviceClicked: function (ev) {
     ev.preventDefault();
     this.fire(
       'service-selected', { domain: ev.model.domain,

src/layouts/partial-map.html

@@ -155,12 +155,12 @@ Polymer({
     // On Safari, iPhone 5, 5s and some 6 I have observed that the user would be
     // unable to pan on initial load. This fixes it.
     if (window.L.Browser.mobileWebkit || window.L.Browser.webkit) {
-      this.async(() => {
-        const map = this.$.map;
-        const prev = map.style.display;
+      this.async(function () {
+        var map = this.$.map;
+        var prev = map.style.display;
         map.style.display = 'none';
-        this.async(() => { map.style.display = prev; }, 1);
-      }, 1);
+        this.async(function () { map.style.display = prev; }, 1);
+      }.bind(this), 1);
     }
   },