import os import re import tkinter as tk from tkinter import * from tkinter import messagebox from tkinterweb import HtmlFrame # Used to render HTML & connect buttons import pymysql from PIL import Image, ImageTk # ===================================================================== # 1. DATABASE & VALIDATION UTILITIES (FROM YOUR CODE 2) # ===================================================================== def connect_db(): try: conn = pymysql.connect( host="localhost", user="root", password="admin@123###", database="login", port=3306, connect_timeout=1 ) return conn except Exception as e: print(f"Database Connection Error: {e}") return None def valid_password(password): if (len(password) >= 6 and re.search(r"[A-Z]", password) and re.search(r"[a-z]", password) and re.search(r"[0-9]", password)): return True return False # ===================================================================== # 2. TKINTER LOGIN WINDOW MANAGER (FROM YOUR CODE 2) # ===================================================================== class LoginForm: def __init__(self, window): self.window = window self.show_password = False self.window.title("Login") self.window.state("zoomed") self.window.resizable(0, 0) width = self.window.winfo_screenwidth() height = self.window.winfo_screenheight() # Safely handle background image loading try: self.bg_image = Image.open(r"c:\Users\Developer\Downloads\downloadbg.jpg") self.bg_image = self.bg_image.resize((width, height), Image.LANCZOS) self.bg_photo = ImageTk.PhotoImage(self.bg_image) self.bg_label = Label(self.window, image=self.bg_photo) self.bg_label.place(x=0, y=0, relwidth=1, relheight=1) except Exception: # Fallback if image path is missing self.window.config(bg="#1c1c1c") # Login Frame UI self.lgn_frame = Frame(self.window, bg="#040405", width=950, height=600) self.lgn_frame.place(x=200, y=70) self.heading = Label(self.lgn_frame, text="WELCOME", font=("Times New Roman", 30, "bold"), bg="#040405", fg="white") self.heading.place(x=300, y=30) try: self.side_image = Image.open(r"c:\Users\Developer\Downloads\download (1).jpg") self.side_image = self.side_image.resize((450, 450), Image.LANCZOS) self.side_photo = ImageTk.PhotoImage(self.side_image) self.side_label = Label(self.lgn_frame, image=self.side_photo, bg="#040405") self.side_label.place(x=5, y=120) except Exception: pass self.signin_label = Label(self.lgn_frame, text="SIGN IN", font=("Times New Roman", 18, "bold"), bg="#040405", fg="white") self.signin_label.place(x=640, y=120) self.username_label = Label(self.lgn_frame, text="Email", bg="#040405", fg="#4f4e4d", font=("Times New Roman", 13, "bold")) self.username_label.place(x=550, y=200) self.username_entry = Entry(self.lgn_frame, bg="lightgray", fg="#6b6a69", relief=FLAT, font=("Times New Roman", 12, "bold")) self.username_entry.place(x=550, y=235, width=270, height=30) self.password_label = Label(self.lgn_frame, text="Password", bg="#040405", fg="#4f4e4d", font=("Times New Roman", 13, "bold")) self.password_label.place(x=550, y=300) self.password_entry = Entry(self.lgn_frame, show="*", bg="lightgray", fg="#6b6a69", relief=FLAT, font=("Times New Roman", 12, "bold")) self.password_entry.place(x=550, y=335, width=270, height=30) # ===================================================================== # 3. INTERACTIVE WEB WRAPPER ACTION # ===================================================================== def open_login_window(): """Triggers when the HTML button is pressed. Launches the Tkinter login UI.""" login_window = tk.Toplevel(root) # Opens a clean top window overlaying our site LoginForm(login_window) # Initialize main window layout container root = tk.Tk() root.title("Power Fitness Club Desktop Application") root.state("zoomed") # Initialize embedded web container window frame web_frame = HtmlFrame(root) web_frame.pack(fill="both", expand=True) # Register the Python function so HTML/JS can see it web_frame.register_python_function("trigger_login_window", open_login_window) # Modified HTML code containing custom trigger attached to the Login button html_code = """ Power Fitness Club

POWER FITNESS CLUB

POWER FITNESS CLUB

Your Health, Our Mission

About Our Gym

Welcome to Power Fitness Club. We provide professional fitness training including Yoga, Zumba, Cardio, and Weight Training.

Join today and transform your body and lifestyle.

Facilities

  • Modern Equipment
  • Certified Trainers
  • Healthy Environment
  • Flexible Timings

OUR FITNESS PROGRAMS

Zumba

Dance fitness program for energy and fun.

Yoga

Improve flexibility and mental peace.
""" # Render the web content layout smoothly onto the Tkinter window web_frame.load_html(html_code) root.mainloop()