added favicon and usertypes by asc

ChandelAnish · May 19, 2024 · 0f5412b · 0f5412b
1 parent d58bdc6
commit 0f5412b
Show file tree

Hide file tree

Showing 18 changed files with 788 additions and 45 deletions.
diff --git a/backend/controllers/controllers.js b/backend/controllers/controllers.js
@@ -22,14 +22,18 @@ const login = (req, res) => {
                 return res.status(200).json({ login: false, msg: 'not found' })
             }
             else {
-                connectDB.query('select password,usertype from userdetails.userinfo where username=?', [req.body.username], (err, row) => {
+                connectDB.query('select * from userdetails.userinfo where username=?', [req.body.username], (err, row) => {
                     if (err) {
                         console.log(err);
                     }
                     else {
-                        if (row[0].password == req.body.password && row[0].usertype == req.body.usertype) {
+                        if (row[0].password == req.body.password) {
                             // res.sendFile(path.resolve(__dirname,'./public/main-page/index1.html'))
-                            return res.status(200).json({ login: true, msg: 'login successful' })
+                            return res.status(200).json({ 
+                                login: true, 
+                                userdetails:{...row[0]}, 
+                                msg: 'login successful' 
+                            })
                             // return res.status(200).redirect('./main-page/index1.html')
                         }
                         else {

diff --git a/client/assets/favicon.png b/client/assets/favicon.png
diff --git a/client/index.html b/client/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>hireHUB.com</title>
+    <link rel="icon" href="assets/favicon.png">
     <link rel="stylesheet" href="style.css">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

diff --git a/client/login-page/index.html b/client/login-page/index.html
@@ -5,6 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>login</title>
+  <link rel="icon" href="../assets/favicon.png">
   <!-- bootstrap -->
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
     integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
@@ -75,11 +76,11 @@ <h4>"Welcome to our hiring platform! Join us to discover exciting career opportu
               <input name="password" class="input" type="password">
             </div>
 
-            <select class="input0" name="usertype" id="">
+            <!-- <select class="input0" name="usertype" id="">
               <option value="recruiter">recruiter</option>
               <option value="labour">labour</option>
               <option value="admin">admin</option>
-            </select>
+            </select> -->
 
             <div class="warning">
 

diff --git a/client/login-page/script.js b/client/login-page/script.js
@@ -1,22 +1,21 @@
-const slidebutton=document.querySelector("#slidebutton");
-function changeSlide()
-{
-    setInterval(()=>{
+const slidebutton = document.querySelector("#slidebutton");
+function changeSlide() {
+    setInterval(() => {
         slidebutton.click();
-    },3000)
+    }, 3000)
 }
 changeSlide();
 
-const warning=document.querySelector(".warning")
+const warning = document.querySelector(".warning")
 
-const form=document.getElementById('form')
-form.addEventListener('submit',async(e)=>{
+const form = document.getElementById('form')
+form.addEventListener('submit', async (e) => {
     e.preventDefault();
-    const username=form.elements.username.value;
-    const password=form.elements.password.value;
-    const usertype=form.elements.usertype.value;
-    
-    const formdata={username,password,usertype};
+    const username = form.elements.username.value;
+    const password = form.elements.password.value;
+    // const usertype=form.elements.usertype.value;
+
+    const formdata = { username, password };
     // try
     // {
     //     let response=await signup(formdata);//must use await since fetch is used in a the signup function
@@ -33,22 +32,31 @@ form.addEventListener('submit',async(e)=>{
     //     window.location.href='/index1.html'
     // }
 
-        let response=await signup(formdata);//must use await since fetch is used in a the signup function
-        response=await response.json();
-        if(!response.login)
-        {
-            return warning.innerHTML=response.msg;
-        }
-        return window.open("../main-page/index.html","_parent");
+    let response = await signup(formdata);//must use await since fetch is used in a the signup function
+    response = await response.json();
+    if (!response.login) {
+        return warning.innerHTML = response.msg;
+    }
+    // console.log(response.userdetails.usertype)
+    sessionStorage.setItem('userdetails', JSON.stringify(response.userdetails));
+    if (response.userdetails.usertype === 'recruiter') {
+        return window.open("../main-page/recruiter/index.html", "_parent");
+    }
+    else if (response.userdetails.usertype === 'labour') {
+        return window.open("../main-page/labour/index.html", "_parent");
+    }
+    if (response.userdetails.usertype === 'admin') {
+        return window.open("../main-page/admin/index.html", "_parent");
+    }
 })
 
-const signup=async(formdata)=>{
-    const response=fetch('http://localhost:5000/login',{
-        method:'post',
-        headers:{
-            'content-type':'application/json'
+const signup = async (formdata) => {
+    const response = fetch('http://localhost:5000/login', {
+        method: 'post',
+        headers: {
+            'content-type': 'application/json'
         },
-        body:JSON.stringify(formdata)
+        body: JSON.stringify(formdata)
     })
     // const data =(await response).json();
     // return data;

diff --git a/client/login-page/style.css b/client/login-page/style.css
@@ -93,6 +93,7 @@
 {
     /* border: 2px solid black; */
     width: 17rem;
+    height: 22px;
     border-radius: 10px;
     display: flex;
     align-items: center;

diff --git a/client/main-page/index.html → client/main-page/admin/index.html b/client/main-page/index.html → client/main-page/admin/index.html
@@ -3,7 +3,8 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>hireHUB</title>
+    <title>hireHUB - admin</title>
+    <link rel="icon" href="../../assets/favicon.png">
     <!-- bootstrap css -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
 
@@ -28,11 +29,11 @@ <h1>hireHUB</h1>
 
               <div class="form-check form-switch" id="darkiconbtn">
 
-                <img src="../assets/icon-sun.png" class="darklogo" alt="">
+                <img src="../../assets/icon-sun.png" class="darklogo" alt="">
 
                 <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckChecked">
 
-                <img src="../assets/icon-moon.png" class="darklogo" alt="">
+                <img src="../../assets/icon-moon.png" class="darklogo" alt="">
               </div>
 
             </div>
@@ -42,11 +43,11 @@ <h1>hireHUB</h1>
 
             <nav>
                 <div id="search">
-                    <img class="logo" src="../assets/icons-search.png" alt="">
+                    <img class="logo" src="../../assets/icons-search.png" alt="">
                     <input type="text" placeholder="filter by job title">
                 </div>
                 <div id="location">
-                    <img class="logo" src="../assets/icons-location.png" alt="">
+                    <img class="logo" src="../../assets/icons-location.png" alt="">
                     <input type="text" placeholder="filter by location">
                 </div>
                 <button id="btn">search</button>
@@ -66,7 +67,7 @@ <h1>hireHUB</h1>
 
 
         <div class="jobcard">
-            <div class="joblogo"><img src="../assets/plumber-logo.png" alt=""></div>
+            <div class="joblogo"><img src="../../assets/plumber-logo.png" alt=""></div>
             <div class="time">
                 <h3>2d ago</h3>
                 <div></div>
@@ -79,7 +80,7 @@ <h4 class="state">Bihar</h4>
 
 
         <div class="jobcard">
-            <div class="joblogo"><img src="../assets/plumber-logo.png" alt=""></div>
+            <div class="joblogo"><img src="../../assets/plumber-logo.png" alt=""></div>
             <div class="time">
                 <h3>2d ago</h3>
                 <div></div>
@@ -92,7 +93,7 @@ <h4 class="state">Bihar</h4>
 
 
         <div class="jobcard">
-            <div class="joblogo"><img src="../assets/plumber-logo.png" alt=""></div>
+            <div class="joblogo"><img src="../../assets/plumber-logo.png" alt=""></div>
             <div class="time">
                 <h3>2d ago</h3>
                 <div></div>
@@ -105,7 +106,7 @@ <h4 class="state">Bihar</h4>
 
 
         <div class="jobcard">
-            <div class="joblogo"><img src="../assets/plumber-logo.png" alt=""></div>
+            <div class="joblogo"><img src="../../assets/plumber-logo.png" alt=""></div>
             <div class="time">
                 <h3>2d ago</h3>
                 <div></div>
@@ -118,7 +119,7 @@ <h4 class="state">Bihar</h4>
 
 
         <div class="jobcard">
-            <div class="joblogo"><img src="../assets/plumber-logo.png" alt=""></div>
+            <div class="joblogo"><img src="../../assets/plumber-logo.png" alt=""></div>
             <div class="time">
                 <h3>2d ago</h3>
                 <div></div>
@@ -131,7 +132,7 @@ <h4 class="state">Bihar</h4>
 
 
         <div class="jobcard">
-            <div class="joblogo"><img src="../assets/plumber-logo.png" alt=""></div>
+            <div class="joblogo"><img src="../../assets/plumber-logo.png" alt=""></div>
             <div class="time">
                 <h3>2d ago</h3>
                 <div></div>

diff --git a/client/main-page/script.js → client/main-page/admin/script.js b/client/main-page/script.js → client/main-page/admin/script.js
diff --git a/client/main-page/style.css → client/main-page/admin/style.css b/client/main-page/style.css → client/main-page/admin/style.css
@@ -8,7 +8,7 @@ body
 .navbar::before
 {
     content: "";
-    background: url(../assets/nav-background.jpg) no-repeat center/cover rgb(243, 243, 243);
+    background: url(../../assets/nav-background.jpg) no-repeat center/cover rgb(243, 243, 243);
     width: 100%;
     height: 170px;
     z-index: -1;