Merge pull request #162 from mike-koch/152-special-transport

#152 Show visual indicator when in special transport:

dashboard.css

@@ -343,6 +343,11 @@ a {
     background: -webkit-linear-gradient(top, #1e1e1e 0%, #505050 50%, #1e1e1e 100%);
     background: linear-gradient(to bottom, #1e1e1e 0%, #505050 50%, #1e1e1e 100%);
 }
+
+.dashboard > aside.special-transport {
+	background: repeating-linear-gradient(-65deg, rgba(17,17,17,.6), rgba(44,44,44,.6) 35px, rgba(219,169,1,.6) 35px, rgba(219,169,1,.6) 70px);
+}
+
 .dashboard > aside > div._middle {
     background: #181818;
     background: -webkit-linear-gradient(top, #181818 0%, #404040 50%, #181818 0%);
@@ -353,6 +358,11 @@ a {
     background: -webkit-linear-gradient(top, #2c2c2c 0%, #535353 50%, #2c2c2c 100%);
     background: linear-gradient(to bottom, #2c2c2c 0%, #535353 50%, #2c2c2c 100%);
 }
+
+.dashboard > nav.special-transport {
+	background: repeating-linear-gradient(-65deg, rgba(44,44,44,.6), rgba(44,44,44,.6) 35px, rgba(219,169,1,.6) 35px, rgba(219,169,1,.6) 70px);
+}
+
 .dashboard > ._tabs {
     background-image: url("img/bg.png");
     background-size: 0.5em;  /* Single-value means background width. */

dashboard.js

@@ -189,6 +189,9 @@ Funbit.Ets.Telemetry.Dashboard.prototype.render = function (data) {
 
     // Update red bar if speeding
     updateSpeedIndicator(data.navigation.speedLimit, data.truck.speed);
+
+	// Update UI if in special transport mission
+	updateDisplayForSpecialTransport(data.trailer.id);
 
     return data;
 }
@@ -568,10 +571,19 @@ function updateSpeedIndicator(speedLimit, currentSpeed) {
     $('.dashboard').find('aside').find('div._speed').css('background', style);
 }
 
-function updateCruiseControlDisplay(isCruiseControlEnabled) {
+function updateDisplayForSpecialTransport(trailerId) {
+	var specialTransportCargos = ['boiler_parts', 'cat_785c', 'condensator', 'ex_bucket', 'heat_exch', 'lattice', 'm_59_80_r63', 'mystery_box', 'mystery_cyl', 'pilot_boat', 'silo'];
 
+	if (specialTransportCargos.indexOf(trailerId) === -1) {
+		$('.dashboard').find('aside').removeClass('special-transport').end()
+			.find('nav').removeClass('special-transport');
+	} else {
+		$('.dashboard').find('aside').addClass('special-transport').end()
+			.find('nav').addClass('special-transport');
+	}
 }
 
+
 Date.prototype.addDays = function(d) {
     this.setUTCDate(this.getUTCDate() + d - 1);
     return this;