webui: display switch pretty name for dcz and tspk

code/html/custom.js

@@ -1259,10 +1259,12 @@ function createRelayList(values, container, template_name) {
         return;
     }
 
+    // TODO: let schema set the settings key
     let template = loadConfigTemplate(template_name);
     values.forEach((value, index) => {
         let line = template.cloneNode(true);
-        line.querySelector("label").textContent += " #".concat(index)
+        line.querySelector("label").textContent = (Enumerable.relay)
+            ? Enumerable.relay[index].name : `Switch #${index}`;
 
         let input = line.querySelector("input");
         input.value = value;

code/html/index.html

@@ -2182,14 +2182,14 @@
 
         <template id="template-dcz-relay">
             <div class="pure-g">
-                <label class="pure-u-1 pure-u-lg-1-4">Switch</label>
+                <label class="pure-u-1 pure-u-lg-1-4"></label>
                 <div class="pure-u-1 pure-u-lg-1-4"><input class="pure-u-1 pure-u-lg-23-24" name="dczRelayIdx" type="number" min="0"></div>
             </div>
         </template>
 
         <template id="template-tspk-relay" class="template">
             <div class="pure-g">
-                <label class="pure-u-1 pure-u-lg-1-4">Switch</label>
+                <label class="pure-u-1 pure-u-lg-1-4"></label>
                 <div class="pure-u-1 pure-u-lg-1-4"><input class="pure-u-1 pure-u-lg-23-24" name="tspkRelay" type="number" min="0"></div>
             </div>
         </template>