des18 (3).py

# This file was generated by the Tkinter Designer by Parth Jadhav
# https://github.com/ParthJadhav/Tkinter-Designer


from pathlib import Path

# from tkinter import *
# Explicit imports to satisfy Flake8
from tkinter import Tk, Canvas, Entry, Text, Button, PhotoImage
import tkinter.font as tkFont


OUTPUT_PATH = Path(__file__).parent
ASSETS_PATH = OUTPUT_PATH / Path(r"E:\H\RehabVeda\predictbuild\assets\frame0")


def relative_to_assets(path: str) -> Path:
    return ASSETS_PATH / Path(path)


window = Tk()

window.geometry("1026x600")
window.configure(bg = "#000000")

def create_rounded_rectangle(canvas, x1, y1, x2, y2, r=5, **kwargs):
    points = [
        x1+r, y1,
        x2-r, y1,
        x2, y1,
        x2, y1+r,
        x2, y2-r,
        x2, y2,
        x2-r, y2,
        x1+r, y2,
        x1, y2,
        x1, y2-r,
        x1, y1+r,
        x1, y1
    ]
    return canvas.create_polygon(points, smooth=True, **kwargs)

#section except sidebar and left content 
canvas = Canvas(
    window,
    bg = "#000000",
    height = 600,
    width = 1026,
    bd = 0,
    highlightthickness = 0,
    relief = "ridge"
)

# Place canvas on the window — ADD THIS LINE:
canvas.place(x=0, y=0)

#header section 
canvas.create_rectangle(
    107.0,
    0.0,
    1026.0,
    56.0,
    fill="#111827",
    outline="#6B7280",
    )

canvas.create_text(
    131.0,
    16.0,
    anchor="nw",
    text="Predict",
    fill="#FFFFFF",
    font=("Inter Bold", 20 * -1)
)


#power icon
power_icon_1 = PhotoImage(
    file=relative_to_assets("Power.png"))
power_1 = Button(
    image=power_icon_1,
    borderwidth=0,
    highlightthickness=0,
    # command=lambda: print("button_1 clicked"),
    relief="flat",
    bg="#111827"
)
power_1.place(
    x=974.0,
    y=16.0,
    # width=24.0,
    # height=24.0
)

#rectangle for dark/light theme
create_rounded_rectangle(
    canvas,
    874.0,
    8.0,
    954.0,
    48.0,
    r=10,
    fill="#FFFFFF",
    outline="#F3F4F6")

#dark icon
dark_icon_1 = PhotoImage(
    file=relative_to_assets("dark_mode.png"))
dark_1 = Button(
    image=dark_icon_1,
    borderwidth=0,
    highlightthickness=0,
    # command=lambda: print("button_1 clicked"),
    relief="flat",
    bg = "#FFFFFF"
)
dark_1.place(
    x=880.0,
    y=12.0,
    # width=24.0,
    # height=24.0
)



#rectangle light section
create_rounded_rectangle(
    canvas,
    915.0,
    9.0,
    953.0,
    47.0,
    r=10,
    fill="#E5E7EB",
    outline="")



#light icon
light_icon_1 = PhotoImage(
    file=relative_to_assets("light_mode.png"))
light_1 = Button(
    image=light_icon_1,
    borderwidth=0,
    highlightthickness=0,
    # command=lambda: print("button_1 clicked"),
    relief="flat",
    bg="#E5E7EB"
)
light_1.place(
    x=922,
    y=15,
    # width=24.0,
    # height=24.0
)


#sidebar rectangle section
canvas.create_rectangle(
    0.0,
    0.0,
    107.0,
    600.0,
    fill="#1F2937",
    outline="#6B7280")

#rehabveda icon
RVEllipse_icon_1 = PhotoImage(
    file=relative_to_assets("RVEllipse.png"))
RVEllipse_1 = Button(
    image=RVEllipse_icon_1,
    borderwidth=0,
    highlightthickness=0,
    # command=lambda: print("button_1 clicked"),
    relief="flat",
    bg = '#1F2937'
)
RVEllipse_1.place(
    x=64.262,
    y=12.0,
)

RVBody_icon_1 = PhotoImage(
    file=relative_to_assets("RVBody.png"))
RVBody_1 = Button(
    image=RVBody_icon_1,
    borderwidth=0,
    highlightthickness=0,
    # command=lambda: print("button_1 clicked"),
    relief="flat",
    bg = '#1F2937'
)
RVBody_1.place(
    x=41.0,
    y=21.55,
)

RVLeg_icon_1 = PhotoImage(
    file=relative_to_assets("RVLeg.png"))
RVLeg_1 = Button(
    image=RVLeg_icon_1,
    borderwidth=0,
    highlightthickness=0,
    # command=lambda: print("button_1 clicked"),
    relief="flat",
    bg = '#1F2937'
)
RVLeg_1.place(
    x=60.148,
    y=33.3,
)

#underline after Rehabveda
canvas.create_rectangle(
    16.0,
    56.0,
    97.0,
    56.0,
    fill="#6B7280",
    outline="")


#vertical line for sidebar icons
canvas.create_rectangle(
    57.0,
    56.0,
    57.0,
    594.0,
    fill="",
    outline="#6B7280")

#user icon ellipse
canvas.create_oval(
    38.0,
    82.0,
    74.0,
    118.0,
    fill="#1F2937",
    outline="#6B7280",
    width=2  # Optional: makes the border visibly thicker
)

#user icon
user_icon_1 = PhotoImage(
    file=relative_to_assets("user_icon.png"))
user_1 = Button(
    image=user_icon_1,
    borderwidth=0,
    highlightthickness=0,
    # command=lambda: print("button_1 clicked"),
    relief="flat",
    bg = "#1F2937"
)
user_1.place(
    x=46.0,
    y=90.0
)



#collect icon ellipse
canvas.create_oval(
    38.0,       # x0 (left)
    140.0,       # y0 (top)
    74.0,       # x1 (right) 
    176.0,       # y1 (bottom) 
    fill="#1F2937",
    outline="#6B7280",
    width=2
)

#collect icon
collect_icon_1 = PhotoImage(
    file=relative_to_assets("collect_icon.png"))
collect_1 = Button(
    image=collect_icon_1,
    borderwidth=0,
    highlightthickness=0,
    # command=lambda: print("button_1 clicked"),
    relief="flat",
    bg = "#1F2937"
)
collect_1.place(
    x=47.5,
    y=148.0,
)

#predict icon ellipse
canvas.create_oval(
    38.0,
    200.0,
    74.0,
    236.0,
    fill="#1F2937",
    outline="#6B7280",
    width=2  # Optional: makes the border visibly thicker
)

#predict icon
predict_icon_1 = PhotoImage(
    file=relative_to_assets("online_prediction.png"))
predict_1 = Button(
    image=predict_icon_1,
    borderwidth=0,
    highlightthickness=0,
    # command=lambda: print("button_1 clicked"),
    relief="flat",
    bg = "#1F2937"
)
predict_1.place(
    x=45.0,
    y=206.0,
)


#analytics icon ellipse
canvas.create_oval(
    38.0,
    260.0,
    74.0,
    296.0,
    fill="#1F2937",
    outline="#6B7280",
    width=2  # Optional: makes the border visibly thicker
)

#analytics icon
analytics_icon_1 = PhotoImage(
    file=relative_to_assets("analytics_icon.png"))
analytics_1 = Button(
    image=analytics_icon_1,
    borderwidth=0,
    highlightthickness=0,
    # command=lambda: print("button_1 clicked"),
    relief="flat",
    bg = "#1F2937"
)
analytics_1.place(
    x=45.0,
    y=272.0,
)



#arrow icon ellipse
canvas.create_oval(
    88.0,       # x0 (left)
    36.0,       # y0 (top)
    125.0,       # x1 (right) 
    73.0,       # y1 (bottom) 
    fill="#FFFFFF",
    outline="#6B7280",
    width=4
)
arrow_image_1 = PhotoImage(
    file=relative_to_assets("arrow_icon.png"))
arrow_1 = Button(
    image=arrow_image_1,
    borderwidth=0,
    highlightthickness=0,
    # command=lambda: print("button_1 clicked"),
    relief="flat",
    bg = "#FFFFFF"
)
arrow_1.place(
    x=103.61,
    y=48.71875,
    # width=5.78,
    # height=11.56
)
 
#start your session container
create_rounded_rectangle(
    canvas,
    131,
    80,
    1002,
    266,
    r=10,
    fill="#374151",
    outline="#374151"
)


canvas.create_text(
    155.0,
    104,
    anchor="nw",
    text="Your session has started",
    fill="#3BC6B5",
    font=("Inter Bold", 24 * -1)
)

canvas.create_text(
    155.0,
    149,
    anchor="nw",
    text="Task :",
    fill="#FFFFFF",
    font=("Inter Bold", 18 * -1)
)
canvas.create_text(
    210.0,
    149,
    anchor="nw",
     text="Open your hand",
    fill="#FFA955",
    font=("Inter Bold", 18 * -1)
)
canvas.create_text(
    157.0,
    175,
    anchor="nw",
    text="Focus on fully opening your hand",
    fill="#FFFFFF",
    font=("Inter Bold", 14 * -1)
)

#loading rectangle full
create_rounded_rectangle(
    canvas,
    155,
    216,
    549,
    240,
    r=20,
    fill="#E5E7EB"
)

#loading rectangle left
create_rounded_rectangle(
    canvas,
    155,
    216,
    284,
    240,
    r=20,
    fill="#EF4444"
)

canvas.create_text(
    561,
    219,
    anchor="nw",
    text="0 seconds",
    fill="#FFFFFF",
    font=("Inter Bold", 16 * -1)

)

create_rounded_rectangle(
    canvas,
    795,
    96,
    978,
    250,
    r=10,
    fill="#273443",
    outline="#FFA955"
)

#open hand 1
open_hand_1_icon = PhotoImage(
    file=relative_to_assets("a right hand fist 3d design illustration.png"))
open_hand_1 = Button(
    image=open_hand_1_icon,
    borderwidth=0,
    highlightthickness=0,
    # command=lambda: print("button_1 clicked"),
    relief="flat",
    bg="#273443"
)
open_hand_1.place(
    x=834.00,
    y=107.0
)

#excellent container
create_rounded_rectangle(
    canvas,
    131,
    290,
    1002,
    476,
    r=10,
    fill="#273443",
    outline="#22C55E"
)


canvas.create_text(
    155.0,
    314,
    anchor="nw",
    text="Excellent!",
    fill="#22C55E",
    font=("Inter Bold", 24 * -1)
)

canvas.create_text(
    155.0,
    359,
    anchor="nw",
    text="The system detected a correct hand opening.",
    fill="#FFFFFF",
    font=("Inter", 24 * -1)
)


canvas.create_text(
    155.0,
    399,
    anchor="nw",
    text="Accuracy Rate - 80%",
    fill="#FFA955",
    font=("Inter Bold", 24 * -1)
)




#loading rectangle full
create_rounded_rectangle(
    canvas,
    155,
    216,
    549,
    240,
    r=20,
    fill="#273443"
)

#hand rectangle section
create_rounded_rectangle(
    canvas,
    803,
    306,
    986,
    460,
    r=10,
    fill="#273443",
    outline="#22C55E"
)

#close hand 2
close_hand_2_icon = PhotoImage(
    file=relative_to_assets("a right hand fist 3d design illustration.png"))
close_hand_2 = Button(
    image=close_hand_2_icon,
    borderwidth=0,
    highlightthickness=0,
    # command=lambda: print("button_1 clicked"),
    relief="flat",
    bg="#273443"
)
close_hand_2.place(
    x=842.00,
    y=317.0
)

canvas.create_text(
    160.0,
    510.5,
    anchor="nw",
    text="5:00 minutes",
    fill="#3BC6B5",
    font=("Inter Bold", 24 * -1)
)
canvas.create_text(
    156.0,
    540.5,
    anchor="nw",
    text="Training Time",
    fill="#FFFFFF",
    font=("Inter Bold", 24 * -1)
)

#vertical line between durations 
canvas.create_rectangle(
    330.0,
    505.5,
    330.0,
    575.5,
    fill="",
    outline="#FFFFFF")

canvas.create_text(
    365,
    510.5,
    anchor="nw",
    text="5:00 minutes",
    fill="#3BC6B5",
    font=("Inter Bold", 24 * -1)
)
canvas.create_text(
    385.0,
    540.5,
    anchor="nw",
    text="Time left",
    fill="#FFFFFF",
    font=("Inter Bold", 24 * -1)
)

#vertical line between durations 
canvas.create_rectangle(
    535.0,
    505.5,
    535.0,
    575.5,
    fill="",
    outline="#E5E7EB")

#start session button rectangle
create_rounded_rectangle(
    canvas,
    570,
    505.5,
    973,
    575.6,
    r=10,
    fill="#EF4444"
)

start_session_icon_1 = PhotoImage(
    file=relative_to_assets("stop_session.png"))
start_session_1 = Button(
    image=start_session_icon_1,
    borderwidth=0,
    highlightthickness=0,
    # command=lambda: print("button_1 clicked"),
    relief="flat",
    bg="#EF4444"
)
start_session_1.place(
    x=685.1,
    y=525.5
)

canvas.create_text(
    725.0,
    525.5,
    anchor="nw",
    text="Stop Session",
    fill="#FFFFFF",
    font=("Inter Bold", 24 * -1)
)


window.resizable(False, False)
window.mainloop()