Add New Custom Gauges and CARLA playback refactored

    - This commit adds new custom QML Gauges for Engine RPM, Speed, Fuel level and Coolant temp
    - Improve Exception handling for CARLA playback
    - Add the RPM and Speed Gauge elements
    - Update the functions resp. for updating their values
    - Fix Alignment of backgrounds, font size and progress bar
    - Update Half Gauge to have progress ticks
    - Add gauges to the main IC page

Bug-AGL: SPEC-5161

Change-Id: I52274afb7ea95c812c539a0b21305ad078d5dadb
Signed-off-by: Suchinton Chakravarty <suchinton.2001@gmail.com>

1 files changed, 316 insertions, 0 deletions

diff --git a/ui/Keypad.ui b/ui/Keypad.ui
new file mode 100644
index 0000000..cda5e42
--- /dev/null
+++ b/ui/Keypad.ui
@@ -0,0 +1,316 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>HVAC</class>
+ <widget class="QWidget" name="HVAC">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>420</width>
+    <height>690</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <property name="styleSheet">
+   <string notr="true">*{
+	border: none;
+	background-color: transparent;
+	background: none; 
+	padding: 0;
+	margin: 0;
+	color: #fff;
+}
+
+#scrollAreaWidgetContents{
+	background-color: #131313 ; /* black */
+}
+
+#centralwidget{
+	background-color: #131313 ; /* black */
+}
+
+#centralwidget QPushButton{
+	background-color: #6C6C85 ; /* pastel purple */
+	padding: 5px 10px;
+	border-radius: 10px;
+}
+
+#centralwidget QPushButton:pressed {
+    background-color: #4BD7D6 ; /* light blue */
+}
+
+#centralwidget QSlider::groove:horizontal {
+    border: 1px solid #6C6C85 ; /* pastel purple */
+    height: 15px;
+    border-radius: 8px;
+}
+
+#centralwidget  QSlider::sub-page:horizontal {
+    background-color: #4BD7D6 ; /* light blue */
+    height: 15px;
+    border-radius: 5px;
+}
+
+#centralwidget QSlider::handle:horizontal {
+    background: qlineargradient(x1:0, y1:0, x2:1, y2:1,
+        stop:0 #eee, stop:1 #ccc);
+    border: 1px solid #777;
+    width: 20px;
+    margin-top: -2px;
+    margin-bottom: -2px;
+    border-radius: 8px;
+}
+
+QSlider::sub-page:vertical {
+    background-color: #131313 ; /* black */
+    height: 20px;
+    width: 28px;
+    margin: 2px;
+	border: 1px solid #6C6C85 ; /* pastel purple */
+    border-radius: 8px;
+}
+
+QSlider::groove:vertical {
+    border-radius: 8px;
+    width: 28px;
+    margin: 2px;
+	border: 1px solid #6C6C85 ; /* pastel purple */
+	background-color: #4BD7D6 ; /* light blue */ 
+}
+QSlider::groove:vertical:hover {
+	background-color: rgb(55, 62, 76);
+}
+QSlider::handle:vertical {
+    background-color: #d5d5d5;
+    height: 15px;
+    width: 20px;
+	border-radius: 5px;
+}
+QSlider::handle:vertical:hover {
+    background-color: #6C6C85 ; /* pastel purple */
+}
+QSlider::handle:vertical:pressed {
+    background-color: #4BD7D6 ; /* light blue */ 
+}
+
+
+QScrollBar:horizontal {
+        min-width: 240px;
+        height: 13px;
+    }
+
+    QScrollBar:vertical {
+        min-height: 240px;
+        width: 13px;
+    }
+
+    QScrollBar::groove {
+        background: 2A2827; /* dark grey */
+        border-radius: 5px;
+    }
+
+    QScrollBar::handle {
+        background: #4BD7D6 ; /* light blue */
+        border-radius: 5px;
+    }
+
+    QScrollBar::handle:horizontal {
+        width: 25px;
+    }
+
+    QScrollBar::handle:vertical {
+        height: 25px; scrollAreaWidgetContents 
+    }
+
+#leftControls{
+	background: #041F2B ; /* dark blue */
+	border-radius: 10px;
+}
+
+#rightControls{
+	background: #041F2B ; /* dark blue */
+	border-radius: 10px;
+}
+
+
+/*============================================*/
+
+QListWidget {
+    min-height: 150px;
+    max-height: 150px;
+    background-color: #131313 ; /* black */
+    border: 1px solid #6C6C85 ; /* pastel purple */
+    border-radius: 8px;
+}
+
+QListWidget::item {
+    height: 50px;
+    width: 50px;
+    border-radius:  8px;
+	text-align: center;
+}
+
+QListWidget::item:selected {
+    background-color: #4BD7D6 ; /* light blue */
+    border-radius: 8px;
+}
+
+QListWidget::item:selected:!active {
+    border-width: 0px;
+}
+
+QListWidget::item:selected:active {
+    background-color: #4BD7D6 ; /* light blue */
+}
+
+QListWidget::item:selected:!focus {
+	color: black;
+    border-width: 0px;
+}
+
+QListWidget::item:focus {
+    background-color: #6C6C85 ; /* pastel purple */
+}
+
+QListWidget::item:hover {
+    background-color: #6C6C85 ; /* pastel purple */
+}
+
+</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QFrame" name="centralwidget">
+     <property name="frameShape">
+      <enum>QFrame::NoFrame</enum>
+     </property>
+     <layout class="QGridLayout" name="gridLayout_4">
+      <item row="1" column="0">
+       <widget class="QFrame" name="frame_2">
+        <property name="frameShape">
+         <enum>QFrame::NoFrame</enum>
+        </property>
+        <layout class="QGridLayout" name="gridLayout">
+         <item row="2" column="1">
+          <widget class="QPushButton" name="Key_2">
+           <property name="text">
+            <string/>
+           </property>
+           <property name="icon">
+            <iconset>
+             <normaloff>:/Keypad_Images/keypad_icons/f2-unpressed.png</normaloff>:/Keypad_Images/keypad_icons/f2-unpressed.png</iconset>
+           </property>
+           <property name="iconSize">
+            <size>
+             <width>100</width>
+             <height>100</height>
+            </size>
+           </property>
+          </widget>
+         </item>
+         <item row="2" column="2">
+          <widget class="QPushButton" name="Key_3">
+           <property name="text">
+            <string/>
+           </property>
+           <property name="icon">
+            <iconset>
+             <normaloff>:/Keypad_Images/keypad_icons/f3-unpressed.png</normaloff>:/Keypad_Images/keypad_icons/f3-unpressed.png</iconset>
+           </property>
+           <property name="iconSize">
+            <size>
+             <width>100</width>
+             <height>100</height>
+            </size>
+           </property>
+          </widget>
+         </item>
+         <item row="2" column="0">
+          <widget class="QPushButton" name="Key_1">
+           <property name="text">
+            <string/>
+           </property>
+           <property name="icon">
+            <iconset>
+             <normaloff>:/Keypad_Images/keypad_icons/f1-unpressed.png</normaloff>:/Keypad_Images/keypad_icons/f1-unpressed.png</iconset>
+           </property>
+           <property name="iconSize">
+            <size>
+             <width>100</width>
+             <height>100</height>
+            </size>
+           </property>
+          </widget>
+         </item>
+         <item row="4" column="2">
+          <widget class="QPushButton" name="Key_5">
+           <property name="text">
+            <string/>
+           </property>
+           <property name="icon">
+            <iconset>
+             <normaloff>:/Keypad_Images/keypad_icons/f5-unpressed.png</normaloff>:/Keypad_Images/keypad_icons/f5-unpressed.png</iconset>
+           </property>
+           <property name="iconSize">
+            <size>
+             <width>100</width>
+             <height>100</height>
+            </size>
+           </property>
+          </widget>
+         </item>
+         <item row="4" column="0">
+          <widget class="QPushButton" name="Key_4">
+           <property name="text">
+            <string/>
+           </property>
+           <property name="icon">
+            <iconset>
+             <normaloff>:/Keypad_Images/keypad_icons/f4-unpressed.png</normaloff>:/Keypad_Images/keypad_icons/f4-unpressed.png</iconset>
+           </property>
+           <property name="iconSize">
+            <size>
+             <width>100</width>
+             <height>100</height>
+            </size>
+           </property>
+          </widget>
+         </item>
+         <item row="4" column="1">
+          <spacer name="horizontalSpacer">
+           <property name="sizeHint" stdset="0">
+            <size>
+             <width>40</width>
+             <height>20</height>
+            </size>
+           </property>
+          </spacer>
+         </item>
+        </layout>
+       </widget>
+      </item>
+      <item row="2" column="0">
+       <spacer name="verticalSpacer">
+        <property name="sizeType">
+         <enum>QSizePolicy::Fixed</enum>
+        </property>
+        <property name="sizeHint" stdset="0">
+         <size>
+          <width>20</width>
+          <height>40</height>
+         </size>
+        </property>
+       </spacer>
+      </item>
+     </layout>
+    </widget>
+   </item>
+  </layout>
+ </widget>
+ <resources>
+  <include location="../assets/res.qrc"/>
+ </resources>
+ <connections/>
+</ui>