From c5a60622d01a774c6fb351deac0c2b10c6cd3325 Mon Sep 17 00:00:00 2001
From: Joel Wetzell <jwetzell@yahoo.com>
Date: Sat, 21 Oct 2023 14:45:41 -0500
Subject: [PATCH] update template to show active cue

---
 plugins/lightfactory/styles.css   | 7 +++++--
 plugins/lightfactory/template.ejs | 6 ++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/plugins/lightfactory/styles.css b/plugins/lightfactory/styles.css
index 0fd89a2..a99942e 100644
--- a/plugins/lightfactory/styles.css
+++ b/plugins/lightfactory/styles.css
@@ -7,7 +7,6 @@ section {
   overflow: hidden;
 }
 table {
-  width: 100%;
   border: #414142 1px solid;
   background-color: #272727;
 }
@@ -22,7 +21,11 @@ th {
   padding: 2px 10px;
 }
 td {
-  text-align: center;
+  text-align: left;
   padding: 2px 7px;
   font-family: 'Courier New', Courier, monospace;
 }
+
+.active_indicator {
+  color: green;
+}
diff --git a/plugins/lightfactory/template.ejs b/plugins/lightfactory/template.ejs
index aa6feab..103afd9 100644
--- a/plugins/lightfactory/template.ejs
+++ b/plugins/lightfactory/template.ejs
@@ -11,14 +11,16 @@
 
 		<table>
 			<tr>
-			<th>Name</th>
+				<th></th>
+				<th>Name</th>
 
 			</tr>
 			<!-- Tracker Loop -->
 			<% Object.entries(cueListData.cues).forEach(([cueName,cueData]) => { %>
 
 			<tr>
-			<td><%= cueName %></td>
+				<td class="active_indicator"><%= cueData.active ? '>': '' %></td>
+				<td><%= cueName %> </td>
 			</tr>
 
 			<% }); %>