From 12e3afb7b7172e1c7dfdeafa3de26be2ac6a8f9d Mon Sep 17 00:00:00 2001
From: Andrey <andrey-git@users.noreply.github.com>
Date: Thu, 13 Jul 2017 19:09:26 +0300
Subject: [PATCH] Fixes for dev-service panel (#337)

---
 panels/dev-service/ha-panel-dev-service.html | 27 +++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/panels/dev-service/ha-panel-dev-service.html b/panels/dev-service/ha-panel-dev-service.html
index 06acb63657..65dc189703 100644
--- a/panels/dev-service/ha-panel-dev-service.html
+++ b/panels/dev-service/ha-panel-dev-service.html
@@ -75,7 +75,7 @@
         data='{{domain}}'>
       </app-localstorage-document>
       <app-localstorage-document
-        key='panel-dev-service-state-service'
+        key='[[computeServiceKey(domain)]]'
         data='{{service}}'>
       </app-localstorage-document>
       <app-localstorage-document
@@ -86,7 +86,6 @@
       <div class='content'>
         <p>
           Call a service from a component.
-
         </p>
 
         <div class='ha-form'>
@@ -108,9 +107,12 @@
 
         <template is='dom-if' if='[[domain]]'>
           <template is='dom-if' if='[[service]]'>
-            <template is='dom-if' if='[[!_attributes.length]]'>
+            <template is='dom-if' if='[[!_description]]'>
               <h1>No description is available</h1>
             </template>
+            <template is='dom-if' if='[[_description]]'>
+              <h3>[[_description]]</h3>
+            </template>
             <template is='dom-if' if='[[_attributes.length]]'>
               <h1>Valid Parameters</h1>
               <table class='attributes'>
@@ -177,6 +179,11 @@ Polymer({
       computed: 'computeAttributesArray(serviceDomains, domain, service)',
     },
 
+    _description: {
+      type: String,
+      computed: 'computeDescription(serviceDomains, domain, service)',
+    },
+
     serviceDomains: {
       type: Object,
       computed: 'computeServiceDomains(hass)',
@@ -198,6 +205,13 @@ Polymer({
     });
   },
 
+  computeDescription: function (serviceDomains, domain, service) {
+    if (!serviceDomains) return undefined;
+    if (!(domain in serviceDomains)) return undefined;
+    if (!(service in serviceDomains[domain])) return undefined;
+    return serviceDomains[domain][service].description;
+  },
+
   computeDomains: function (serviceDomains) {
     return Object.keys(serviceDomains).sort();
   },
@@ -208,6 +222,13 @@ Polymer({
     return Object.keys(serviceDomains[domain]).sort();
   },
 
+  computeServiceKey: function (domain) {
+    if (!domain) {
+      return 'panel-dev-service-state-service';
+    }
+    return 'panel-dev-service-state-service.' + domain;
+  },
+
   computeServicedataKey: function (domain, service) {
     if (!domain || !service) {
       return 'panel-dev-service-state-servicedata';