diff --git a/src/main.py b/src/main.py index 168adac..0b99740 100644 --- a/src/main.py +++ b/src/main.py @@ -1,13 +1,5 @@ import flet as ft - -# vars -grade1 = "#F44336" -grade2 = "#FF9800" -grade3 = "#eebd00" -grade4 = "#4CAF50" -grade5 = "#2196F3" -grade6 = "#9C27B0" -gradeother = "#5D5D5D" +from pages.home import * def main(page: ft.Page): page.title = "Fuji" @@ -16,439 +8,7 @@ def main(page: ft.Page): def changePage(index): pages = [ # Home page - ft.Column([ - ft.Text(" Home", size=30, weight="bold"), - ft.Text("\n", size=30, weight="bold"), - ft.Row([ - ft.Container( # Timetable Card - content=ft.Column([ - ft.Row([ - ft.Icon(ft.Icons.BACKPACK_OUTLINED, size=32, color="#FFFFFF"), - ft.Text("Timetable", size=24, font_family="Roboto", weight="bold") - ]), - ft.ListView( - controls=[ - ft.Text("1. Lorem ipsum\n2. Lorem ipsum\n3. Lorem ipsum\n4. Im curious what happens if i ran out of space\n5. It just creates a new line\n6. No idea why i tested that\n7. I also want to test what happens if there is too much lines\n8. Lorem ipsum\n9. Yay now you can scroll\n10. Looks like dogshit but it works\n11. Simi simi jej simi jaj", size=16, weight="normal") - ], - expand=True, - spacing=10, - padding=10, - auto_scroll=False - ) - ]), - margin=20, - padding=10, - alignment=ft.alignment.top_left, - bgcolor='#271D1C', - width=420, - height=270, - border_radius=10, - ), - - ft.Container( # Recent Grades Card - content=ft.Column([ - ft.Row([ - ft.Icon(ft.Icons.LOOKS_6_OUTLINED, size=32, color="#FFFFFF"), - ft.Text("Recent Grades", size=24, font_family="Roboto", weight="bold") - ]), - ft.ListView( - controls=[ - ft.Row([ - ft.Text("Matematyka", size=16, weight="normal"), - ft.Container( - content=ft.Text("6"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade6, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("5"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade5, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("4"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade4, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("3"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade3, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("2"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade2, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("1"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade1, - width=20, - height=20, - border_radius=5, - ), - ]), - ft.Row([ - ft.Text("Język polski", size=16, weight="normal"), - ft.Container( - content=ft.Text("6"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade6, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("5"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade5, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("4"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade4, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("3"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade3, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("2"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade2, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("1"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade1, - width=20, - height=20, - border_radius=5, - ), - ]), - ft.Row([ - ft.Text("Język Angielski", size=16, weight="normal"), - ft.Container( - content=ft.Text("6"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade6, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("5"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade5, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("4"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade4, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("3"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade3, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("2"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade2, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("1"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade1, - width=20, - height=20, - border_radius=5, - ), - ]), - ft.Row([ - ft.Text("Informatyka", size=16, weight="normal"), - ft.Container( - content=ft.Text("6"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade6, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("5"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade5, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("4"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade4, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("3"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade3, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("2"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade2, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("1"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade1, - width=20, - height=20, - border_radius=5, - ), - ]), - ft.Row([ - ft.Text("Język Niemiecki", size=16, weight="normal"), - ft.Container( - content=ft.Text("6"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade6, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("5"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade5, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("4"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade4, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("3"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade3, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("2"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade2, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("1"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade1, - width=20, - height=20, - border_radius=5, - ), - ]), - ft.Row([ - ft.Text("Chemia", size=16, weight="normal"), - ft.Container( - content=ft.Text("6"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade6, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("5"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade5, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("4"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade4, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("3"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade3, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("2"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade2, - width=20, - height=20, - border_radius=5, - ), - ft.Container( - content=ft.Text("1"), - margin=0, - padding=0, - alignment=ft.alignment.center, - bgcolor=grade1, - width=20, - height=20, - border_radius=5, - ), - ]), - ], - expand=False, - spacing=10, - padding=10, - auto_scroll=False - ) - ]), - margin=20, - padding=10, - alignment=ft.alignment.top_left, - bgcolor='#271D1C', - width=420, - height=270, - border_radius=10, - ), - ]), - - ]), + HomePage(), # Grades page ft.Column([ diff --git a/src/pages/home.py b/src/pages/home.py new file mode 100644 index 0000000..c2ae7c6 --- /dev/null +++ b/src/pages/home.py @@ -0,0 +1,128 @@ +import flet as ft + +grade1 = "#F44336" +grade2 = "#FF9800" +grade3 = "#eebd00" +grade4 = "#4CAF50" +grade5 = "#2196F3" +grade6 = "#9C27B0" +gradeother = "#5D5D5D" + +def HomePage(): + return ft.Column([ + ft.Text(" Home", size=30, weight="bold"), + ft.Text("\n", size=30, weight="bold"), + ft.Row([ + ft.Container( # Timetable Card + content=ft.Column([ + ft.Row([ + ft.Icon(ft.Icons.BACKPACK_OUTLINED, size=32, color="#FFFFFF"), + ft.Text("Timetable", size=24, font_family="Roboto", weight="bold") + ]), + ft.ListView( + controls=[ + ft.Text("1. Lorem ipsum\n2. Lorem ipsum\n3. Lorem ipsum\n4. Im curious what happens if i ran out of space\n5. It just creates a new line\n6. No idea why i tested that\n7. I also want to test what happens if there is too much lines\n8. Lorem ipsum\n9. Yay now you can scroll\n10. Looks like dogshit but it works\n11. Simi simi jej simi jaj", size=16, weight="normal") + ], + expand=True, + spacing=10, + padding=10, + auto_scroll=False + ) + ]), + margin=20, + padding=10, + alignment=ft.alignment.top_left, + bgcolor='#271D1C', + width=420, + height=270, + border_radius=10, + ), + + ft.Container( # Recent Grades Card + content=ft.Column([ + ft.Row([ + ft.Icon(ft.Icons.LOOKS_6_OUTLINED, size=32, color="#FFFFFF"), + ft.Text("Recent Grades", size=24, font_family="Roboto", weight="bold") + ]), + ft.ListView( + controls=[ + ft.Row([ + ft.Text("Matematyka", size=16, weight="normal"), + ft.Container( + content=ft.Text("6"), + margin=0, + padding=0, + alignment=ft.alignment.center, + bgcolor=grade6, + width=20, + height=20, + border_radius=5, + ), + ft.Container( + content=ft.Text("5"), + margin=0, + padding=0, + alignment=ft.alignment.center, + bgcolor=grade5, + width=20, + height=20, + border_radius=5, + ), + ft.Container( + content=ft.Text("4"), + margin=0, + padding=0, + alignment=ft.alignment.center, + bgcolor=grade4, + width=20, + height=20, + border_radius=5, + ), + ft.Container( + content=ft.Text("3"), + margin=0, + padding=0, + alignment=ft.alignment.center, + bgcolor=grade3, + width=20, + height=20, + border_radius=5, + ), + ft.Container( + content=ft.Text("2"), + margin=0, + padding=0, + alignment=ft.alignment.center, + bgcolor=grade2, + width=20, + height=20, + border_radius=5, + ), + ft.Container( + content=ft.Text("1"), + margin=0, + padding=0, + alignment=ft.alignment.center, + bgcolor=grade1, + width=20, + height=20, + border_radius=5, + ), + ]) + ], + expand=False, + spacing=10, + padding=10, + auto_scroll=False + ) + ]), + margin=20, + padding=10, + alignment=ft.alignment.top_left, + bgcolor='#271D1C', + width=420, + height=270, + border_radius=10, + ) + ]) + ]) \ No newline at end of file diff --git a/src/vars.py b/src/vars.py new file mode 100644 index 0000000..12a64d6 --- /dev/null +++ b/src/vars.py @@ -0,0 +1,9 @@ +grade = [ + "#5D5D5D", + "#F44336", + "#FF9800", + "#eebd00", + "#4CAF50", + "#2196F3", + "#9C27B0", +] \ No newline at end of file