main.go

@@ -29,7 +29,7 @@ import (
 	"time"
 )
 
-const VERSION = "v37"
+const VERSION = "v36"
 
 var (
 	logger              *slog.Logger

static/css/default_light/trigger_edit.css

@@ -13,24 +13,17 @@
 .widgets .datapoints {
   font: "Roboto Mono", monospace;
   display: grid;
-  grid-template-columns: repeat(4, min-content);
+  grid-template-columns: min-content min-content 1fr;
   gap: 6px 8px;
   margin-bottom: 8px;
   white-space: nowrap;
 }
-.widgets .datapoints div {
-  white-space: nowrap;
-}
 .widgets .datapoints .invalid {
   color: #c83737;
 }
 .widgets .datapoints .delete img {
   height: 16px;
 }
-.widgets .datapoints .values img {
-  height: 16px;
-  width: 16px;
-}
 .widgets .action {
   display: grid;
   grid-template-columns: min-content min-content 1fr;

static/css/gruvbox/trigger_edit.css

@@ -13,24 +13,17 @@
 .widgets .datapoints {
   font: "Roboto Mono", monospace;
   display: grid;
-  grid-template-columns: repeat(4, min-content);
+  grid-template-columns: min-content min-content 1fr;
   gap: 6px 8px;
   margin-bottom: 8px;
   white-space: nowrap;
 }
-.widgets .datapoints div {
-  white-space: nowrap;
-}
 .widgets .datapoints .invalid {
   color: #c83737;
 }
 .widgets .datapoints .delete img {
   height: 16px;
 }
-.widgets .datapoints .values img {
-  height: 16px;
-  width: 16px;
-}
 .widgets .action {
   display: grid;
   grid-template-columns: min-content min-content 1fr;

static/js/trigger_edit.mjs

@@ -19,10 +19,9 @@ export class UI {
 		let html = Object.keys(this.trigger.datapoints).sort().map(dpName => {
 			const dp = this.trigger.datapoints[dpName]
 			return `
+				<div class="datapoint delete"><a href="#" onclick="_ui.deleteDatapoint('${dp.Name}')"><img src="/images/${this.version}/${this.theme}/delete.svg"></a></div>
 				<div class="datapoint name ${dp.Found ? 'valid' : 'invalid'}"><b>${dp.Name}</b></div>
 				<div class="datapoint value">${dp.Found ? dp.LastDatapointValue.TemplateValue : ''}</div>
-				<div class="daatpoint values"><a href="/datapoint/values/${dp.ID}"><img src="/images/${this.version}/${this.theme}/values.svg"></a></div>
-				<div class="datapoint delete"><a href="#" onclick="_ui.deleteDatapoint('${dp.Name}')"><img src="/images/${this.version}/${this.theme}/delete.svg"></a></div>
 			`
 		}).join('')
 		datapoints.innerHTML += html
@@ -85,7 +84,7 @@ export class UI {
 			})
 	}//}}}
 	deleteDatapoint(name) {//{{{
-		if (!confirm(`Remove datapoint ${name} from this trigger?`)) {
+		if (!confirm(`Delete ${name}?`)) {
 			return
 		}
 

static/less/trigger_edit.less

@@ -19,15 +19,11 @@
 	.datapoints {
 		font: "Roboto Mono", monospace;
 		display: grid;
-		grid-template-columns: repeat(4, min-content);
+		grid-template-columns: min-content min-content 1fr;
 		gap: 6px 8px;
 		margin-bottom: 8px;
 		white-space: nowrap;
 
-		div {
-			white-space: nowrap;
-		}
-
 		.invalid {
 			color: #c83737;
 		}
@@ -35,11 +31,6 @@
 		.delete img {
 			height: 16px;
 		}
-
-		.values img {
-			height: 16px;
-			width: 16px;
-		}
 	}
 
 	.action {