WIP: demo invoice workflow

Author: clstaudt

app/Tuttle.py

@@ -1,4 +1,5 @@
 from loguru import logger
+from textwrap import dedent
 
 import flet
 from flet import (
@@ -14,17 +15,14 @@
     TextButton,
     Icon,
     Dropdown,
-    dropdown,
+    Markdown,
 )
-from flet import icons, colors
+from flet import icons, colors, dropdown
 
 from layout import DesktopAppLayout
 
 import views
-from views import (
-    ContactView,
-    ContactView2,
-)
+import widgets
 
 from tuttle.controller import Controller
 from tuttle.model import (
@@ -171,6 +169,8 @@ def update_content(self):
 
 
 class InvoicingPage(AppPage):
+    """A page for the invoicing workflow."""
+
     def __init__(
         self,
         app: App,
@@ -194,13 +194,75 @@ def update_content(self):
             autofocus=True,
         )
 
-        self.main_column.controls.append(
+        date_from_select = widgets.DateSelector()
+        date_to_select = widgets.DateSelector()
+
+        self.main_column.controls = [
+            Row(
+                [
+                    Text("Invoicing Workflow Demo", style="headlineMedium"),
+                ]
+            ),
             Row(
                 [
+                    views.make_card(
+                        [
+                            Text(
+                                dedent(
+                                    """
+                            1. select a time tracking data source
+                            """
+                                )
+                            )
+                        ]
+                    )
+                ]
+            ),
+            Row(
+                [
+                    views.make_card(
+                        [
+                            Text(
+                                dedent(
+                                    """
+                            2. select a project and date range
+                            """
+                                )
+                            )
+                        ]
+                    )
+                ]
+            ),
+            Row(
+                [
+                    Icon(icons.WORK),
                     project_select,
                 ]
-            )
-        )
+            ),
+            Row(
+                [
+                    # Icon(icons.DATE_RANGE),
+                    date_from_select,
+                    Icon(icons.ARROW_FORWARD),
+                    date_to_select,
+                    TextButton(
+                        "Select",
+                        on_click=lambda event: logger.info(
+                            f"Selected date range: {date_from_select.get_date()} -> {date_to_select.get_date()}"
+                        ),
+                    ),
+                ]
+            ),
+            Row(
+                [
+                    ElevatedButton(
+                        "Generate invoice",
+                        icon=icons.EDIT_NOTE,
+                        # on_click=self.add_demo_data,
+                    ),
+                ]
+            ),
+        ]
         self.update()
 
 

app/views.py

@@ -1,3 +1,6 @@
+from typing import Optional, List, Tuple
+import datetime
+
 from flet import (
     UserControl,
     Card,
@@ -222,3 +225,14 @@ def make_project_view(project: Project):
             padding=10,
         )
     )
+
+
+def make_card(content):
+    """Make a card with the given content."""
+    return Card(
+        Container(
+            Row(content),
+            padding=10,
+            expand=True,
+        )
+    )

app/widgets.py

@@ -0,0 +1,64 @@
+import datetime
+
+from flet import (
+    UserControl,
+    Container,
+    Row,
+    Icon,
+    IconButton,
+    Text,
+    Dropdown,
+)
+from flet import icons, colors, dropdown
+
+
+class DateSelector(UserControl):
+    """Timeframe selector."""
+
+    def __init__(self):
+        super().__init__()
+
+        self.day_dropdown = Dropdown(
+            label="D",
+            options=[dropdown.Option(day) for day in range(1, 32)],
+            width=50,
+        )
+
+        self.month_dropdown = Dropdown(
+            label="M",
+            options=[dropdown.Option(month) for month in range(1, 13)],
+            width=50,
+        )
+
+        self.year_dropdown = Dropdown(
+            label="Y",
+            options=[dropdown.Option(year) for year in range(2015, 2025)],
+            width=100,
+        )
+
+        self.view = Container(
+            content=Row(
+                [
+                    Icon(
+                        icons.CALENDAR_MONTH,
+                    ),
+                    self.day_dropdown,
+                    self.month_dropdown,
+                    self.year_dropdown,
+                ],
+                alignment="center",
+            ),
+            padding=10,
+        )
+
+    def build(self):
+        return self.view
+
+    def get_date(self) -> datetime.date:
+        """Return the selected timeframe."""
+        date = datetime.date(
+            year=int(self.year_dropdown.value),
+            month=int(self.month_dropdown.value),
+            day=int(self.day_dropdown.value),
+        )
+        return date

tuttle/controller.py

@@ -111,7 +111,7 @@ def query(self, entity_type: Type[SQLModel]):
             sqlmodel.select(entity_type),
         ).all()
         if len(entities) == 0:
-            logger.warning("No instances of {entity_type} found")
+            logger.warning(f"No instances of {entity_type} found")
         else:
             logger.info(f"Found {len(entities)} instances of {entity_type}")
         return entities