Chat app update (#140)

* cleanup

* updated alignment values

Author: InesaFitsner

python/tutorials/chat/chat.py

@@ -1,30 +1,32 @@
 import flet as ft
 
-class Message():
+
+class Message:
     def __init__(self, user_name: str, text: str, message_type: str):
         self.user_name = user_name
         self.text = text
         self.message_type = message_type
 
+
 class ChatMessage(ft.Row):
     def __init__(self, message: Message):
         super().__init__()
-        self.vertical_alignment="start"
-        self.controls=[
-                ft.CircleAvatar(
-                    content=ft.Text(self.get_initials(message.user_name)),
-                    color=ft.colors.WHITE,
-                    bgcolor=self.get_avatar_color(message.user_name),
-                ),
-                ft.Column(
-                    [
-                        ft.Text(message.user_name, weight="bold"),
-                        ft.Text(message.text, selectable=True),
-                    ],
-                    tight=True,
-                    spacing=5,
-                ),
-            ]
+        self.vertical_alignment = ft.CrossAxisAlignment.START
+        self.controls = [
+            ft.CircleAvatar(
+                content=ft.Text(self.get_initials(message.user_name)),
+                color=ft.colors.WHITE,
+                bgcolor=self.get_avatar_color(message.user_name),
+            ),
+            ft.Column(
+                [
+                    ft.Text(message.user_name, weight="bold"),
+                    ft.Text(message.text, selectable=True),
+                ],
+                tight=True,
+                spacing=5,
+            ),
+        ]
 
     def get_initials(self, user_name: str):
         if user_name:
@@ -50,8 +52,9 @@ def get_avatar_color(self, user_name: str):
         ]
         return colors_lookup[hash(user_name) % len(colors_lookup)]
 
+
 def main(page: ft.Page):
-    page.horizontal_alignment = "stretch"
+    page.horizontal_alignment = ft.CrossAxisAlignment.STRETCH
     page.title = "Flet Chat"
 
     def join_chat_click(e):
@@ -62,12 +65,24 @@ def join_chat_click(e):
             page.session.set("user_name", join_user_name.value)
             page.dialog.open = False
             new_message.prefix = ft.Text(f"{join_user_name.value}: ")
-            page.pubsub.send_all(Message(user_name=join_user_name.value, text=f"{join_user_name.value} has joined the chat.", message_type="login_message"))
+            page.pubsub.send_all(
+                Message(
+                    user_name=join_user_name.value,
+                    text=f"{join_user_name.value} has joined the chat.",
+                    message_type="login_message",
+                )
+            )
             page.update()
 
     def send_message_click(e):
         if new_message.value != "":
-            page.pubsub.send_all(Message(page.session.get("user_name"), new_message.value, message_type="chat_message"))
+            page.pubsub.send_all(
+                Message(
+                    page.session.get("user_name"),
+                    new_message.value,
+                    message_type="chat_message",
+                )
+            )
             new_message.value = ""
             new_message.focus()
             page.update()
@@ -94,7 +109,7 @@ def on_message(message: Message):
         title=ft.Text("Welcome!"),
         content=ft.Column([join_user_name], width=300, height=70, tight=True),
         actions=[ft.ElevatedButton(text="Join chat", on_click=join_chat_click)],
-        actions_alignment="end",
+        actions_alignment=ft.MainAxisAlignment.END,
     )
 
     # Chat messages
@@ -137,4 +152,5 @@ def on_message(message: Message):
         ),
     )
 
-ft.app(main)
+
+ft.app(target=main)

python/tutorials/chat/chat_1.py

@@ -1,5 +1,6 @@
 import flet as ft
 
+
 def main(page: ft.Page):
     chat = ft.Column()
     new_message = ft.TextField()
@@ -10,8 +11,9 @@ def send_click(e):
         page.update()
 
     page.add(
-        chat, ft.Row(controls=[new_message, ft.ElevatedButton("Send", on_click=send_click)])
+        chat,
+        ft.Row(controls=[new_message, ft.ElevatedButton("Send", on_click=send_click)]),
     )
 
 
-ft.app("chat", target=main, view=ft.WEB_BROWSER)
+ft.app(target=main)

python/tutorials/chat/chat_2.py

@@ -1,10 +1,12 @@
 import flet as ft
 
-class Message():
+
+class Message:
     def __init__(self, user: str, text: str):
         self.user = user
         self.text = text
 
+
 def main(page: ft.Page):
 
     chat = ft.Column()
@@ -21,6 +23,9 @@ def send_click(e):
         new_message.value = ""
         page.update()
 
-    page.add(chat, ft.Row([new_message, ft.ElevatedButton("Send", on_click=send_click)]))
+    page.add(
+        chat, ft.Row([new_message, ft.ElevatedButton("Send", on_click=send_click)])
+    )
+
 
-ft.app(target=main, view=ft.WEB_BROWSER)
+ft.app(target=main)

python/tutorials/chat/chat_3.py

@@ -1,6 +1,7 @@
 import flet as ft
 
-class Message():
+
+class Message:
     def __init__(self, user: str, text: str, message_type: str):
         self.user = user
         self.text = text
@@ -24,7 +25,13 @@ def on_message(message: Message):
     page.pubsub.subscribe(on_message)
 
     def send_click(e):
-        page.pubsub.send_all(Message(user=page.session.get('user_name'), text=new_message.value, message_type="chat_message"))
+        page.pubsub.send_all(
+            Message(
+                user=page.session.get("user_name"),
+                text=new_message.value,
+                message_type="chat_message",
+            )
+        )
         new_message.value = ""
         page.update()
 
@@ -37,7 +44,13 @@ def join_click(e):
         else:
             page.session.set("user_name", user_name.value)
             page.dialog.open = False
-            page.pubsub.send_all(Message(user=user_name.value, text=f"{user_name.value} has joined the chat.", message_type="login_message"))
+            page.pubsub.send_all(
+                Message(
+                    user=user_name.value,
+                    text=f"{user_name.value} has joined the chat.",
+                    message_type="login_message",
+                )
+            )
             page.update()
 
     page.dialog = ft.AlertDialog(
@@ -49,6 +62,9 @@ def join_click(e):
         actions_alignment="end",
     )
 
-    page.add(chat, ft.Row([new_message, ft.ElevatedButton("Send", on_click=send_click)]))
+    page.add(
+        chat, ft.Row([new_message, ft.ElevatedButton("Send", on_click=send_click)])
+    )
+
 
-ft.app(target=main, view=ft.WEB_BROWSER)
+ft.app(target=main)