Merge pull request #273 from stagehacks/eos-cuelist-picker

Add Eos cuelist picker

plugins/eos/main.js

@@ -18,6 +18,19 @@ exports.config = {
       return msg.toString().includes('/eos/out');
     },
   },
+  fields: [
+    {
+      key: 'cueListFilter',
+      label: 'Q List',
+      type: 'numberinput',
+      value: '',
+      action(_device) {
+        const device = _device;
+        device.data.cueListFilter = device.fields.cueListFilter;
+        device.draw();
+      },
+    },
+  ],
 };
 
 exports.ready = function ready(_device) {
@@ -26,6 +39,8 @@ exports.ready = function ready(_device) {
   device.templates = {
     cue: _.template(fs.readFileSync(path.join(__dirname, `cue.ejs`))),
   };
+  device.data.cueListFilter = device.fields.cueListFilter;
+
   device.send('/eos/get/cuelist/count');
   device.send('/eos/get/version');
   device.send('/eos/subscribe', [{ type: 'i', value: 1 }]);

plugins/eos/template.ejs

@@ -1,9 +1,10 @@
 <header>
 	<h1><%= listName  %></h1>
-	<h2>Eos <%= data.version  %></h2>
+	<h2>Eos <%= data.EOS.version  %></h2>
 </header>
 
 <% for(var i in data.EOS.cueLists){ %>
+	<% if(data.cueListFilter == i || data.cueListFilter.length==0){ %>
 	<div class="list_container">
 		<div class="list_name">List <%= i %></div>
 		<table cellspacing="0">
@@ -38,5 +39,6 @@
 			<% } %>
 		</table>
 	</div>
+	<% } %>
 
 <% } %>

src/view.js

@@ -253,6 +253,14 @@ function updateFields() {
         const rowHTML = `<tr><th>${field.label}:</th><td colspan="3" id="${field.key}"></td></tr>`;
         document.getElementById('device-settings-fields').insertAdjacentHTML('beforeend', rowHTML);
         document.getElementById(field.key).appendChild($elem);
+      } else if (field.type === 'numberinput') {
+        $elem.type = 'number';
+        $elem.min = 1;
+        $elem.max = 99;
+        $elem.step = 1;
+        const rowHTML = `<tr><th>${field.label}:</th><td colspan="3" id="${field.key}"></td></tr>`;
+        document.getElementById('device-settings-fields').insertAdjacentHTML('beforeend', rowHTML);
+        document.getElementById(field.key).appendChild($elem);
       }
     });
   }