diff --git a/dashboard.css b/dashboard.css index c89a592e12..8cf0d52e8a 100644 --- a/dashboard.css +++ b/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. */ diff --git a/dashboard.js b/dashboard.js index 74e8cfbb04..c4bf90fd5b 100644 --- a/dashboard.js +++ b/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;