Add new icon "parking_light"; "dipped_beam" symbol rotated slightly

0xCAFEDECAF · May 16, 2023 · 21282ee · 21282ee
1 parent 2b2639c
commit 21282ee
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 5 deletions.
diff --git a/VanLiveConnect/MFD.html.ino b/VanLiveConnect/MFD.html.ino
@@ -535,8 +535,13 @@ char mfd_html[] PROGMEM = R"=====(
 						<div class="centerAligned fas fa-volume-down"></div>
 					</div>
 
+					<div id="parking_light" class="iconSmall led ledOff" style="left:300px; top:400px; color:rgb(119, 217, 64);">
+						<div class="centerAligned fas fa-volume-down" style="transform:scaleX(-1); font-size:30px; top:5px;"></div>
+						<div class="centerAligned fas fa-volume-down" style="font-size:30px; top:20px;"></div>
+					</div>
+
 					<div id="dipped_beam" class="iconSmall led ledOff" style="left:300px; top:400px;">
-						<div class="centerAligned fas fa-volume-down"></div>
+						<div class="centerAligned fas fa-volume-down" style="transform:rotate(15deg); transform-origin:105px;"></div>
 					</div>
 
 					<div id="high_beam" class="iconSmall led ledOff" style="left:380px; top:400px;">

diff --git a/VanLiveConnect/MFD.js.ino b/VanLiveConnect/MFD.js.ino
@@ -1732,9 +1732,9 @@ var headlightStatus = "";
 function setDippedBeamIcon()
 {
 	let dippedBeam = headlightStatus.match(/DIPPED_BEAM/) !== null;
-	$("#dipped_beam").toggleClass("ledOnGreen", dippedBeam);
-	$("#dipped_beam").css("color", ! dippedBeam && dashlightDimmed ? "rgb(119,217,64)" : "");
-	$("#dipped_beam").toggleClass("ledOff", ! dippedBeam && ! dashlightDimmed);
+	$("#dipped_beam").toggle(dippedBeam || ! dashlightDimmed);
+	$("#dipped_beam").toggleClass("ledOnGreen", dippedBeam).toggleClass("ledOff", ! dippedBeam);
+	$("#parking_light").toggle(! dippedBeam && dashlightDimmed);
 }
 
 function setColorTheme(theme)
@@ -3223,7 +3223,7 @@ function satnavNoAudioIcon()
 {
 	clearTimeout(handleItemChange.audioSourceTimer);
 	handleItemChange.audioSourceTimer = undefined;
-	if (handleItemChange.headUnitLastSwitchedTo === "NAVIGATION") 
+	if (handleItemChange.headUnitLastSwitchedTo === "NAVIGATION")
 	{
 		$("#satnav_no_audio_icon").toggle($("#volume").text() === "0");
 	} // if

diff --git a/VanLiveConnect/data/CarInfo.css.gz b/VanLiveConnect/data/CarInfo.css.gz
diff --git a/VanLiveConnect/data/MFD.html.gz b/VanLiveConnect/data/MFD.html.gz
diff --git a/VanLiveConnect/data/MFD.js.gz b/VanLiveConnect/data/MFD.js.gz