| Current File : /home/obabain/public_html/abc/View_Employee.jsp |
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@include file="Connection.jsp"%>
<%
ResultSet resultSet = null;
%>
<%@page import="java.sql.*,java.util.*"%>
<%@page import="java.sql.ResultSet"%>
<%@include file="master.jsp" %>
<style type="text/css">
.highlight-error {
border-color: red;
}
table {
border-collapse: collapse;
border-spacing: ;
width: 80%;
border: 1px solid #ddd;
}
th,td {
text-align: left;
padding: 16px;
}
tr:nth-child(even) {
background-color: #f2f2f2
}
.rrow {
display:inline-block;
clear: both;
}
.center {
margin: auto;
width: 60%;
padding: 20px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.hideform
{
display:none;
}
</style>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="js/jquery-2.1.0.min.js"></script>
<body>
<div class="row">
<div class="container">
<div class="row" style="width:110%">
<div class="col-md-10" >
<div class="panel panel-default" >
<div class="panel-heading main-color-bg">
<h3 class="panel-title">View Labour:</h3>
</div>
<div class="panel-body">
<div style="margin-left:880px; ">
<button id="myBtn" type="button" class="btn btn-primary">CreateNew</button>
</div>
<br>
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close" style="color:red; ">×</span>
<p>
<form action="EmployeeDA.jsp" method="post">
<h4 style="color:#2b7a78;text-align: center;"><u>Labour Information</u></h4>
<!-- <div class="panel-body">
<div style="text-align:center;background-color:#00bfff;color:white;height:35px;zoom:1.5;">Sand Preparation Equipments</div>
</div> -->
<br>
<div class="form-group"> <!-- style="margin-left:150px;" -->
<div class="row">
<div class="col-sm-4">
<label for="">Labour Name</label>
<input type="text" class="form-control" id="" name="f_name" placeholder="">
</div>
<div class="col-sm-4">
<label for="">Gender</label>
<br>
<label class="radio-inline">
<input type="radio" name="gender" value="male"> Male
</label>
<label class="radio-inline">
<input type="radio" name="gender" value="female">Female
</label>
</div>
<div class="col-sm-4">
<label for="">Email</label>
<input type="text" class="form-control" id="" name="email" placeholder="">
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-sm-4">
<label for="">Conatct No</label>
<input type="text" class="form-control" id="" name="mobile" placeholder="">
</div>
<div class="col-sm-4">
<label for="">Address</label>
<textarea class="form-control" id="" name="address" rows="1" cols="30"></textarea>
</div>
<div class="col-sm-4">
<label for="">Country</label>
<input type="text" class="form-control" id="" name="country" placeholder="">
</div>
<div class="col-sm-4">
<label for="">State</label>
<input type="text" class="form-control" id="" name="state" placeholder="">
</div>
<div class="col-sm-4">
<label for="">City</label>
<input type="text" class="form-control" id="" name="position" placeholder="">
</div>
<div class="col-sm-4">
<label for="">Pincode</label>
<input type="text" class="form-control" id="" name="pincode" placeholder="">
</div>
<div class="col-sm-4">
<label for="">Designation</label>
<input type="text" class="form-control" id="" name="designation" placeholder="">
</div>
<div class="col-sm-4">
<label for="">salary</label>
<input type="text" class="form-control" id="" name="salary" placeholder="">
</div>
</div>
</div>
<hr>
<h4 style="color:#2b7a78;"><u>Labour Skills Martix:</u></h4>
<div class="form-group">
<div class="row" >
<div class="" >
<div class="col-lg-5">
<label style="">Reading Customer Drawing:</label>
<input type="checkbox" name="check[]" style=";" value="ReadingCustomerDrawing,<br>" />
</div>
<div class="col-lg-3">
<label>Melting:</label>
<input type="checkbox" name="check[]" value="Melting,<br>" />
</div>
<div class="col-lg-4">
<label>Charge Calculation:</label>
<input type="checkbox" name="check[]" value="Charge Calculation,<br>" />
</div>
  
</div>
</div>
<div class="row" >
<div class="" >
<div class="col-lg-5">
<label style="">Material Identification:</label>
<input type="checkbox" name="check[]" style=";" value="Material Identification,<br>" />
</div>
<div class="col-lg-3">
<label>Moulding:</label>
<input type="checkbox" name="check[]" value="Moulding,<br>" />
</div>
<div class="col-lg-4">
<label>
Spectro Analysis:</label>
<input type="checkbox" name="check[]" value="Spectro Analysis,<br>" />
</div>
  
</div>
</div>
<div class="row" >
<div class="" >
<div class="col-lg-5">
<label style="">Sand Plant Operation:</label>
<input type="checkbox" name="check[]" style=";" value="Sand Plant Operation,<br>" />
</div>
<div class="col-lg-3">
<label>Shot Blasting</label>
<input type="checkbox" name="check[]" value="Shot Blasting,<br>" />
</div>
<div class="col-lg-4">
<label>Heat Treatement:</label>
<input type="checkbox" name="check[]" value="Heat Treatement,<br>" />
</div>
  
</div>
</div>
<div class="row" >
<div class="" >
<div class="col-lg-5">
<label style="">Core Making:</label>
<input type="checkbox" name="check[]" style=";" value="Core Making,<br>" />
</div>
<div class="col-lg-3">
<label>Fettling:</label>
<input type="checkbox" name="check[]" value="Fettling,<br>" />
</div>
<div class="col-lg-4">
<label>Pattern Making:</label>
<input type="checkbox" name="check[]" value="Pattern Making,<br>" />
</div>
  
</div>
</div>
<div class="row" >
<div class="" >
<div class="col-lg-5">
<label style="">Mechanical Analysis:</label>
<input type="checkbox" name="check[]" style=";" value="Mechanical Analysis,<br>" />
</div>
<div class="col-lg-3">
<label>DPI Testing:</label>
<input type="checkbox" name="check[]" value="DPI Testing,<br>" />
</div>
<div class="col-lg-4">
<label>
Die Preparation:</label>
<input type="checkbox" name="check[]" value="Die Preparation,<br>" />
</div>
  
</div>
</div>
<div class="form-group" >
<label style="margin:px;"> Document & Record Control:</label>
<input type="checkbox" name="check[]" style="margin-left:px;" value="Document&RecordControl.<br>"/>
</div>
<h4 style="color:red;"><u>BANK DETAILS:</u></h4>
<div class="form-group">
<div class="row" >
<div class="col-sm-4">
<label for="">Bank Name</label>
<input type="text" class="form-control" id="" name="BankName" placeholder="">
</div>
<div class="col-sm-4">
<label for="">Branch</label>
<input type="text" class="form-control" id="" name="Branch" placeholder="">
</div>
<div class="col-sm-4">
<label for="">Account No</label>
<input type="text" class="form-control" id="" name="AccountNo" placeholder="">
</div>
<div class="col-sm-4">
<label for="">Account Name</label>
<input type="text" class="form-control" id="" name="AccountName" placeholder="">
</div>
<div class="col-sm-4">
<label for="">Remarks</label>
<input type="text" class="form-control" id="" name="remark" placeholder="">
</div>
<hr>
</div>
<br> <br>
<input type="submit" class="btn btn-primary" style="margin-left:280px;" value="Submit">
</div>
</div>
</div>
</div>
<table class="table table-bordered">
<tr class="success"> <!-- style="background-color:#FFDAB9;" id="myTable" -->
<th>Labour Name</th>
<th>Mobile No</th>
<th>Email</th>
<th>Address</th>
<th>Designation</th>
<th>Skills</th>
<th>Edit</th>
<th>Delete</th>
</tr>
<%
try{
Statement st=con.createStatement();
String sql ="select * from employee_table";
resultSet = st.executeQuery(sql);
while(resultSet.next()){
%>
<tbody>
<tr>
<td>
<%=resultSet.getString("f_name") %>
</td>
<td>
<%=resultSet.getString("mobile") %>
</td>
<td>
<%=resultSet.getString("email") %>
</td>
<td>
<%=resultSet.getString("address") %>
</td>
<td>
<%=resultSet.getString("designation") %>
</td>
<td>
<%=resultSet.getString("skills") %> <br>
</td>
<td>
<a href="edit_employ.jsp?id=<%=resultSet.getString("e_id")%>"> <span class="glyphicon glyphicon-edit"></span></a>
</td>
<td>
<a href="delete_employ.jsp?id=<%=resultSet.getString("e_id")%>"> <span class="glyphicon glyphicon-remove" ></span></a>
</td>
</tr>
<%
}
} catch (Exception e) {
e.printStackTrace();
}
%>
</tbody>
</table>
</div>
<!-- </div> -->
<div class="modal-footer" id="contact_submit">
<div class="row">
<input type="button" value="Back" style="margin-right:930px" onclick="goBack()" class="btn btn-primary">
</div>
</div>
</div>
<script type="text/javascript">
function goBack() {
window.history.back();
};
</script>
<br>
<!-- <div class="col-md-10"> -->
</div>
<!-- </div> --></div>
</div>
</div>
<script src="http://cdn.ckeditor.com/4.6.1/standard/ckeditor.js"></script>
<script src="http://cdn.ckeditor.com/4.6.1/standard/ckeditor.js"></script>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
</script>
<script src="assets/libs/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap tether Core JavaScript -->
<script src="assets/libs/popper.js/dist/umd/popper.min.js"></script>
<script src="assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- slimscrollbar scrollbar JavaScript -->
<script src="assets/libs/perfect-scrollbar/dist/perfect-scrollbar.jquery.min.js"></script>
<script src="assets/extra-libs/sparkline/sparkline.js"></script>
<!-- Wave Effects -->
<script src="dist/js/waves.js"></script>
<!-- Menu sidebar -->
<script src="dist/js/sidebarmenu.js"></script>
<!-- Custom JavaScript -->
<script src="dist/js/custom.min.js"></script>
<!-- this page js -->
<script src="assets/libs/jquery-steps/build/jquery.steps.min.js"></script>
<script src="assets/libs/jquery-validation/dist/jquery.validate.min.js"></script>
<script>
// Basic Example with form
var form = $("#example-form");
form.validate({
errorPlacement: function errorPlacement(error, element) { element.before(error); },
rules: {
confirm: {
equalTo: "#password"
}
}
});
form.children("div").steps({
headerTag: "h3",
bodyTag: "section",
transitionEffect: "slideLeft",
onStepChanging: function(event, currentIndex, newIndex) {
form.validate().settings.ignore = ":disabled,:hidden";
return form.valid();
},
onFinishing: function(event, currentIndex) {
form.validate().settings.ignore = ":disabled";
return form.valid();
},
onFinished: function(event, currentIndex) {
alert("Submitted!");
}
});
</script>
<script type="text/javascript">
$('#show').on('click', function () {
$('.center').show();
$(this).hide();
})
$('#close').on('click', function () {
$('.center').hide();
$('#show').show();
})
</script>
<!-- <script type="text/javascript">
function validate()
{
// var t2=document.po.expdate.value;
var t3=document.getElementById("sqno").value;
var t1=document.getElementById("datetimepicker").value;
var t4=document.getElementById("datetimepickerex").value;
if( t1==null || t1=="" || t4==null || t4=="" || t3==null || t3=="" )
alert('Fill all mandatory fields');
}
</script> -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"> </script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"></script>
<script src="js/select2.min.js"></script>
<script src="js/jquery.datetimepicker.full.js"></script>
<script>
$('select').select2();
</script>
<!-- <script>
jQuery('#datetimepicker').datetimepicker({
timepicker:false,
todayBtn: "linked"
//mask:true, // '9999/19/39 29:59' - digit is the maximum possible for a cell
});
jQuery('#datetimepicker2').datetimepicker({
timepicker:false,
todayBtn: "linked"
//mask:true, // '9999/19/39 29:59' - digit is the maximum possible for a cell
});
</script> -->
<script>
// Get the modal
var modal = document.getElementById('myModal');
// Get the button that opens the modal
var btn = document.getElementById("myBtn");
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];
// When the user clicks the button, open the modal
btn.onclick = function() {
modal.style.display = "block";
}
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>
<script type="text/javascript">
function goBack()
{
window.history.back();
};
</script>
</body>
</html>