Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
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
1 change: 1 addition & 0 deletions Week3-Project/Taarak INT008/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
springclass-2/target
83 changes: 83 additions & 0 deletions Week3-Project/Taarak INT008/detailpage.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
<html>
<head>
<link href="detailstyle.css" rel="stylesheet">
<title>INFORMATION PAGE
</title>
<script
src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous"></script>
<script type="text/javascript" src="employeelistbackend.js"></script>
<script> var images = ["https://cdn4.geckoandfly.com/wp-content/uploads/2013/06/earth4096x1536.jpg","https://d2v9y0dukr6mq2.cloudfront.net/video/thumbnail/HLG4RKt2xj0vdomxf/videoblocks-painted-hand-shows-concept-hologram-innovation-on-his-hand-drawn-man-in-business-suit-with-future-technology-screen-and-modern-cosmic-background_bb4ocjb3g_thumbnail-full01.png","https://w-dog.net/wallpapers/14/16/534816943718258.jpg","http://1.bp.blogspot.com/-doPTX_rQgis/TihJvZkBrjI/AAAAAAAACN0/SQn81T9s9Dc/s1600/3d-computer-wallpapers-for-desktop_1600x1200_80121.jpg"];
var i=0;
function imagechange(){
document.getElementsByClassName("detailclass")[0].style.background= "url(" + images[i] + ")";

if(i<(images.length-1))
i++;
else
i=0;
}
setInterval(imagechange,3000);

</script>

</head>



<body class="detailclass">




<header class="heading">



<nav class="fornavigation">
<ul>
<li><a href="employeelist.html">LISTS</a></li>
<li><a href="employeedetail.html">DETAILS</a></li>
<li><a href="https://cygrp.com/">LOGOUT</a></li>
<li class="forright"><img src="https://hrms.cygrp.com/content/images/logo.png" height="75px" weight="75px"></li>
</ul>



</nav>
<br><br><br>
<form class="formdetails">
<h1 class="infostyle">PLEASE FILL DETAILS</h1>
<div class="infostyle">NAME &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:<input type="text" name="name" id="fname"></div>

<div class="infostyle">EMAIL ID &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:<input type="EMAIL" name="email" id="email"></div>

<div class="infostyle">PASSWORD &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:<input type="password" name="password" id="password"></div>
<!--<div class="infostyle">EMPLOYEEID :<input type="text" name="qual" id="empid"></div>--></div>

<div class="detailbutton">
<input type="button" placeholder="SUBMIT" value="SUBMIT" onclick="postingdetails()"></div>


</form>

</header>


<footer class="foot">
<nav>

<marquee behavior="scroll" direction="left" scrollamount="5" id="fit3">
<font face="aerial" size="4">


BELONGS TO TAARAK
</font>
</marquee>

</nav>
</footer>

</body>
</html>
90 changes: 90 additions & 0 deletions Week3-Project/Taarak INT008/detailstyle.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,90 @@
.heading{
/*margin:20px;*/
background:rgba(0,0,0,0.4);

height:100px;

}
.heading .fornavigation ul li{
display:inline-block;
padding:25px;
font-size:25px;
font-weight: bold;



}
.forright
{ float:right; width:30%; clear:right }


a{
color:#ffffff;
text-decoration:none;

}

.infostyle{

margin: 20px;
/*height: 50px;*/
font-size: 25px;
color:#FFFFFF;




}

input{color:#FFFFFF;
font-size: 15px;
/*border-color:transparent;*/
background: transparent;
border-bottom:2px solid #FFFFFF;
}

.formdetails{

width:500px;
margin-left: 20px;

}

.detailbutton{

margin-top: 50px;
margin-left: 150px;
background: linear-gradient(#0033cc, #33ccff);
width:63px;

}

.detailclass{

/*background: url("http://www.cerc-ug.org/pic/b/62/629461_innovation-wallpaper-hd.jpg");*/
background:url("https://i.pinimg.com/originals/08/a7/ab/08a7ab130881d2fb60585dc37744e04b.jpg");

background-repeat:no-repeat;
background-size:cover;
}


.foot{


background-color: #333;


position: relative;
top:500px;
bottom:0px;

}

#fit3
{
height:25px;
background-color:#614051;
}


74 changes: 74 additions & 0 deletions Week3-Project/Taarak INT008/emplist.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@

.heading{
/*margin:20px;*/
background:rgba(0,0,0,0.4);

height:100px;

}
.heading .fornavigation ul li{
display:inline-block;
padding:25px;
font-size:25px;
font-weight: bold;}

table
{

border-collapse: collapse;
}

table td, table th {
border: 4px solid black;
padding: 15px;
}

.formstyle{


margin-top: 100px;
}

body{
background: url("https://i.pinimg.com/originals/dd/6d/08/dd6d080ac1f635254ea2e1be3fad2794.jpg");
background-repeat:no-repeat;
background-size:cover;
}


.foot{


background-color: #333;

margin-top: 100px;
top:300px;
bottom: 0px;

}

#fit3
{
height:25px;
background-color:#614051;
}


.forright
{ float:right; width:30%; clear:right }


a{
color:#ffffff;
text-decoration:none;
font-weight: bold;
}

.detailbutton{

margin-top: 50px;
margin-left: 150px;
background: linear-gradient(#0033cc, #33ccff);
width:63px;

}
92 changes: 92 additions & 0 deletions Week3-Project/Taarak INT008/employeedetail.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,92 @@
<!DOCTYPE html>
<html>
<head>
<title>DETAILS OF EMPLOYEE</title>
<link href="employeedetaildeco.css" rel="stylesheet">
<script
src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous"></script>
<script type="text/javascript" src="employeelistbackend.js"></script>
</head>
<body>
<header class="heading">

<nav class="fornavigation">
<ul>
<li><a href="detailpage.html">CREATE</a></li>
<li><a href="employeelist.html">LIST</a></li>
<li><a href="https://cygrp.com/">LOGOUT</a></li>
<li class="forright"><img src="https://hrms.cygrp.com/content/images/logo.png" height="75px" weight="75px"></li>
</ul>



</nav>

<div class="formstyle">

<h1>PERSONAL DETAIL</h1><br/>

</div>

<div class="detailstyle">
Employee id:<span id="empid" ></span>

</div>
<div class="detailstyle">
name:<span id="fname"></span>
</div>

</div>
<div class="detailstyle">
Password:<span id="Password"></span>
</div>
</div>
<div class="detailstyle">
Email id:<span id="Email"></span>
</div>

<div class="updatebutton">
<a href="updatepage.html"><button class="forupdate">UPDATE</button></a>
</div>

<div class="deletedetails">
<input class="delbutton" type="button" value="DELETE" onclick= "deleteDetails()" >
</div>


<footer class="foot">
<nav>

CYBER GROUP DEVELOPMENT



</nav>
</footer>
<script>

var idgetting=localStorage.getItem("id");
$.ajax({
type: 'GET',
url: 'http://localhost:8083/Employee/allEmployee/' + idgetting,
success: function(data) {
valuestore = data;
console.log(data);
document.getElementById("fname").innerHTML=data.name;
document.getElementById("empid").innerHTML = data.id;
document.getElementById("Password").innerHTML=data.password;

}
});




//javascript:getdetails();
// javascript:DeletingSingleData();

</script>
</body>
</html>
Loading