GUI for Login Page Ready!!

Author: CodingBlood

LoginPageGUI.py

@@ -1,24 +1,141 @@
 from tkinter import *
+import pymongo
+myclient = pymongo.MongoClient(
+    "mongodb+srv://CodingBlood:[email protected]/myFirstDatabase?retryWrites=true&w=majority")
+mydb = myclient["Chatbox"]
+mycol = mydb["UserDetails"]
 def main():
-    User_login = Tk()
-    userid = StringVar()
-    paswrd = StringVar()
     def some():
+        # global userid
+        # global paswrd
         name = userid.get()
         pass_wrd = paswrd.get()
-        print("The name is : " + name)
-        print("The password is : " + pass_wrd)
+        myquery = {"UName": name}
+        mydoc = mycol.find(myquery)
+        for x in mydoc:
+            if x["UPassword"] == pass_wrd:
+                print("Login Successful")
+                # Button(root1, text="Login Successful Click To Proceed", width=100, height=2, bd=5,)
+            else:
+                print("Login Failed")
+                # Button(root1, text="Login Failed Retry...", width=100, height=2, bd=5)
         userid.set("")
         paswrd.set("")
-    User_login.title("Login")
-    Label(User_login, text='UserName', width=50, height=2).grid(row=0, column=0)
-    Label(User_login, text='Password', width=50, height=2).grid(row=1, column=0)
-    e1 = Entry(User_login, bd=5, textvariable=userid)
-    e2 = Entry(User_login, bd=5, textvariable=paswrd, show='*')
-    login = Button(User_login, text='Login', command=some, width=100, height=2, bd=5)
-    go_back = Button(User_login, text='Go Back', command=User_login.destroy, width=100, height=2, bd=5)
-    e1.grid(row=0, column=1, padx=100, pady=4)
-    e2.grid(row=1, column=1, padx=100, pady=4)
-    login.grid(row=2, columnspan=2, padx=100, pady=4)
-    go_back.grid(row=3, columnspan=2, padx=100, pady=4)
-    User_login.mainloop()
+    def switch():
+        global btnState
+        if btnState is True:
+            # create animated Navbar closing:
+            for x in range(301):
+                navRoot.place(x=-x, y=0)
+                topFrame.update()
+            # resetting widget colors:
+            brandLabel.config(bg="gray17", fg="green")
+            homeLabel.config(bg=color["orange"])
+            topFrame.config(bg=color["orange"])
+            # root.config(bg="gray17")
+
+            # turning button OFF:
+            btnState = False
+        else:
+            # make root dim:
+            brandLabel.config(bg=color["nero"], fg="#5F5A33")
+            # homeLabel.config(bg=color["nero"])
+            topFrame.config(bg=color["nero"])
+            root1.config(bg=color["nero"])
+
+            # created animated Navbar opening:
+            for x in range(-300, 0):
+                navRoot.place(x=x, y=0)
+                topFrame.update()
+
+            # turing button ON:
+            btnState = True
+    root1 = Toplevel()
+    root1.geometry("1300x700")
+    color = {"nero": "#252726", "orange": "#FF8700", "darkorange": "#FE6101"}
+    root1.title("Chat Box")
+    # setting switch state:
+    global btnState
+    btnState = False
+    # loading Navbar icon image:
+    navIcon = PhotoImage(file="ham.png")
+    closeIcon = PhotoImage(file="goback.png")
+    login = PhotoImage(file=r"login.png", height=100, width=100)
+    signup = PhotoImage(file=r"signup.png", height=100, width=105)
+    find = PhotoImage(file=r"find.png", height=100, width=105)
+    delete = PhotoImage(file=r"delete.png", height=100, width=100)
+    photo1 = PhotoImage(file=r"heytest.png")
+    canvas1 = Canvas(root1, width=400, height=400)
+    canvas1.pack(fill="both", expand=True)
+    canvas1.create_image(0, 0, image=photo1, anchor="nw")
+
+    # top Navigation bar:
+    topFrame = Frame(root1, bg=color["orange"])
+    canvas1.create_window(0, 0, anchor="nw", window=topFrame, width="1300", height="125")
+    # topFrame.pack(side="top", fill=X)
+
+    # Header label text:
+    homeLabel = Label(topFrame, text="Chat Box", font="Bahnschrift 95", bg=color["orange"], fg="gray17", height=2,
+                      padx=20)
+    homeLabel.pack(side="right")
+
+
+
+
+
+    # Main label text:
+    userid = StringVar()
+    paswrd = StringVar()
+    brandLabel = Label(root1, text="", font="System 30", bg="gray17", fg="green")
+    brandLabel.place(x=100, y=250)
+    b1 = Button(root1, text='   Login', bg=color["nero"], fg=color["orange"],
+                font=('Malgun Gothic Semilight', 25, "bold"), width=500, height=100, bd=5, image=login, compound=LEFT,
+                anchor="nw", command=some)
+    # canvas1.create_text(100, 245, "Username", width=50, height=1, fg=color["orange"])
+    l1 = Entry(root1,font=('Malgun Gothic Semilight', 25, "bold"),bd=5, textvariable=userid)
+    l2 = Entry(root1,font=('Malgun Gothic Semilight', 25, "bold"),bd=5, textvariable=paswrd, show='*')
+    l3 = Label(root1, text='UserName', width=15, height=1, font=('Malgun Gothic Semilight', 25, "bold"),bd=5)
+    l4 = Label(root1, text='Password', width=15, height=1, font=('Malgun Gothic Semilight', 25, "bold"),bd=5)
+    # e1 = Entry(l1, bd=5)
+    # e2 = Entry(l2, bd=5)
+    canvas1.create_window(300, 495, anchor="nw", window=b1)
+    canvas1.create_window(700, 245, anchor="nw", window=l1)
+    canvas1.create_window(700, 370, anchor="nw", window=l2)
+    canvas1.create_window(100, 245, anchor="nw", window=l3)
+    canvas1.create_window(100, 370, anchor="nw", window=l4)
+
+
+
+
+
+
+
+
+
+
+    # Navbar button:
+    navbarBtn = Button(topFrame, image=navIcon, bg=color["orange"], activebackground=color["orange"], bd=0, padx=20,
+                       command=switch)
+    navbarBtn.place(x=10, y=10)
+
+    # setting Navbar frame:
+    navRoot = Frame(root1, bg="gray17", height=1000, width=300)
+    navRoot.place(x=-300, y=0)
+    Label(navRoot, font="Bahnschrift 15", bg=color["orange"], fg="black", height=2, width=300, padx=20).place(x=0, y=0)
+
+    # set y-coordinate of Navbar widgets:
+    y = 180
+    # option in the navbar:
+    options = ["Login", "Login Super User", "New User", "New Super User", "Find Friend By Id", "Delete account"]
+    # Navbar Option Buttons:
+    for i in range(6):
+        Button(navRoot, text=options[i], font="BahnschriftLight 15", bg="gray17", fg=color["orange"],
+               activebackground="gray17", activeforeground="green", bd=0).place(x=25, y=y)
+        y += 40
+
+    # Navbar Close Button:
+    closeBtn = Button(navRoot, image=closeIcon, bg=color["orange"], activebackground=color["orange"], bd=0,
+                      command=switch)
+    closeBtn.place(x=150, y=10)
+
+    root1.mainloop()

__pycache__/LoginPageGUI.cpython-38.pyc

@@ -178,6 +178,7 @@ def switch():
         # turing button ON:
         btnState = True
 
+
 from tkinter import *
 root =Tk()
 root.geometry("1300x700")
@@ -213,10 +214,11 @@ def switch():
 homeLabel.pack(side="right")
 
 # Main label text:
+import LoginPageGUI
 brandLabel = Label(root, text="", font="System 30", bg="gray17", fg="green")
 brandLabel.place(x=100, y=250)
 b1=Button(root, text='   New User', bg=color["nero"], fg=color["orange"], font=('Malgun Gothic Semilight', 25, "bold"), width=500, height=100, bd=5, image=signup, compound = LEFT, anchor="nw")
-b2=Button(root, text='   Login', bg=color["nero"], fg=color["orange"],  font=('Malgun Gothic Semilight', 25, "bold"), width=500, height=100, bd=5, image=login, compound = LEFT, anchor="nw")
+b2=Button(root, text='   Login', command=LoginPageGUI.main, bg=color["nero"], fg=color["orange"],  font=('Malgun Gothic Semilight', 25, "bold"), width=500, height=100, bd=5, image=login, compound = LEFT, anchor="nw")
 b3=Button(root, text='   Login Super User',  bg=color["nero"], fg=color["orange"], font=('Malgun Gothic Semilight', 25, "bold"), width=500, height=100, bd=5, image=login, compound = LEFT, anchor="nw")
 b4=Button(root, text='   Delete account', bg=color["nero"], fg=color["orange"],  font=('Malgun Gothic Semilight', 25, "bold"), width=500, height=100, bd=5, image=delete, compound = LEFT, anchor="nw")
 b5=Button(root, text='   New Super User', bg=color["nero"], fg=color["orange"],  font=('Malgun Gothic Semilight', 25, "bold"), width=500, height=100, bd=5, image=signup, compound = LEFT, anchor="nw")
@@ -240,9 +242,9 @@ def switch():
 # set y-coordinate of Navbar widgets:
 y = 180
 # option in the navbar:
-options = ["Profile", "Settings", "Help", "About", "Feedback"]
+options = ["Login", "Login Super User", "New User", "New Super User", "Find Friend By Id", "Delete account"]
 # Navbar Option Buttons:
-for i in range(5):
+for i in range(6):
     Button(navRoot, text=options[i], font="BahnschriftLight 15", bg="gray17", fg=color["orange"], activebackground="gray17", activeforeground="green", bd=0).place(x=25, y=y)
     y += 40