More ES6->ES5 conversion

seannguyen · Jul 18, 2016 · 111b6c6 · 111b6c6
1 parent ff0e24f
commit 111b6c6
Show file tree

Hide file tree

Showing 74 changed files with 1,842 additions and 1,759 deletions.
diff --git a/.eslintrc b/.eslintrc
@@ -16,5 +16,8 @@
     "no-underscore-dangle": 0,
     "no-var": 0,
     "strict": 0
-  }
+  },
+  plugins: [
+    "html"
+  ]
 }
diff --git a/package.json b/package.json
@@ -24,7 +24,7 @@
     "watch_ru_core": "rollup --config rollup/core.js --watch",
     "watch_ru_ui": "rollup --config rollup/ui.js --watch",
     "watch_ru_demo": "rollup --config rollup/demo.js --watch",
-    "test": "eslint src"
+    "test": "eslint src panels --ext html"
   },
   "author": "Paulus Schoutsen <Paulus@PaulusSchoutsen.nl> (http://paulusschoutsen.nl)",
   "license": "MIT",
@@ -39,8 +39,10 @@
     "bower": "^1.7.9",
     "eslint": "^3.1.0",
     "eslint-config-airbnb-base": "^4.0.2",
-    "eslint-plugin-import": "^1.10.3",
+    "eslint-plugin-html": "^1.5.1",
+    "eslint-plugin-import": "^1.11.0",
     "html-minifier": "^3.0.1",
+    "polymer-cli": "^0.12.0",
     "rollup": "^0.34.1",
     "rollup-plugin-babel": "^2.6.1",
     "rollup-plugin-buble": "^0.12.1",

diff --git a/panels/dev-event/events-list.html b/panels/dev-event/events-list.html
@@ -1,23 +1,23 @@
 <!-- <link rel="import" href="../../bower_components/polymer/polymer.html"> -->
 
 <dom-module id="events-list">
-  <style>
-    ul {
-      margin: 0;
-      padding: 0;
-    }
-
-    li {
-      list-style: none;
-      line-height: 2em;
-    }
-
-    a {
-      color: var(--dark-primary-color);
-    }
-  </style>
-
   <template>
+    <style>
+      ul {
+        margin: 0;
+        padding: 0;
+      }
+
+      li {
+        list-style: none;
+        line-height: 2em;
+      }
+
+      a {
+        color: var(--dark-primary-color);
+      }
+    </style>
+
     <ul>
       <template is='dom-repeat' items='[[events]]' as='event'>
         <li>

diff --git a/panels/dev-event/ha-panel-dev-event.html b/panels/dev-event/ha-panel-dev-event.html
@@ -10,28 +10,28 @@
 <link rel="import" href="./events-list.html">
 
 <dom-module id="ha-panel-dev-event">
-  <style is="custom-style" include="iron-flex iron-positioning"></style>
-  <style>
-    .content {
-      @apply(--paper-font-body1);
-      margin-top: 64px;
-      padding: 24px;
-      background-color: white;
-      -ms-user-select: initial;
-      -webkit-user-select: initial;
-      -moz-user-select: initial;
-    }
-
-    .ha-form {
-      margin-right: 16px;
-    }
-
-    .header {
-      @apply(--paper-font-title);
-    }
-  </style>
-
   <template>
+    <style is="custom-style" include="iron-flex iron-positioning"></style>
+    <style>
+      .content {
+        @apply(--paper-font-body1);
+        margin-top: 64px;
+        padding: 24px;
+        background-color: white;
+        -ms-user-select: initial;
+        -webkit-user-select: initial;
+        -moz-user-select: initial;
+      }
+
+      .ha-form {
+        margin-right: 16px;
+      }
+
+      .header {
+        @apply(--paper-font-title);
+      }
+    </style>
+
     <partial-base narrow="{{narrow}}" show-menu='[[showMenu]]'>
       <span header-title>Events</span>
 

diff --git a/panels/dev-info/ha-panel-dev-info.html b/panels/dev-info/ha-panel-dev-info.html
@@ -6,51 +6,52 @@
 <link rel="import" href="./partial-base.html">
 -->
 <dom-module id="ha-panel-dev-info">
-  <style is="custom-style" include="iron-positioning"></style>
-  <style>
-    .content {
-      margin-top: 64px;
-      padding: 24px;
-      background-color: white;
-      -ms-user-select: initial;
-      -webkit-user-select: initial;
-      -moz-user-select: initial;
-    }
-
-    .about {
-      text-align: center;
-      line-height: 2em;
-    }
-
-    .version {
-      @apply(--paper-font-headline);
-    }
-
-    .develop {
-      @apply(--paper-font-subhead);
-    }
-
-    .about a {
-      color: var(--dark-primary-color);
-    }
-
-    .error-log-intro {
-      margin-top: 16px;
-      border-top: 1px solid var(--light-primary-color);
-      padding-top: 16px;
-    }
-
-    paper-icon-button {
-      float: right;
-    }
-
-    .error-log {
-      @apply(--paper-font-code1)
-      clear: both;
-      white-space: pre-wrap;
-    }
-  </style>
   <template>
+    <style is="custom-style" include="iron-positioning"></style>
+    <style>
+      .content {
+        margin-top: 64px;
+        padding: 24px;
+        background-color: white;
+        -ms-user-select: initial;
+        -webkit-user-select: initial;
+        -moz-user-select: initial;
+      }
+
+      .about {
+        text-align: center;
+        line-height: 2em;
+      }
+
+      .version {
+        @apply(--paper-font-headline);
+      }
+
+      .develop {
+        @apply(--paper-font-subhead);
+      }
+
+      .about a {
+        color: var(--dark-primary-color);
+      }
+
+      .error-log-intro {
+        margin-top: 16px;
+        border-top: 1px solid var(--light-primary-color);
+        padding-top: 16px;
+      }
+
+      paper-icon-button {
+        float: right;
+      }
+
+      .error-log {
+        @apply(--paper-font-code1)
+        clear: both;
+        white-space: pre-wrap;
+      }
+    </style>
+
     <partial-base narrow="[[narrow]]" show-menu='[[showMenu]]'>
       <span header-title>About</span>
 

diff --git a/panels/dev-service/ha-panel-dev-service.html b/panels/dev-service/ha-panel-dev-service.html
@@ -10,32 +10,33 @@
 <link rel="import" href="./services-list.html">
 
 <dom-module id="ha-panel-dev-service">
-  <style is="custom-style" include="iron-flex iron-positioning"></style>
-  <style>
-    .content {
-      @apply(--paper-font-body1);
-      margin-top: 64px;
-      padding: 24px;
-      background-color: white;
-      -ms-user-select: initial;
-      -webkit-user-select: initial;
-      -moz-user-select: initial;
-    }
-
-    .ha-form {
-      margin-right: 16px;
-    }
-
-    .description {
-      margin-top: 24px;
-      white-space: pre-wrap;
-    }
-
-    .header {
-      @apply(--paper-font-title);
-    }
-  </style>
   <template>
+    <style is="custom-style" include="iron-flex iron-positioning"></style>
+    <style>
+      .content {
+        @apply(--paper-font-body1);
+        margin-top: 64px;
+        padding: 24px;
+        background-color: white;
+        -ms-user-select: initial;
+        -webkit-user-select: initial;
+        -moz-user-select: initial;
+      }
+
+      .ha-form {
+        margin-right: 16px;
+      }
+
+      .description {
+        margin-top: 24px;
+        white-space: pre-wrap;
+      }
+
+      .header {
+        @apply(--paper-font-title);
+      }
+    </style>
+
     <partial-base narrow="[[narrow]]" show-menu='[[showMenu]]'>
       <span header-title>Services</span>
 

diff --git a/panels/dev-service/services-list.html b/panels/dev-service/services-list.html
@@ -1,23 +1,23 @@
 <!-- <link rel="import" href="../../bower_components/polymer/polymer.html"> -->
 
 <dom-module id="services-list">
-  <style>
-    ul {
-      margin: 0;
-      padding: 0;
-    }
+  <template>
+    <style>
+      ul {
+        margin: 0;
+        padding: 0;
+      }
 
-    li {
-      list-style: none;
-      line-height: 2em;
-    }
+      li {
+        list-style: none;
+        line-height: 2em;
+      }
 
-    a {
-      color: var(--dark-primary-color);
-    }
-  </style>
+      a {
+        color: var(--dark-primary-color);
+      }
+    </style>
 
-  <template>
     <ul>
       <template is='dom-repeat' items="[[computeDomains(serviceDomains)]]" as="domain">
           <template is='dom-repeat' items="[[computeServices(serviceDomains, domain)]]" as="service">

diff --git a/panels/dev-state/entity-list.html b/panels/dev-state/entity-list.html
@@ -1,23 +1,23 @@
 <!-- <link rel="import" href="../../bower_components/polymer/polymer.html"> -->
 
 <dom-module id="entity-list">
-  <style>
-    ul {
-      margin: 0;
-      padding: 0;
-    }
-
-    li {
-      list-style: none;
-      line-height: 2em;
-    }
-
-    a {
-      color: var(--dark-primary-color);
-    }
-  </style>
-
   <template>
+    <style>
+      ul {
+        margin: 0;
+        padding: 0;
+      }
+
+      li {
+        list-style: none;
+        line-height: 2em;
+      }
+
+      a {
+        color: var(--dark-primary-color);
+      }
+    </style>
+
     <ul>
       <template is='dom-repeat' items='[[entities]]' as='entity'>
         <li><a href='#' on-click='entitySelected'>[[entity.entityId]]</a></li>