Dashboard: Set click behaviors on some dash units (cards), for e.g. conductors, servers, alerts, jobs today, jobs failed today. Fixes #113.

Author: jhuckaby

htdocs/css/style.css

@@ -396,6 +396,25 @@ body.dark div.dash_unit_box {
 	color: var(--red);
 }
 
+.dash_unit_box.clicky {
+	cursor: pointer;
+}
+.dash_unit_box.clicky > * {
+	pointer-events: none;
+}
+.dash_unit_box.clicky:hover {
+	border: 1px solid var(--theme-color-half);
+}
+.dash_unit_box.clicky:active {
+	border: 1px solid var(--theme-color);
+}
+.dash_unit_box.warning.clicky:hover {
+	border: 1px solid var(--red-half);
+}
+.dash_unit_box.warning.clicky:active {
+	border: 1px solid var(--red);
+}
+
 /* Dash Donuts */
 
 .dash_donut_grid {

htdocs/js/pages/Dashboard.class.js

@@ -166,20 +166,20 @@ Page.Dashboard = class Dashboard extends Page.PageUtils {
 		var html = '';
 
 		// masters
-		html += '<div class="dash_unit_box">';
+		html += '<div class="dash_unit_box clicky" onClick="Nav.go(\'Conductors\')">';
 			html += '<div class="dash_unit_value">' + num_keys(app.masters) + '</div>';
 			html += '<div class="dash_unit_label">Conductors</div>';
 		html += '</div>';
 
 		// servers
-		html += '<div class="dash_unit_box">';
+		html += '<div class="dash_unit_box clicky" onClick="Nav.go(\'Servers\')">';
 			html += '<div class="dash_unit_value">' + num_keys(app.servers) + '</div>';
 			html += '<div class="dash_unit_label">Servers</div>';
 		html += '</div>';
 
 		// alerts
 		var num_alerts = num_keys(app.activeAlerts);
-		html += '<div class="dash_unit_box ' + (num_alerts ? 'warning' : '') + '">';
+		html += '<div class="dash_unit_box clicky ' + (num_alerts ? 'warning' : '') + '" onClick="Nav.go(\'Alerts\')">';
 			html += '<div class="dash_unit_value">' + num_alerts + '</div>';
 			html += '<div class="dash_unit_label">Current Alerts</div>';
 		html += '</div>';
@@ -191,13 +191,13 @@ Page.Dashboard = class Dashboard extends Page.PageUtils {
 		html += '</div>';
 
 		// completed
-		html += '<div class="dash_unit_box">';
+		html += '<div class="dash_unit_box clicky" onClick="Nav.go(\'Search?date=today\')">';
 			html += '<div class="dash_unit_value">' + this.getNiceDashNumber(trans.job_complete) + '</div>';
 			html += '<div class="dash_unit_label">Jobs Today</div>';
 		html += '</div>';
 
 		// failed
-		html += '<div class="dash_unit_box ' + (trans.job_error ? 'warning' : '') + '">';
+		html += '<div class="dash_unit_box clicky ' + (trans.job_error ? 'warning' : '') + '" onClick="Nav.go(\'Search?result=error&date=today\')">';
 			html += '<div class="dash_unit_value">' + this.getNiceDashNumber(trans.job_error) + '</div>';
 			html += '<div class="dash_unit_label">Jobs Failed Today</div>';
 		html += '</div>';