login and registration screen

2026-01-06 22:56:13 +01:00
parent 210cc5db26
commit e316001fa7
18 changed files with 592 additions and 0 deletions
@@ -0,0 +1,106 @@
+import toga
+from toga.style import Pack
+from toga.style.pack import COLUMN, ROW, END, START, CENTER
+from justgetit.constants import SCREENHEIGHT, SCREENWIDTH
+
+
+class Login(toga.Box): 
+
+    def __init__(self, navigate_to, *args, **kwargs):
+        super().__init__(*args, **kwargs)
+        self.navigate_to= navigate_to
+
+        register_button = toga.Button(
+            icon=toga.Icon("images/register"),
+            style=Pack(
+                width=50,
+                margin=5,
+            ),
+            id="register",
+            on_press=self.navigate_to)
+
+        liner =toga.Box(style=Pack(width=SCREENWIDTH, height = 2, background_color="#ddd"))
+
+        menu_bar= toga.Row(
+            children=[register_button, liner],
+            style=Pack(
+                justify_content=END,
+                width = SCREENWIDTH,
+                background_color="#eee"
+            )
+        )
+
+        # Title icon
+        my_image = toga.Image("images/login.png")
+        title = toga.ImageView(my_image, style=Pack(
+                width=50,
+                margin_bottom=20
+            ))
+
+        # Email input
+        name_input = toga.TextInput(
+            placeholder="Could be you here",
+            style=Pack(
+                width=250,
+                margin_bottom=10
+            )
+        )
+
+        # Password input
+        password_input = toga.PasswordInput(
+            placeholder="Feeling lucky?",
+            style=Pack(
+                width=250,
+                margin_bottom=20
+            )
+        )
+
+        # Login button
+        login_button = toga.Button(
+            icon=toga.Icon("images/save"),
+            style=Pack(
+                width=50,
+                margin=10,
+                background_color="white"
+            ),
+            on_press=self.login_button_press)
+        
+        login_area= toga.Box(
+            children=[login_button],
+            style=Pack(
+                width=250,
+                direction=ROW,
+                align_items=START,
+                margin=20
+            )
+        )
+
+        # Main content box (centered)
+        content_box = toga.Column(
+            children=[
+                title,
+                name_input,
+                password_input,
+                login_area
+            ],
+            style=Pack(
+                align_items=CENTER,
+                height=SCREENHEIGHT - 50,    # iPhone height
+                margin=20,
+            )
+        )
+
+        # Outer box to simulate iPhone screen
+        screen = toga.Column(
+            children=[menu_bar,
+                      liner,
+                      content_box],
+            style=Pack(
+                width=SCREENWIDTH,     # iPhone width
+            )
+        )
+
+        self.add(screen)
+
+    def login_button_press(self, widget):
+        print("pressesd")