Added Home screen grade card
This commit is contained in:
parent
c20630b934
commit
c0a5c4bd01
1 changed files with 437 additions and 23 deletions
460
main.py
460
main.py
|
|
@ -1,5 +1,14 @@
|
|||
import flet as ft
|
||||
|
||||
# vars
|
||||
grade1 = "#F44336"
|
||||
grade2 = "#FF9800"
|
||||
grade3 = "#eebd00"
|
||||
grade4 = "#4CAF50"
|
||||
grade5 = "#2196F3"
|
||||
grade6 = "#9C27B0"
|
||||
gradeother = "#5D5D5D"
|
||||
|
||||
def main(page: ft.Page):
|
||||
page.title = "Fuji"
|
||||
page.theme = ft.Theme(color_scheme_seed=ft.Colors.RED)
|
||||
|
|
@ -10,30 +19,435 @@ def main(page: ft.Page):
|
|||
ft.Column([
|
||||
ft.Text(" Home", size=30, weight="bold"),
|
||||
ft.Text("\n", size=30, weight="bold"),
|
||||
ft.Container(
|
||||
content=ft.Column([
|
||||
ft.Row([
|
||||
ft.Icon(ft.Icons.LOOKS_6_OUTLINED, size=32, color="#FFFFFF"),
|
||||
ft.Text("Timetable", size=24, font_family="Roboto", 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.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,
|
||||
),
|
||||
]),
|
||||
|
||||
]),
|
||||
|
||||
# Grades page
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue