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