| Current File : /home/obabain/autoclutchess_obaba_in/checklabour.jsp |
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ include file="Connection.jsp" %>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.*,java.util.*"%>
<%
Statement st=con.createStatement();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> -->
<!-- <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href="css/select2.min.css" rel="stylesheet">
<link href="css/jquery.datetimepicker.css" rel="stylesheet"> -->
<title>Insert title here</title>
<link href="fSelect.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="fSelect.js"></script>
<script>
(function($) {
$(function() {
$('#test').fSelect();
});
})(jQuery);
</script>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> -->
<style>
/* body {font-family: Arial, Helvetica, sans-serif;} */
/* The Modal (background) */
.modal {
display:none; /* Hidden by default */
position: static; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top:10opx; /* Location of the box */
left: 100px;
top: 100px;
bottom:100px;
right:100px;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
}
/* The Close Button */
.close {
color:red;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color:blue;
text-decoration: none;
cursor: pointer;
}
</style>
</head>
<%@include file="master.jsp" %>
<style>
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>
<body>
<script>
// JavaScript popup window function
function basicPopup(url) {
popupWindow = window.open(url,'popUpWindow','height=300,width=700,left=50,top=50,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes')
}
</script>
<div class="container">
<div class="row" style="width:120%">
<div class="col-md-9" >
<div class="panel panel-default" >
<div class="panel-heading main-color-bg" style="background-color:green ;color: #00FF00;height:40px;">
<a href="checklabour.jsp"> <h5 class="rrow" style="color:white;margin-top:-25px; ">Molding</h5></a>
<a href="F_LabourMelting.jsp"> <h5 class="rrow" style="color:white;margin-top:-25px; ">Melting</h5></a>
<a href="F_Labour_pouring.jsp"> <h5 class="rrow" style="color:white;margin-top:-25px; ">Pouring</h5></a>
<a href="F_labourFetling.jsp"> <h5 class="rrow" style="color:white;margin-top:-25px; ">Fetling</h5></a>
<a href="F_labourKnockout.jsp"> <h5 class="rrow" style="color:white;margin-top:-25px; ">KnockOut</h5></a>
<a href="labourDashboard.jsp" class="btn btn-danger" style="color:white;margin-top:-8px;float:right; ">HOME</a>
<a href="Employee.jsp" class="btn btn-info" style="color:white;margin-top:-8px;float:right;">New Labour</a>
<!-- <a href="Employee.jsp" class="btn btn-primary" id="myBtn" style="color:white;margin-top:-8px;float:right;">CreateNew</a> -->
</div>
<h3 style="color: #6495ED;text-align: center;text-decoration: !important;text-decoration: underline;">Labour Allotment For Moulding Process</h3>
<div class="panel-body">
<!-- Trigger/Open The Modal -->
<!-- <button style="margin-left:830px;" class="btn btn-primary" id="myBtn">AddNew</button> -->
<div style="margin-left:840px;margin-top:-57px;">
<button id="myBtn" type="button" class="btn btn-primary">CreateNew</button>
<!-- <a href="Foundary.jsp" class="btn btn-danger"> HOME </a> -->
</div> <br>
<!-- The Modal -->
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close">×</span>
<p>
<form action="labour_viewDA.jsp" method="post">
<br>
<div class="form-group" style="margin-left:50px;">
<div class="row">
<div class="col-sm-5">
<label for="">Order No:</label> <br>
<input type="text" name="order_no" class="form-control">
</div>
<div class="col-sm-5" style="margin-left:10px;">
<label for="">Heat No:</label>
<input type="text" name="heat_no" class="form-control">
</div>
</div>
</div>
<div class="form-group" style="margin-left:50px;">
<div class="row">
<div class="col-sm-5">
<label for="">Select Shift:</label> <br>
<select name="shift" class="form-control" required="required" style="width:240px;">
<option></option>
<option>1st Shift</option>
<option>2nd Shift</option>
<option>3rd Shift</option>
</select>
</div>
<div class="col-sm-5" style="margin-left:10px;">
<label for="">Moulding Types:</label>
<select name="process" class="form-control">
<option></option>
<option>Machine Molding</option>
<option>Manual Moulding</option>
<option>Moulding Plan</option>
<option>Centrifugal Casting</option>
</select>
</div>
</div>
</div>
<div class="form-group" style="margin-left:50px;">
<div class="row">
<div class="col-sm-4">
<label for="">Select labour:</label>
<select name="labour[]" multiple="multiple" id="test" class="form-control input-group-lg reg_name" required="required" style="width:30px;"> <!-- style="height: 50px;" -->
<%
ResultSet rs14=st.executeQuery("select * from employee_table order by f_name asc");
while(rs14.next())
{
%>
<option value="<%=rs14.getString("f_name") %> "><%=rs14.getString("f_name") %></option>
<%
}
%>
</select>
</div>
<div class="col-sm-5" style="margin-left:60px;">
<label for="">Date:</label>
<input type="date" name="date" class="form-control" required="required">
</div>
</div>
</div>
<br>
<input type="submit" class="btn btn-primary" style="margin-left:280px;" value="Submit">
</form>
</p>
</div>
</div>
<table class="table table-bordered">
<tr class="info">
<th>Sl No</th>
<th>Order No</th>
<th>Heat No</th>
<th>Shift Name</th>
<th>Moulding Type</th>
<th>Labour Name</th>
<th>Created Date</th>
<th>Edit</th>
<th>Delete</th>
</tr>
<%
try{
Statement st1=con.createStatement();
String sql1 ="select * from labour order by shift ";
ResultSet resultSet= st1.executeQuery(sql1);
while(resultSet.next()){
/* String ab=resultSet.getString("l_id"); */
%>
<tbody>
<tr>
<td>
<%=resultSet.getString("l_id") %>
</td>
<td>
<%=resultSet.getString("order_no") %>
</td>
<td>
<%=resultSet.getString("heat_no")%>
</td>
<td>
<%=resultSet.getString("shift") %>
</td>
<td>
<%=resultSet.getString("process")%>
</td>
<td>
<%=resultSet.getString("e_id")%>
</td>
<td>
<%=resultSet.getString("createddate")%>
</td>
<td>
<a href="#"> <span class="glyphicon glyphicon-pencil"></span> </a>
</td>
<td>
<a href='#'> <i class='glyphicon glyphicon-trash'></i> </a>
</td>
<%
}
}
catch (Exception e) {
e.printStackTrace();
}
%>
</tr>
</tbody>
</table>
<div style="margin-left:10px;">
<button onclick="goBack()" type="button" class="btn btn-primary">Back</button>
</div>
<script>
function goBack() {
window.history.back();
}
</script>
<!-- <script>
// JavaScript popup window function
function basicPopup(url) {
popupWindow = window.open(url,'popUpWindow','height=300,width=700,left=50,top=50,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes')
}
</script> -->
<!-- <a href="Foundary.jsp" onclick="basicPopup(this.href);return false">Open a popup window</a>
-->
</div>
<br><br>
</div>
</div>
</div>
</div>
<!-- <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>