Skip to content
Open
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
74 changes: 74 additions & 0 deletions Kritika_Sachdeva/LoginModule/adminpage.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>ADMIN PAGE</title>

<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
crossorigin="anonymous"
/>
<script
src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"
></script>

<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
crossorigin="anonymous"
></script>

<link
rel="stylesheet"
type="text/css"
href="./assets/css/adminstyles.css"
/>
<script src="./assets/scripts/adminscript.js"></script>
</head>
<body>
<section class="container-fluid bg">
<section class="row justify-content-center">
<section class="col-12 col-sm-6 col-md-3">
<form class="form-container" id="admin-controls">
<button
class="btn btn-primary btn-block"
id="action-btn"
value="add"
onclick="performAction()"
>
Add new entry
</button>
<input type="number" id="delid" />
<button
class="btn btn-primary btn-block"
id="action-btn"
value="Update"
onclick="performAction()"
>
Update record
</button>
<button
class="btn btn-primary btn-block"
id="action-btn"
value="delete"
onclick="performAction()"
>
Delete record
</button>
</form>
</section>
</section>
</section>
</body>
</html>
Empty file.
Empty file.
22 changes: 22 additions & 0 deletions Kritika_Sachdeva/LoginModule/assets/css/mystyles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
.form-container{
position: relative;
top: 3vh;
left: 5vw;
background: #fff;
padding: 2rem;
border-radius: 10px;
box-shadow: 0 0 5px 0 white;
line-height: 1;
width: max-content;
height: fit-content;

}

.bg{
background: url('../images/bg_img.jpg') repeat-y;
background-size: cover;
height: 100vh;
width: 100%;
opacity: 0.8;
}

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
46 changes: 46 additions & 0 deletions Kritika_Sachdeva/LoginModule/assets/scripts/adminscript.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
function performAction() {
var btnvalue = document.getElementById("action-btn").value;
var delval = document.getElementById("delid").value; //id for delete

var httpr = new XMLHttpRequest();
var url = "https://localhost:44341/api/Admin/";

//for post request
if (btnvalue == "add") {
var name = document.getElementById("InputName").value;
var email = document.getElementById("InputEmail").value;
var pass = document.getElementById("InputPassword").value;
var gender = document.getElementById("InputGender").value;
var phone = document.getElementById("InputPhone").value;
var date = document.getElementById("InputDate").value;
var exp = document.getElementById("InputExp").value;

var empdata = {
EmpName: name,
EmpEmail: email,
EmpPassword: pass,
EmpGender: gender,
EmpPhone: phone,
EmpJoining: date,
EmpExp: exp
};

httpr.open("POST", url, true);
httpr.responseType = "json";
httpr.setRequestHeader("Content-type", "application/json");
httpr.send(JSON.stringify(empdata));
}

//for update request
else if (btnvalue == "update") {
}

//for delete request
else if (btnvalue == "delete") {
httpr.open("DELETE", url + delval, true);
httpr.send(null);
console.log("Deleted");
}

event.preventDefault();
}
15 changes: 15 additions & 0 deletions Kritika_Sachdeva/LoginModule/assets/scripts/employeepage.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
//for decoding the token
function findRole() {
var mailid = localStorage.getItem('email');
console.log(mailid);

//GET request to fetch employee data
var httpr = new XMLHttpRequest();
var url = "https://localhost:44341/api/EmpDetails";
httpr.open("GET", url, true);
console.log("requesting...");
httpr.send(null);
console.log("requested...");

}

80 changes: 80 additions & 0 deletions Kritika_Sachdeva/LoginModule/assets/scripts/myscript.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
document.getElementById("loginbtn").addEventListener("click", login);

function login() {
var EmpEmail = document.getElementById("login-email").value;
var EmpPassword = document.getElementById("login-password").value;

var loginObj = {
EmpEmail: EmpEmail,
EmpPassword: EmpPassword
};
console.log(loginObj);

//sending login details
const promise = new Promise((resolve, reject) => {
const http = new XMLHttpRequest();
const url = "https://localhost:44341/api/Login";
http.open("POST", url, true);
http.responseType = "json";
if (loginObj) {
http.setRequestHeader("Content-Type", "application/json");
}
console.log(JSON.stringify(loginObj));
http.send(JSON.stringify(loginObj));

http.onload = function() {
resolve(http);
if (http.readyState === XMLHttpRequest.DONE && http.status === 200) {
console.log(http.response.token);
}
};
http.onerror = () => {
reject("Error!");
};
});
promise
.then(temp => {
SaveToken(temp.response.token);
DecodeToken(temp.response.token);
window.location.href = './employeepage.html';

})
.catch(err => {
console.log("error occurred");
window.alert("Invalid user/password!");
});

event.preventDefault();
}

//function for saving token in local storage
function SaveToken(token) {
if (typeof Storage !== "undefined") {
localStorage.setItem("JWTtoken", token);
} else {
console.log("Sorry, your browser does not support web storage...");
}
DecodeToken(token);
}

//function for decoding the token
function DecodeToken(token) {
var base64Url = token.split(".")[1];
var base64 = base64Url.replace(/-/g, "+").replace(/_/g, "/");
var jsonPayload = decodeURIComponent(
atob(base64)
.split("")
.map(function(c) {
return "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2);
})
.join("")
);
console.log(jsonPayload);

claims= JSON.parse(jsonPayload);

localStorage.setItem("email", claims["email"]);
localStorage.setItem("Urole", claims["Urole"]);
localStorage.setItem("exp", claims["exp"]);

}
42 changes: 42 additions & 0 deletions Kritika_Sachdeva/LoginModule/assets/scripts/signupscript.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
function check() {
var form = document.getElementById("login-form");
if (form.checkValidity()) {
postData();
form.reset();
} else window.alert("wrong format");
}

function postData() {
var name = document.getElementById("InputName").value;
var email = document.getElementById("InputEmail").value;
var pass = document.getElementById("InputPassword").value;
var gender = document.getElementById("InputGender").value;
var phone = document.getElementById("InputPhone").value;
var date = document.getElementById("InputDate").value;
var exp = document.getElementById("InputExp").value;

var empdata = {
EmpName: name,
EmpEmail: email,
EmpPassword: pass,
EmpGender: gender,
EmpPhone: phone,
EmpJoining: date,
EmpExp: exp
};

//posting signup details
console.log(empdata);
var httpr = new XMLHttpRequest();
var url = "https://localhost:44341/api/Employee";
httpr.open("POST", url, true);
httpr.responseType = "json";
console.log("converted");
httpr.setRequestHeader("Content-type", "application/json");
console.log(JSON.stringify(empdata));
httpr.send(JSON.stringify(empdata));
console.log("Sent");

window.alert("Employee registered!");
event.preventDefault();
}
34 changes: 34 additions & 0 deletions Kritika_Sachdeva/LoginModule/employeepage.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>EMPLOYEE PAGE</title>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>


<link rel="stylesheet" type="text/css" href="./assets/css/empstyles.css">
<script src="./assets/scripts/employeepage.js" ></script> -->

</head>
<body onload="findRole()">

<section class="container-fluid bg">

<section class="row justify-content-center">
<p>HELLO PAGE!</p>
<section class="col-12 col-sm-6 col-md-3">
<form class="form-container" id="admin-controls">
<button class="btn btn-primary btn-block">Update details</button>
</form>
</section>
</section>
</section>
</body>
</html>
Loading