feat: add index page and refactor

Author: ihmily

app/app_manager.py

@@ -14,6 +14,7 @@
 from .ui.navigation.sidebar import LeftNavigationMenu, NavigationSidebar
 from .ui.views.about_view import AboutPage
 from .ui.views.home_view import HomePage
+from .ui.views.recordings_view import RecordingsPage
 from .ui.views.settings_view import SettingsPage
 from .ui.views.storage_view import StoragePage
 from .utils import utils
@@ -40,11 +41,12 @@ def __init__(self, page: ft.Page):
 
         self.settings = SettingsPage(self)
         self.language_manager = LanguageManager(self)
+        self.language_code = self.settings.language_code
         self.about = AboutPage(self)
+        self.recordings = RecordingsPage(self)
         self.home = HomePage(self)
         self.storage = StoragePage(self)
         self.pages = self.initialize_pages()
-        self.language_code = self.settings.language_code
         self.sidebar = NavigationSidebar(self)
         self.left_navigation_menu = LeftNavigationMenu(self)
 
@@ -77,6 +79,7 @@ def initialize_pages(self):
         return {
             "settings": self.settings,
             "home": self.home,
+            "recordings": self.recordings,
             "storage": self.storage,
             "about": self.about,
         }

app/core/stream_manager.py

@@ -173,6 +173,7 @@ async def fetch_stream(self) -> StreamData:
             password=self.account_config.get(self.platform_key, {}).get("password"),
             account_type=self.account_config.get(self.platform_key, {}).get("account_type")
         )
+
         stream_info = await handler.get_stream_info(self.live_url)
         self.recording.is_checking = False
         return stream_info
@@ -265,6 +266,7 @@ async def start_ffmpeg(
             self.recording.record_url = record_url
             logger.info(f"Recording in Progress: {live_url}")
             logger.log("STREAM", f"Recording Stream URL: {record_url}")
+
             while True:
                 if not self.recording.is_recording or not self.app.recording_enabled:
                     logger.info(f"Preparing to End Recording: {live_url}")
@@ -351,7 +353,7 @@ async def start_ffmpeg(
                     self.recording.is_recording = False
                 try:
                     self.recording.update({"display_title": display_title})
-                    await self.app.record_card_manager.update_card(self.recording)
+                    self.app.page.run_task(self.app.record_card_manager.update_card, self.recording)
                     self.app.page.pubsub.send_others_on_topic("update", self.recording)
                     if self.app.recording_enabled and process in self.app.process_manager.ffmpeg_processes:
                         self.app.page.run_task(self.app.record_manager.check_if_live, self.recording)

app/ui/components/recording_card.py

@@ -26,7 +26,7 @@ def __init__(self, app):
 
     def load(self):
         language = self.app.language_manager.language
-        for key in ("recording_card", "recording_manager", "base", "home_page", "video_quality", "storage_page"):
+        for key in ("recording_card", "recording_manager", "base", "recordings_page", "video_quality", "storage_page"):
             self._.update(language.get(key, {}))
 
     def pubsub_subscribe(self):
@@ -382,7 +382,7 @@ async def on_delete_recording(self, recording: Recording):
 
     async def remove_recording_card(self, recordings: list[Recording]):
         try:
-            home_page = self.app.current_page
+            recordings_page = self.app.current_page
 
             existing_ids = {rec.rec_id for rec in self.app.record_manager.recordings}
             remove_ids = {rec.rec_id for rec in recordings}
@@ -394,9 +394,9 @@ async def remove_recording_card(self, recordings: list[Recording]):
                 if rec_id not in keep_ids
             ]
 
-            home_page.recording_card_area.content.controls = [
+            recordings_page.recording_card_area.content.controls = [
                 control
-                for control in home_page.recording_card_area.content.controls
+                for control in recordings_page.recording_card_area.content.controls
                 if control not in cards_to_remove
             ]
 
@@ -406,7 +406,7 @@ async def remove_recording_card(self, recordings: list[Recording]):
             }
 
             try:
-                home_page.recording_card_area.update()
+                recordings_page.recording_card_area.update()
             except (ft.core.page.PageDisconnectedException, AssertionError) as e:
                 logger.debug(f"Update recording card area failed: {e}")
 
@@ -438,7 +438,8 @@ def get_tip_for_monitor_state(self, recording: Recording):
     async def update_duration(self, recording: Recording):
         """Update the duration text periodically."""
         while True:
-            await asyncio.sleep(1)  # Update every second
+            update_interval = 1
+            await asyncio.sleep(update_interval)
             if not recording or recording.rec_id not in self.cards_obj:  # Stop task if card is removed
                 break
 

app/ui/components/recording_dialog.py

@@ -20,7 +20,7 @@ def __init__(self, app, on_confirm_callback=None, recording=None):
 
     def load(self):
         language = self.app.language_manager.language
-        for key in ("recording_dialog", "home_page", "base", "video_quality"):
+        for key in ("recording_dialog", "recordings_page", "base", "video_quality"):
             self._.update(language.get(key, {}))
 
     async def show_dialog(self):

app/ui/components/search_dialog.py

@@ -2,20 +2,20 @@
 
 
 class SearchDialog(ft.AlertDialog):
-    def __init__(self, home_page, on_close=None):
-        self.home_page = home_page
+    def __init__(self, recordings_page, on_close=None):
+        self.recordings_page = recordings_page
         self._ = {}
         self.load()
 
         # Get the name of the current filter condition
         filter_name = self._["filter_all"]
-        if self.home_page.current_filter == "recording":
+        if self.recordings_page.current_filter == "recording":
             filter_name = self._["filter_recording"]
-        elif self.home_page.current_filter == "error":
+        elif self.recordings_page.current_filter == "error":
             filter_name = self._["filter_error"]
-        elif self.home_page.current_filter == "offline":
+        elif self.recordings_page.current_filter == "offline":
             filter_name = self._["filter_offline"]
-        elif self.home_page.current_filter == "stopped":
+        elif self.recordings_page.current_filter == "stopped":
             filter_name = self._["filter_stopped"]
 
         search_title = f"{self._['search']} ({filter_name})"
@@ -54,11 +54,11 @@ def __init__(self, home_page, on_close=None):
         )
         self.actions_alignment = ft.MainAxisAlignment.END
         self.on_close = on_close
-        self.home_page.app.language_manager.add_observer(self)
+        self.recordings_page.app.language_manager.add_observer(self)
 
     def load(self):
-        language = self.home_page.app.language_manager.language
-        for key in ("search_dialog", "home_page", "base"):
+        language = self.recordings_page.app.language_manager.language
+        for key in ("search_dialog", "recordings_page", "base"):
             self._.update(language.get(key, {}))
 
         # Ensure the language items related to filtering exist
@@ -75,5 +75,5 @@ async def close_dlg(self, _e):
 
     async def submit_query(self, e):
         query = self.query.value.strip()
-        await self.home_page.filter_recordings(query)
+        await self.recordings_page.filter_recordings(query)
         await self.close_dlg(e)

app/ui/layout/responsive_layout.py

@@ -9,6 +9,8 @@ def is_mobile_device(page: ft.Page) -> bool:
 
 
 def setup_responsive_layout(page: ft.Page, app: App) -> None:
+    _ = app.language_manager.language.get("sidebar", {})
+    
     if is_mobile_device(page):
         logger.info("mobile device detected, enable mobile layout")
         app.is_mobile = True
@@ -17,12 +19,14 @@ def setup_responsive_layout(page: ft.Page, app: App) -> None:
 
         app.bottom_navigation = ft.NavigationBar(
             destinations=[
-                ft.NavigationBarDestination(icon=ft.Icons.HOME, label="首页"),
-                ft.NavigationBarDestination(icon=ft.Icons.SETTINGS, label="设置"),
-                ft.NavigationBarDestination(icon=ft.Icons.DRIVE_FILE_MOVE, label="存储"),
-                ft.NavigationBarDestination(icon=ft.Icons.INFO, label="关于"),
+                ft.NavigationBarDestination(icon=ft.Icons.HOME, label=_["home"]),
+                ft.NavigationBarDestination(icon=ft.Icons.DASHBOARD_ROUNDED, label=_["recordings"]),
+                ft.NavigationBarDestination(icon=ft.Icons.SETTINGS, label=_["settings"]),
+                ft.NavigationBarDestination(icon=ft.Icons.DRIVE_FILE_MOVE, label=_["storage"]),
+                ft.NavigationBarDestination(icon=ft.Icons.INFO, label=_["about"]),
             ],
-            on_change=lambda e: page.go(f"/{['home', 'settings', 'storage', 'about'][e.control.selected_index]}"),
+            on_change=lambda e: page.go(
+                f"/{['home', 'recordings', 'settings', 'storage', 'about'][e.control.selected_index]}"),
         )
 
         app.content_area.expand = True

app/ui/navigation/sidebar.py

@@ -165,7 +165,8 @@ async def theme_changed(self, _):
 
     async def on_theme_change(self):
         """When the theme changes, recreate the content and update the page"""
-        if self.app.current_page.page_name == "about":
+        page_list = ["home", "about"]
+        if self.app.current_page.page_name in page_list:
             await self.app.current_page.load()
 
 
@@ -181,21 +182,40 @@ def __init__(self, app):
     def load(self):
         self._ = self.app.language_manager.language.get("sidebar")
         self.control_groups = [
-            ControlGroup(icon=ft.Icons.HOME, label=self._["home"], index=0, name="home", selected_icon=ft.Icons.HOME),
+            ControlGroup(
+                icon=ft.Icons.HOME,
+                label=self._["home"],
+                index=0,
+                name="home",
+                selected_icon=ft.Icons.HOME
+            ),
+            ControlGroup(
+                icon=ft.Icons.DASHBOARD,
+                label=self._["recordings"],
+                index=1,
+                name="recordings",
+                selected_icon=ft.Icons.DASHBOARD_ROUNDED
+            ),
             ControlGroup(
                 icon=ft.Icons.SETTINGS,
                 label=self._["settings"],
-                index=1,
+                index=2,
                 name="settings",
                 selected_icon=ft.Icons.SETTINGS,
             ),
             ControlGroup(
                 icon=ft.Icons.DRIVE_FILE_MOVE,
                 label=self._["storage"],
-                index=2,
+                index=3,
                 name="storage",
                 selected_icon=ft.Icons.DRIVE_FILE_MOVE_OUTLINE
             ),
-            ControlGroup(icon=ft.Icons.INFO, label=self._["about"], index=3, name="about", selected_icon=ft.Icons.INFO),
+            ControlGroup(
+                icon=ft.Icons.INFO,
+                label=self._["about"],
+                index=4,
+                name="about",
+                selected_icon=ft.Icons.INFO
+            ),
         ]
         self.selected_control_group = self.control_groups[0]

app/ui/views/about_view.py

@@ -8,14 +8,14 @@ class AboutPage(PageBase):
     def __init__(self, app):
         super().__init__(app)
         self.page_name = "about"
-        self._about_config = {}
+        self.about_config = {}
         self.app.language_manager.add_observer(self)
         self.load_language()
         self.page.on_keyboard_event = self.on_keyboard
 
     def load_language(self):
         self._ = self.app.language_manager.language.get("about_page")
-        self._about_config = self.app.config_manager.load_about_config()
+        self.about_config = self.app.config_manager.load_about_config()
 
     async def load(self):
         """Load the about page content."""
@@ -39,8 +39,8 @@ async def load(self):
             text_color_700 = ft.Colors.GREY_700
 
         language_code = self.app.language_code
-        version_updates = self._about_config["version_updates"][0]
-        open_source_license = self._about_config["open_source_license"]
+        version_updates = self.about_config["version_updates"][0]
+        open_source_license = self.about_config["open_source_license"]
 
         if is_mobile:
             feature_highlights = ft.Column(
@@ -250,7 +250,7 @@ async def load(self):
                             controls=[
                                 ft.Text(self._["introduction"], size=20, weight=ft.FontWeight.W_600, color=text_color),
                                 ft.Text(
-                                    self._about_config["introduction"].get(language_code),
+                                    self.about_config["introduction"].get(language_code),
                                     size=16,
                                     text_align=ft.TextAlign.JUSTIFY,
                                     color=text_color_600,