Add steps indicator header

Author: tsterbak

openandroidinstaller/assets/imgs/steps-header-get-ready.png

@@ -57,7 +57,7 @@ def build(self):
         # build up the main view
         self.right_view.controls.extend(
             [
-                get_title("Check the Requirements"),
+                get_title("Check the Requirements", step_indicator_img="steps-header-requirements.png"),
                 Text(
                     "Before continuing you need to check some requirements to progress. Please read the instructions and check the boxes if everything is fine."
                 ),

openandroidinstaller/assets/imgs/steps-header-install.png

@@ -126,7 +126,7 @@ def build(self):
         #)
         # add title and progressbar
         self.right_view.controls.append(
-            get_title("Now pick an OS image and a recovery file:", info_button=info_button)
+            get_title("Now pick an OS image and a recovery file:", info_button=info_button, step_indicator_img="steps-header-select.png")
         )
         self.right_view.controls.append(self.state.progressbar)
 

openandroidinstaller/assets/imgs/steps-header-recovery.png

@@ -22,6 +22,7 @@
     Column,
     Divider,
     ElevatedButton,
+    Image,
     OutlinedButton,
     FilledButton,
     Markdown,
@@ -113,7 +114,7 @@ def check_bootloader_unlocked(e):
         # build up the main view
         self.right_view.controls.extend(
             [
-                get_title("Get the phone ready"),
+                get_title("Get the phone ready", step_indicator_img="steps-header-get-ready.png"),
                 Markdown(
                     """
 To get started you need to 

openandroidinstaller/assets/imgs/steps-header-requirements.png

@@ -101,8 +101,13 @@ def check_advanced_switch(e):
         self.terminal_box = TerminalBox(expand=True)
 
         # main controls
+        steps_indictor_img_lookup = {
+            "Unlock the bootloader": "steps-header-unlock.png",
+            "Flash custom recovery": "steps-header-recovery.png",
+            "Install OS": "steps-header-install.png",
+        }
         self.right_view.controls = [
-            get_title(f"{self.step.title}"),
+            get_title(f"{self.step.title}", step_indicator_img=steps_indictor_img_lookup.get(self.step.title)),
             self.state.progressbar,
             Text(f"{self.step.content}"),
         ]