Add demo3 dashboard source codemarlin_12.90.0marlin/12.90.0lamprey_11.92.0lamprey_11.91.0lamprey/11.92.0lamprey/11.91.0koi_10.93.0koi_10.92.0koi_10.91.0koi/10.93.0koi/10.92.0koi/10.91.0jellyfish_9.99.4jellyfish_9.99.3jellyfish_9.99.2jellyfish_9.99.1jellyfish/9.99.4jellyfish/9.99.3jellyfish/9.99.2jellyfish/9.99.1icefish_8.99.5icefish_8.99.4icefish_8.99.3icefish_8.99.2icefish_8.99.1icefish/8.99.5icefish/8.99.4icefish/8.99.3icefish/8.99.2icefish/8.99.1halibut_8.0.6halibut_8.0.5halibut_8.0.4halibut_8.0.3halibut_8.0.2halibut_8.0.1halibut_8.0.0halibut_7.99.3halibut_7.99.2halibut_7.99.1halibut/8.0.6halibut/8.0.5halibut/8.0.4halibut/8.0.3halibut/8.0.2halibut/8.0.1halibut/8.0.0halibut/7.99.3halibut/7.99.2halibut/7.99.19.99.49.99.39.99.29.99.18.99.58.99.48.99.38.99.28.99.18.0.68.0.58.0.48.0.38.0.28.0.18.0.07.99.37.99.27.99.112.90.011.92.011.91.010.93.010.92.010.91.0halibut

Add demo3 dashboard source code.

[Patch Set 2] Update LICENSE file.

BUG-AGL: SPEC-2261
Change-Id: Iccd58c03317dfe961fac2f42a8d719d4e70bbfcd
Signed-off-by: zheng_wenlong <wenlong_zheng@nexty-ele.com>

8 files changed, 374 insertions, 0 deletions

diff --git a/app/images/HMI_Dashboard_Car.png b/app/images/HMI_Dashboard_Car.png
new file mode 100644
index 0000000..9702107
--- /dev/null
+++ b/app/images/HMI_Dashboard_Car.png
diff --git a/app/images/HMI_Dashboard_Fuel_Details.svg b/app/images/HMI_Dashboard_Fuel_Details.svg
new file mode 100644
index 0000000..a9faad4
--- /dev/null
+++ b/app/images/HMI_Dashboard_Fuel_Details.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_2" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 350 155"
+	 style="enable-background:new 0 0 350 155;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{font-family:'Roboto-Regular';}
+	.st2{font-size:20.4887px;}
+	.st3{letter-spacing:3;}
+	.st4{fill:#0DF9FF;}
+	.st5{fill:none;stroke:url(#SVGID_1_);stroke-miterlimit:10;}
+	.st6{fill:none;stroke:url(#SVGID_2_);stroke-miterlimit:10;}
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g>
+			<g>
+				<g>
+					<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="44.7964" y1="74.6998" x2="45.7964" y2="74.6998">
+						<stop  offset="0" style="stop-color:#00ADDC"/>
+						<stop  offset="1" style="stop-color:#6BFBFF"/>
+					</linearGradient>
+					<line class="st5" x1="45.3" y1="21.5" x2="45.3" y2="127.9"/>
+					<circle class="st0" cx="45.3" cy="76.7" r="4.8"/>
+					<circle class="st0" cx="45.3" cy="26.3" r="4.8"/>
+					<circle class="st0" cx="45.3" cy="127.4" r="4.8"/>
+				</g>
+			</g>
+			<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="45.2964" y1="26.5846" x2="45.2964" y2="26.5846">
+				<stop  offset="0" style="stop-color:#8BC53F"/>
+				<stop  offset="1" style="stop-color:#0DF9FF"/>
+			</linearGradient>
+			<path class="st6" d="M45.3,26.6"/>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/app/images/HMI_Dashboard_Fuel_Icon.svg b/app/images/HMI_Dashboard_Fuel_Icon.svg
new file mode 100644
index 0000000..afb62a9
--- /dev/null
+++ b/app/images/HMI_Dashboard_Fuel_Icon.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 82 82"
+	 style="enable-background:new 0 0 82 82;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+	.st1{fill:none;stroke:url(#SVGID_1_);stroke-miterlimit:10;}
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g>
+			<path class="st0" d="M29.5,20.9L46.7,21c0.3,0,0.6,0.3,0.6,0.6l0,3.8l0,2.2l0,7.1l-18.4-0.1l0-7.1l0-2.2l0-3.8
+				C28.9,21.1,29.2,20.9,29.5,20.9L29.5,20.9z M28.7,17.9c-1.5,0-2.8,1.2-2.8,2.7l-0.2,39.7l-1.5,0c-0.4,0-0.6,0.3-0.6,0.6l0,0
+				l0,0.8l0,1.9l28.6,0.2l0-1.9l0-0.8l0,0c0-0.4-0.3-0.6-0.6-0.6l-1.4,0l0.1-21.7l2.9,0l-0.1,20.4l0,0c0,2.5,2.3,4.8,4.9,4.9
+				c2.3,0.1,4-1,4.8-2.6L63,41.2c-1.6-3.3-4.2-4.6-7.5-4.6l0.1-10.7l-5.2-2.2l0-2.9c0-1.5-1.2-2.7-2.7-2.7L28.7,17.9L28.7,17.9z
+				 M50.4,26.2l3,1.1l0,9.1l-3,0L50.4,26.2L50.4,26.2z M55.4,59.5l0.2-20.6c3.2,0.1,5.2,1.7,5.7,5l0,0.2l-0.1,15.2l0,0
+				c0,0,0,0.1,0,0.1l0,0.1l0,0c-0.2,1.1-1.3,2.1-2.9,2.1S55.6,60.6,55.4,59.5L55.4,59.5z"/>
+		</g>
+		
+			<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="5.022039e-04" y1="43.56" x2="81.0005" y2="43.56" gradientTransform="matrix(0.9999 1.092937e-02 -1.092937e-02 0.9999 0.978 -3.0001)">
+			<stop  offset="0" style="stop-color:#00ADDC"/>
+			<stop  offset="1" style="stop-color:#6BFBFF"/>
+		</linearGradient>
+		
+			<ellipse transform="matrix(1.092937e-02 -0.9999 0.9999 1.092937e-02 -0.4457 81.5494)" class="st1" cx="41" cy="41" rx="40" ry="40"/>
+	</g>
+</switch>
+</svg>
diff --git a/app/images/HMI_Dashboard_LeftTire.svg b/app/images/HMI_Dashboard_LeftTire.svg
new file mode 100644
index 0000000..5926fd7
--- /dev/null
+++ b/app/images/HMI_Dashboard_LeftTire.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_3" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 350 155"
+	 style="enable-background:new 0 0 350 155;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:url(#SVGID_2_);}
+	.st2{fill:url(#SVGID_3_);}
+	.st3{fill:#FFFFFF;}
+	.st4{font-family:'Roboto-Regular';}
+	.st5{font-size:17px;}
+	.st6{letter-spacing:3;}
+	.st7{fill:#0DF9FF;}
+	.st8{fill:none;stroke:#0DF9FF;stroke-miterlimit:10;}
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g>
+			<g>
+				<g>
+					<g>
+						<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="206.3709" y1="118.8609" x2="280.2765" y2="26.9783">
+							<stop  offset="0" style="stop-color:#00ADDC"/>
+							<stop  offset="8.369088e-02" style="stop-color:#0EB7E0"/>
+							<stop  offset="0.3637" style="stop-color:#36D4EE"/>
+							<stop  offset="0.6195" style="stop-color:#53EAF7"/>
+							<stop  offset="0.84" style="stop-color:#65F6FD"/>
+							<stop  offset="1" style="stop-color:#6BFBFF"/>
+						</linearGradient>
+						<polygon class="st0" points="239.8,77.6 238.4,76.2 248.9,65.7 250.3,67.1 						"/>
+					</g>
+					<g>
+						<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="202.6523" y1="115.8698" x2="276.5579" y2="23.9872">
+							<stop  offset="0" style="stop-color:#00ADDC"/>
+							<stop  offset="8.369088e-02" style="stop-color:#0EB7E0"/>
+							<stop  offset="0.3637" style="stop-color:#36D4EE"/>
+							<stop  offset="0.6195" style="stop-color:#53EAF7"/>
+							<stop  offset="0.84" style="stop-color:#65F6FD"/>
+							<stop  offset="1" style="stop-color:#6BFBFF"/>
+						</linearGradient>
+						<polygon class="st1" points="238.9,77.1 233.1,71.4 234.5,70 240.3,75.7 						"/>
+					</g>
+					<g>
+						<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="203.8843" y1="116.8608" x2="277.7899" y2="24.9782">
+							<stop  offset="0" style="stop-color:#00ADDC"/>
+							<stop  offset="8.369088e-02" style="stop-color:#0EB7E0"/>
+							<stop  offset="0.3637" style="stop-color:#36D4EE"/>
+							<stop  offset="0.6195" style="stop-color:#53EAF7"/>
+							<stop  offset="0.84" style="stop-color:#65F6FD"/>
+							<stop  offset="1" style="stop-color:#6BFBFF"/>
+						</linearGradient>
+						<path class="st2" d="M240.1,93.8c-12.1,0-22-9.9-22-22c0-12.1,9.9-22,22-22c2.4,0,4.8,0.4,7.1,1.2l-0.6,1.9
+							c-2.1-0.7-4.2-1.1-6.5-1.1c-11,0-20,9-20,20s9,20,20,20s20-9,20-20c0-2-0.3-3.9-0.9-5.8l1.9-0.6c0.6,2.1,0.9,4.2,0.9,6.4
+							C262.1,83.9,252.3,93.8,240.1,93.8z"/>
+					</g>
+				</g>
+			</g>
+			<g>
+				<g>
+					<polyline class="st8" points="99.9,86.7 99.9,105.2 328,105.2 					"/>
+					<g>
+						<circle class="st7" cx="327.8" cy="105.2" r="3.8"/>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/app/images/HMI_Dashboard_RightTire.svg b/app/images/HMI_Dashboard_RightTire.svg
new file mode 100644
index 0000000..fc26c86
--- /dev/null
+++ b/app/images/HMI_Dashboard_RightTire.svg
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 350 155"
+	 style="enable-background:new 0 0 350 155;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:url(#SVGID_2_);}
+	.st2{fill:url(#SVGID_3_);}
+	.st3{fill:#FFFFFF;}
+	.st4{font-family:'Roboto-Regular';}
+	.st5{font-size:17px;}
+	.st6{letter-spacing:3;}
+	.st7{fill:#0DF9FF;}
+	.st8{fill:none;stroke:#0DF9FF;stroke-miterlimit:10;}
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g id="Layer_2">
+			<g>
+				<g>
+					<g>
+						<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="70.7484" y1="117.6118" x2="144.654" y2="25.7292">
+							<stop  offset="0" style="stop-color:#00ADDC"/>
+							<stop  offset="8.369088e-02" style="stop-color:#0EB7E0"/>
+							<stop  offset="0.3637" style="stop-color:#36D4EE"/>
+							<stop  offset="0.6195" style="stop-color:#53EAF7"/>
+							<stop  offset="0.84" style="stop-color:#65F6FD"/>
+							<stop  offset="1" style="stop-color:#6BFBFF"/>
+						</linearGradient>
+						<polygon class="st0" points="104.2,76.4 102.8,75 113.3,64.4 114.7,65.8 						"/>
+					</g>
+					<g>
+						<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="67.0298" y1="114.6207" x2="140.9354" y2="22.7381">
+							<stop  offset="0" style="stop-color:#00ADDC"/>
+							<stop  offset="8.369088e-02" style="stop-color:#0EB7E0"/>
+							<stop  offset="0.3637" style="stop-color:#36D4EE"/>
+							<stop  offset="0.6195" style="stop-color:#53EAF7"/>
+							<stop  offset="0.84" style="stop-color:#65F6FD"/>
+							<stop  offset="1" style="stop-color:#6BFBFF"/>
+						</linearGradient>
+						<polygon class="st1" points="103.2,75.9 97.5,70.1 98.9,68.7 104.6,74.5 						"/>
+					</g>
+					<g>
+						<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="68.2618" y1="115.6117" x2="142.1674" y2="23.729">
+							<stop  offset="0" style="stop-color:#00ADDC"/>
+							<stop  offset="8.369088e-02" style="stop-color:#0EB7E0"/>
+							<stop  offset="0.3637" style="stop-color:#36D4EE"/>
+							<stop  offset="0.6195" style="stop-color:#53EAF7"/>
+							<stop  offset="0.84" style="stop-color:#65F6FD"/>
+							<stop  offset="1" style="stop-color:#6BFBFF"/>
+						</linearGradient>
+						<path class="st2" d="M104.5,92.5c-12.1,0-22-9.9-22-22c0-12.1,9.9-22,22-22c2.4,0,4.8,0.4,7.1,1.2l-0.6,1.9
+							c-2.1-0.7-4.2-1.1-6.5-1.1c-11,0-20,9-20,20s9,20,20,20s20-9,20-20c0-2-0.3-3.9-0.9-5.8l1.9-0.6c0.6,2.1,0.9,4.2,0.9,6.4
+							C126.5,82.7,116.6,92.5,104.5,92.5z"/>
+					</g>
+				</g>
+				<g>
+					<g>
+						<polyline class="st8" points="241,85.5 241,104 13,104 						"/>
+						<g>
+							<circle class="st7" cx="13.2" cy="104" r="3.8"/>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+		<g id="Layer_3">
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/app/images/HMI_Dashboard_Speed_Icon.svg b/app/images/HMI_Dashboard_Speed_Icon.svg
new file mode 100644
index 0000000..a5f9c1b
--- /dev/null
+++ b/app/images/HMI_Dashboard_Speed_Icon.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 82 82"
+	 style="enable-background:new 0 0 82 82;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:none;stroke:url(#SVGID_1_);stroke-miterlimit:10;}
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g>
+			<g>
+				<path class="st0" d="M41.1,15.2c-15.5-0.1-28.2,12.4-28.3,28c0,6.9,2.5,13.6,7.1,18.8c0.3,0.4,0.8,0.6,1.3,0.6l39.3,0.2
+					c0.5,0,1-0.2,1.3-0.6c4.7-5.1,7.2-11.8,7.3-18.7C69.2,28,56.7,15.3,41.1,15.2z M60.6,61.1l-39.3-0.2c-4.2-4.7-6.7-10.9-6.6-17.6
+					c0.1-14.6,12-26.3,26.5-26.2c14.6,0.1,26.3,12,26.2,26.5C67.3,50.3,64.8,56.4,60.6,61.1z M43.5,40.9
+					C43.5,40.9,43.5,40.9,43.5,40.9c-2.1-2-8.9-6.2-11.7-8c-0.4-0.2-0.8-0.2-1.1,0.1c-0.3,0.3-0.3,0.8-0.1,1.1
+					c1.8,2.8,5.9,9.7,7.8,11.7c0,0,0.1,0.1,0.1,0.1c0.6,0.6,1.5,1,2.4,1c1.9,0,3.5-1.6,3.5-3.5C44.5,42.4,44.1,41.6,43.5,40.9z"/>
+				<path class="st0" d="M54.7,56.5l-3.5-5.3c-0.3-0.5-0.9-0.8-1.5-0.8l-17.6-0.1c-0.6,0-1.1,0.3-1.5,0.8l-3.5,5.3
+					c-0.4,0.6-0.4,1.2-0.1,1.8s0.9,0.9,1.5,0.9c8.2,0,16.4,0.1,24.6,0.1c0.7,0,1.2-0.3,1.6-0.9C55.1,57.8,55.1,57.1,54.7,56.5z"/>
+				<path class="st0" d="M52.9,22.5c-0.1-0.5-0.4-0.9-0.9-1.1c-3.4-1.7-7.1-2.6-10.8-2.6c-3.8,0-7.5,0.8-10.9,2.5
+					c-0.5,0.2-0.8,0.6-0.9,1.1c-0.1,0.5,0,1,0.3,1.4l3.1,4.4c0.5,0.7,1.4,0.9,2.1,0.6c2-0.9,4.1-1.3,6.3-1.3c2.2,0,4.3,0.5,6.3,1.3
+					c0.8,0.3,1.7,0.1,2.1-0.6l3.1-4.4C52.9,23.5,53,23,52.9,22.5z"/>
+				<path class="st0" d="M58.1,25.7c-0.4-0.4-0.9-0.5-1.4-0.5c-0.5,0-1,0.3-1.3,0.7l-3.1,4.4c-0.5,0.7-0.4,1.6,0.2,2.2
+					c2.8,3,4.3,6.8,4.3,10.9c0,0.3,0,0.6,0,1c-0.1,0.8,0.5,1.6,1.3,1.8l5.2,1.4c0.5,0.1,1,0.1,1.5-0.2c0.4-0.3,0.7-0.7,0.8-1.3
+					c0.1-0.9,0.2-1.8,0.2-2.6C65.6,36.8,63,30.4,58.1,25.7z"/>
+				<path class="st0" d="M29.7,30.2l-3-4.4c-0.3-0.4-0.7-0.7-1.3-0.7c-0.5-0.1-1,0.1-1.4,0.5c-4.9,4.6-7.6,11-7.7,17.7
+					c0,0.9,0,1.8,0.1,2.6c0.1,0.5,0.3,1,0.7,1.3s0.9,0.4,1.4,0.3l5.2-1.4c0.8-0.2,1.4-1,1.3-1.8c0-0.3,0-0.6,0-1
+					c0-4.1,1.6-7.9,4.4-10.9C30.1,31.8,30.2,30.9,29.7,30.2z"/>
+				<g id="Layer_1_2_">
+				</g>
+			</g>
+			
+				<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-2.180208e-02" y1="40.8391" x2="80.9782" y2="40.8391" gradientTransform="matrix(0.9999 1.092937e-02 -1.092937e-02 0.9999 0.9706 -0.279)">
+				<stop  offset="0" style="stop-color:#00ADDC"/>
+				<stop  offset="1" style="stop-color:#6BFBFF"/>
+			</linearGradient>
+			
+				<ellipse transform="matrix(1.092937e-02 -0.9999 0.9999 1.092937e-02 -0.4457 81.5494)" class="st1" cx="41" cy="41" rx="40" ry="40"/>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/app/images/HMI_Dashboard_TirePressure_OK.svg b/app/images/HMI_Dashboard_TirePressure_OK.svg
new file mode 100644
index 0000000..8d535b5
--- /dev/null
+++ b/app/images/HMI_Dashboard_TirePressure_OK.svg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44 44"
+	 style="enable-background:new 0 0 44 44;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:url(#SVGID_2_);}
+	.st2{fill:url(#SVGID_3_);}
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g>
+			<g>
+				<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-11.7622" y1="69.0661" x2="62.1434" y2="-22.8165">
+					<stop  offset="0" style="stop-color:#00ADDC"/>
+					<stop  offset="8.369088e-02" style="stop-color:#0EB7E0"/>
+					<stop  offset="0.3637" style="stop-color:#36D4EE"/>
+					<stop  offset="0.6195" style="stop-color:#53EAF7"/>
+					<stop  offset="0.84" style="stop-color:#65F6FD"/>
+					<stop  offset="1" style="stop-color:#6BFBFF"/>
+				</linearGradient>
+				<polygon class="st0" points="21.6,27.8 20.2,26.4 30.8,15.9 32.2,17.3 				"/>
+			</g>
+			<g>
+				<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-15.4808" y1="66.075" x2="58.4248" y2="-25.8076">
+					<stop  offset="0" style="stop-color:#00ADDC"/>
+					<stop  offset="8.369088e-02" style="stop-color:#0EB7E0"/>
+					<stop  offset="0.3637" style="stop-color:#36D4EE"/>
+					<stop  offset="0.6195" style="stop-color:#53EAF7"/>
+					<stop  offset="0.84" style="stop-color:#65F6FD"/>
+					<stop  offset="1" style="stop-color:#6BFBFF"/>
+				</linearGradient>
+				<polygon class="st1" points="20.7,27.3 15,21.6 16.4,20.2 22.1,25.9 				"/>
+			</g>
+			<g>
+				<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-14.2488" y1="67.066" x2="59.6568" y2="-24.8166">
+					<stop  offset="0" style="stop-color:#00ADDC"/>
+					<stop  offset="8.369088e-02" style="stop-color:#0EB7E0"/>
+					<stop  offset="0.3637" style="stop-color:#36D4EE"/>
+					<stop  offset="0.6195" style="stop-color:#53EAF7"/>
+					<stop  offset="0.84" style="stop-color:#65F6FD"/>
+					<stop  offset="1" style="stop-color:#6BFBFF"/>
+				</linearGradient>
+				<path class="st2" d="M22,44C9.9,44,0,34.1,0,22C0,9.9,9.9,0,22,0c2.4,0,4.8,0.4,7.1,1.2L28.5,3C26.4,2.3,24.2,2,22,2
+					C11,2,2,11,2,22s9,20,20,20s20-9,20-20c0-2-0.3-3.9-0.9-5.8l1.9-0.6c0.6,2.1,0.9,4.2,0.9,6.4C44,34.1,34.1,44,22,44z"/>
+			</g>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/app/images/images.qrc b/app/images/images.qrc
new file mode 100644
index 0000000..a0ad957
--- /dev/null
+++ b/app/images/images.qrc
@@ -0,0 +1,11 @@
+<RCC>
+    <qresource prefix="/images">
+        <file>HMI_Dashboard_Car.png</file>
+        <file>HMI_Dashboard_Fuel_Icon.svg</file>
+        <file>HMI_Dashboard_LeftTire.svg</file>
+        <file>HMI_Dashboard_RightTire.svg</file>
+        <file>HMI_Dashboard_Speed_Icon.svg</file>
+        <file>HMI_Dashboard_TirePressure_OK.svg</file>
+        <file>HMI_Dashboard_Fuel_Details.svg</file>
+    </qresource>
+</RCC>