JSP Web Technology Application on Road Transport Services

Abhay Chamber, Jalori Gate, Jodhpur-342001 Ph.2614914 [email protected] NIIT

Mujeeb Rehman,

Tanuj Khendelwal & Shreyansh Hinger

NIIT

2

Project: National Transport Company

Batch Code: B140109

Semester Code: SMDRD Start Date: 1st September 2014 End Date: 6th November 2014 Coordinator: Vinod Chauhan Project Team: Mujeeb Rehman, Tanuj Khandelwal & Shreyansh Hinger Project Submission Date: Monday, 3rd November 2014

3

Certificate

This is certifying that thesis work on, “National Transport Company” is

a bonfire work has been successfully carried out and submitted in the

fulfillment of the requirement for the Semester - D of GNIIT (Software

Engineering) from NIIT. It is certified that all correction/suggestion

indicated for the internal assessment have been incorporated in the

thesis. The thesis has been approved as it satisfied the academic

requirement in respect of minor work prescribed for the software

engineering (GNIIT). This thesis is done under the guidance of “Mr.

Vinod Chauhan” (Faculty for Semester D, of GNIIT) by “Mujeeb Rehman,

Tanuj Khendelwal and Shreyansh Hinger” of Semester “D - SMDRD”

GNIIT (Software Engineering).

Mr. Mukesh Bansal Mr. Kuldeep Singh Ms. Ritika Maheshwari

(Director) (Head of Center) (GL Tech.)

4

Acknowledgement

We are very thankful to everyone who supported us for this project and

gives their guidance to complete our thesis work effectively and

moreover on time.

We are equally grateful to our faculty Mr. Vinod Chauhan, who gave us

moral support and guided us in different matters and solutions

regarding the topic.

We feel immensely proud in extending our heartiest thanks to Mr

Mukesh Bansal, Director of NIIT (Jodhpur), Ms Ritika Maheshwari (GL

Tech.), for providing us a platform to improve in various fields. They

went out of their way and provide us with openhearted help and

counsel. They have been a source of inspiration for us and their

experience and knowledge have helped us in learning and giving this

project the shape it has assumed.

Mujeeb Rehman,

Tanuj Khendelwal,

Shreyansh Hinger

5

System Requirements

• CPU

• Monitor

• Keyboard

• Mouse

• 2GB RAM (Minimum)

• 100 GB HDD (Minimum)

Hardware Requirement

• Net Beans IDE 8.0.1 or higher

• Java Development Kit (JDK) jdk1.8.0 or higher

• Java Web Components

• Java JSP Web Plugins

• Browsers- Google Crome, Internet Explorer 10 or above, Opera, Mozila Firefox.

Software Requirement

• Microsoft Windows 7, Windows 8/8.1

• MAC OS X

• Ubuntu

• Linux

Operating System Can Run On

6

Contents

Section Page no.

1. Home 07

2. Network 14

3. Services 23

4. Tracking 32

5. Testimonial 37

6. Know Us (AboutUs) 42

7. ContactUs 59

8. Branch Manager Login Form 63

9. Branch Manager Home 68

10. New Installed Trucks 71

11. Trucks Status and Change Status 77

12. Trucks To Branch 83

13. Customer To Manager Queries & Feedback 12

14. Contact Administrator 90

15. Administrator Login 96

16. Administrator Home Portal 98

17. Administrator Find Manager 103

18. Administrator Register New Manager for a Branch 116

19. Administrator Attach a New Truck/Vehicle 122

20. Administrator Search Truck 129

21. Manager Queries and Feedback 133

22. Be Our Associate 140

23. Attach Your Vehicle 141

24. Apply For Branch 151

25. Common Header Page, Manager Header Page & Footer 158

7

Section #1 Home

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

<title>Transport Company</title>



<script type="text/javascript"

src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>

<script type="text/javascript">// <![CDATA[

$(window).load(function () {

$("#spinner").fadeOut("slow");

})

// ]]></script>

8

<link href="IndexPageCss/bootstrap.css" rel="stylesheet" type="text/css" media="all" />



<link href="IndexPageCss/style.css" rel="stylesheet" type="text/css" media="all" />



<meta name="viewport" content="width=device-width, initial-scale=1">

<script type="application/x-javascript"> addEventListener("load", function() {

setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

</script>



<script src="IndexPageJs/jquery.min.js"></script>

<script type="text/javascript" src="IndexPageJs/move-top.js"></script>

<script type="text/javascript" src="IndexPageJs/easing.js"></script>

<script src="IndexPageJs/menu_jquery.js"></script>





<link href="IndexPageCss/animate.css" rel="stylesheet" type="text/css" media="all">

<script src="IndexPageJs/wow.min.js"></script>

<script>

new WOW().init();

</script>



<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>



<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta name="description" content="" />

9

<meta name="keywords" content="" />

<meta name="author" content="Codrops" />

<link rel="shortcut icon" href="../favicon.ico">

<link rel="stylesheet" type="text/css" href="ServicesCss/default.css" />

<link rel="stylesheet" type="text/css" href="ServicesCss/component.css" />

<script src="ServicesJs/modernizr.custom.js"></script>





<link rel="stylesheet" type="text/css" href="TrackingCss/TrackingTextBoxCSS.css" />

<link rel="stylesheet" type="text/css" href="IndexPageCss/loader.css">

</head>

<body>



<div id="spinner"></div>



<div class="header">

<div class="container">

<div class="logo">

<a href="index.jsp"><img src="IndexPageImages/FinalLogo.png"></a>

</div>

<div class="top-nav">

<div class="top-nav-left">

<span class="menu"> </span>

<ul>

<li><a href="index.jsp">home</a></li>

<li><a href="AboutUsPg.jsp">KnowUs</a></li>

10

<li><a href="#network" class="scroll">network</a></li>

<li><a href="#services" class="scroll" >services</a></li>

<li><a href="#tracking" class="scroll">tracking</a></li>

<li><a href="#testimonial" class="scroll">testimonial</a></li>

<li><a href="ContactUsPg.jsp">contactUs</a></li>

<div class="clearfix"> </div>

</ul>

</div>



<script>

$("span.menu").click(function () {

$(".top-nav-left ul").slideToggle(500, function () {

});

});

</script>

<script type="text/javascript">

jQuery(document).ready(function ($) {

$(".scroll").click(function (event) {

event.preventDefault();

$('html,body').animate({scrollTop: $(this.hash).offset().top}, 1000);

});

});

</script>



</div>


11

</div>

</div>

</div>







<script src="IndexPageJs/responsiveslides.min.js"></script>

<script>

// You can also use "$(window).load(function() {"

$(function () {

// Slideshow 4

$("#slider4").responsiveSlides({

auto: true,

pager: true,

nav: true,

speed: 500,

namespace: "callbacks",

before: function () {

$('.events').append("<li>before event fired.</li>");

},

after: function () {

$('.events').append("<li>after event fired.</li>");

}

});

});

12

</script>





<div id="top" class="callbacks_container" id="home">

<ul class="rslides" id="slider4">

<li>

<img src="IndexPageImages/banner1.jpg" alt="">

<div class="caption bounceInDown" >

<div class="slide-text-info">

<h1>Safety, Service & Speed</h1>

<p></p><br><br><br>

<a class="banner-btn wow bounceIn" data-wow-delay="0.4s"

href="BeOurAssociatePg.jsp">Be Our Associate</a>

</div>

</div>

</li>

<li>


<div class="caption">

<div class="slide-text-info bounceInDown" >

<h1>Super Load Movers</h1>

<p></p><br><br><br>



</div>

</div>

</li>

<li>

13


<div class="caption">

<div class="slide-text-info bounceInDown" >

<h1>Cost Effective, Fast & Reliable</h1>

<p></p><br><br><br>



</div>

</div>

</li>

</ul>

</div>








14

Section #2 Network




<div id="network" class="content-network">

<div class="content-top">

<img class="ball wow bounceIn" data-wow-delay="0.4s" src="IndexPageImages/ball.png">

<h2> our Network is the presentation of our capabilities</h2>

<p class="para"> "Our Company involve movement of bulk loads from ports, airports and

railheads to warehouses and depots, bulk movements between facilities such as warehouses or

depots, or delivery of smaller consignment from a local warehouse or depot to end users at a

number of destinations in an area.</p>



15

</div>

<div class="content-top-top wow bounceIn" data-wow-delay="0.4s">

<form action="ShowNetworkDetailsPg.jsp" method="post" target="iframe_b">

<input list="state" name="state" placeholder="SELECT STATE">

<datalist id="state" >

<option value="Andhra Pradesh">

<option value="Arunachal Pradesh">

<option value="Assam">

<option value="Bihar"></option>

<option value="Chandigarh"></option>

<option value="Chattisgarh"></option>

<option value="Goa"></option>

<option value="Gujarat"></option>

<option value="Haryana"></option>

<option value="Himachal Pradesh"></option>

<option value="Jharkhand"></option>

<option value="Karnataka"></option>

<option value="Kerala"></option>

<option value="Madhya Pradesh"></option>

<option value="Maharashtra"></option>

<option value="Punjab"></option>

<option value="Rajasthan"></option>

<option value="Tamil Nadu"></option>

<option value="Telangana"></option>

<option value="Uttar Pradesh"></option>

<option value="Uttarakhand"></option>

<option value="West Bengal"></option>

16

</datalist>

<input list="city" name="city" placeholder="SELECT CITY">

<datalist id="city">

<option value="Vijayawada">

<option value="Visakhapatnam">

<option value="Guntur"><option value="Nellore"></option> <option

value="Tirupati"></option><option value="Chittoor"></option><option value="Aalo"></option>

<option value="Itanagar"></option><option value="Naharlagun"></option><option

value="Pasighat"></option><option value="Dispur"></option><option value="Guwahati"></option>

<option value="Nalanda"></option>

<option value="Patna"></option>

<option value="Rajgir"></option>

<option value="Vaishali"></option>

<option value="Chandigarh"></option>

<option value="Bilaspur"></option>

<option value="Bhilai"></option>

<option value="Jagdalpur"></option>

<option value="Raipur"></option>

<option value="Mapusa"></option>

<option value="Margao"></option>

<option value="Panajim"></option>

<option value="Vasco Da Gama"></option>

<option value="Ahmedabad"></option>

<option value="Bharuch"></option>

<option value="Gandhi Nagar"></option>

<option value="Panchmahal(Godhara)"></option>

<option value="Porbandar"></option>

<option value="Gandhidham"></option>

17

<option value="Junagadh"></option>

<option value="Jamnagar"></option>

<option value="Rajkot"></option>

<option value="Surat"></option>

<option value="Vadodara"></option>

<option value="Gurgaon"></option>

<option value="Faridabad"></option>

<option value="Dalhousie"></option>

<option value="Dharamsala"></option>

<option value="Kullumanali"></option>

<option value="Shimla"></option>

<option value="Baramulla"></option>

<option value="Jammu"></option>

<option value="Poonch"></option>

<option value="Srinagar"></option>

<option value="ladakh"></option>

<option value="Ranchi"></option>

<option value="Bangalore"></option>

<option value="Hubli"></option>

<option value="Mangalore"></option>

<option value="Mysore"></option>

<option value="Calicut"></option>

<option value="Cochin"></option>

<option value="Thiruvananthapuram"></option>

<option value="Bhopal"></option>

<option value="Gwalior"></option>

<option value="Indore"></option>

18

<option value="Jabalpur"></option>

<option value="Ratlam"></option>

<option value="Ujjain"></option>

<option value="Aurangabad"></option>

<option value="Kolhapur"></option>

<option value="Mumbai"></option>

<option value="Nagpur"></option>

<option value="Nashik"></option>

<option value="Pune"></option>

<option value="Imphal"></option>

<option value="Shillong"></option>

<option value="Cherrapunjee"></option>

<option value="Aizawl"></option>

<option value="Kohima"></option>

<option value="Bhubaneswar"></option>

<option value="Puri"></option>

<option value="Puducherry"></option>

<option value="Amritsar"></option>

<option value="Jalandhar"></option>

<option value="Ludhiana"></option>

<option value="Ajmer"></option>

<option value="Alwar"></option>

<option value="Bikaner"></option>

<option value="Churu"></option>

<option value="Jaipur"></option>

<option value="Jaisalmer"></option>

<option value="Jodhpur"></option>

19

<option value="Udaipur"></option>

<option value="Kota"></option>

<option value="Bikaner"></option>

<option value="Sri Ganganagar"></option>

<option value="Gangtok"></option>

<option value="Chennai"></option>

<option value="Coimbatore"></option>

<option value="Madurai"></option>

<option value="Tirichy"></option>

<option value="Hyderabad"></option>

<option value="Warangal"></option>

<option value="Agartala"></option>

<option value="Agra"></option>

<option value="Allahabad"></option>

<option value="Kanpur"></option>

<option value="Lucknow"></option>

<option value="Varanasi"></option>

<option value="Dehradun"></option>

<option value="Nainital"></option>

<option value="Kolkata"></option>

<option value="Darjeeling"></option>

<option value="Howrah"></option>

<option value="Kharagpur"></option>

</datalist>

<input type="submit" value="SHOW ME NETWORK!">

</form>

</div>

20

<div class="tab">

<iframe style="width:100%;height:600px; background-image:

url(IndexPageImages/NETWORK.jpg)" name="iframe_b" src="ShowNetworkDetailsPg.jsp"

frameborder=""></iframe>


</div>

</div>

</div>



Code for Processing Network Details in iframe tag:

<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>

<%@ page import="java.sql.*" %>

<%

String state = request.getParameter("state");

String city = request.getParameter("city");

if (state.length() > 0 && city.length() > 0) {

21

try {

Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");

Connection con =

DriverManager.getConnection("jdbc:sqlserver://localhost:1433;databaseName=TransportCompany;

user=sa;password=secret;");

PreparedStatement ps = con.prepareStatement("select * from IndianCities where statename

='"+state+"' and cityname='"+city+"'");

//ps.setString(1,n);

out.print("<br>");

ResultSet rs = ps.executeQuery();

out.print("<table align='center' bgcolor='LightYellow ' border='1' cellspacing=1 cellpadding=2

id='myTable'>");

out.print("<caption><h1>Network</h1></caption>");

while (rs.next()) {

out.print("<tr bgcolor='DeepSkyBlue '><td colspan='2'><B>" + rs.getString(3) +

"</B></td></tr>");

//out.print("<tr><td><B>CityName</B></td><td>" + rs.getString(3) + "</td></tr>");

out.print("<tr><td width='100'><B>Address</B></td><td>" + rs.getString(4) + "</td></tr>");

out.print("<tr><td><B>Telephone</B></td><td>" + rs.getString(5) + "</td></tr>");

out.print("<tr><td><B>Fax</B></td><td>" + rs.getString(6) + "</td></tr>");

out.print("<tr><td><B>Mobile</B></td><td>" + rs.getString(7) + "</td></tr>");

out.print("<tr><td><B>Email</B></td><td>" + rs.getString(8) + "</td></tr>");

out.print("<tr><td><B>Website</B></td><td>" + rs.getString(9) + "</td></tr>");

out.print("<tr bgcolor='DeepSkyBlue '><td colspan='2'><B>" + rs.getString(3) + " Admn.&

Delivery</B></td></tr>");

out.print("<tr><td><B>Address</B></td><td>" + rs.getString(10) + "</td></tr>");





22


out.print("<tr bgcolor='DeepSkyBlue'><td colspan='2'><B>" + rs.getString(3) + " Booking

Office</B></td></tr>");

out.print("<tr><td><B>Address</B></td><td>" + rs.getString(16) + "</td></tr>");






}

out.print("</table>");

con.close();

} catch (Exception e) {

e.printStackTrace();

}

}

%>

23

Section #3 Services



<div id="services" class="services">


<div class="content-services">

<h2>Our 4 Featured services</h2>

</div>

<div class="content-services-member">

<div class=" col-md-9 content-services-brief">

<p>Brief details of new&listings,services.To view full listings,you will be required to sign

up and become a member.</p>

</div>

<div class=" col-md-3 content-member">

24

<a href="#">Become a Member</a>

</div>


</div>

<div class="content-london wow bounceIn" data-wow-delay="0.4s">

<div id="servicesblock">

<ul class="grid cs-style-4">

<li>

<figure>

<div><img src="ServicesImages/1.png" alt="img05"></div>

<figcaption>

<h3>Residential Moves</h3>

<span>Jacob Cummings</span>

<a href="ServicesPg.jsp">Take a look</a>

</figcaption>

</figure>

</li>

<li>

<figure>


<figcaption>

<h3>Commercial Moves</h3>



</figcaption>

</figure>

</li>

25

<li>

<figure>


<figcaption>

<h3>Wrapping & Packing</h3>



</figcaption>

</figure>

</li>

<li>

<figure>


<figcaption>

<h3>Hire Dumper</h3>



</figcaption>

</figure>

</li>

</ul>

</div>


</div>

</div>

</div>

26

<%--

Document : ServicesPg

Created on : 2 Sep, 2014, 1:32:47 PM

Author : Mujeeb

--%>


<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Services</title>

<link href="ServicesPgCss/style.css" rel="stylesheet" type="text/css" media="all" />

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

27

<script type="text/javascript" src="ServicesPgJs/move-top.js"></script>


jQuery(document).ready(function($) {

$(".scroll").click(function(event) {



});

});

</script>

</head>

<body>

<div class="wrap">


28

<div class="content">

<div class="services">

<div class="service-content">

<h3>Our Featured Services</h3>

<ul>

<li><span>1.</span></li>

<li><p><a href="#">RESIDENTIAL MOVES</a>We Move Inter-State, Long Distance

and Nation-Wide. In Residential Moves we bring our transport vehicles to your doorstep for

deliveries.</p></li>

<div class="clear"> </div>

</ul>

<ul>


<li><p><a href="#">COMMERCIAL MOVES</a>We provide facility to deliver

large/bulk orders. When your consignment is in your town we will inform u as soonest as possible.

You can load/unload your goods from our nearest branch warehouse.</p></li>


</ul>

<ul>


<li><p><a href="#">WRAPPING & PACKING</a>We love to wrap and pack and

can organize packers for you. Service includes, Self packing where we provide all the materials and

Custom packing where we provide labor and materials.</p></li>


</ul>

<ul>


<li><p><a href="#">HIRE DUMPERS <img

src="ServicesPgImages/newblink2.gif"></a>Praesent vestibulum molestie lacus. Aenean nonummy

hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis

dis parturient montes, nascetur ridiculus mus. Nulla dui.</p></li>

29


</ul>

</div>

<div class="services-sidebar">

<h3>WE PROVIDE</h3>

<ul><marquee direction="up" onmouseover="this.stop();"

onmouseout="this.start();" scrollamount="3"><li><a href="#">More than 180 branches within

India.</a></li>

<li><a href="#">Over 3 lac sq.ft Warehousing & Storage.</a></li>

<li><a href="#">Handling over 4 lac tonnes of cargo per annum.</a></li>

<li><a href="#">xzxz xzxz xzxzx xzxzx</a></li></marquee>

</ul>

<h3>CURRENT NEWS</h3>

<ul>

<li><a href="#">THE BEST, VINOD SIR</a></li>

<li><a href="#">MUJEEB REHMAN</a></li>

<li><a href="#">TANUJ KHANDELWAL</a></li>

<li><a href="#">SHREYANSH HINGER</a></li>

</ul>

</div>


</div>


<div class="cooking-eq">

<h3>Residential Moves</h3>

<div class="eq-grid">

<p><span>Local Move</span>Transport Company performs hundreds of local moves

every year in Connecticut and the Tri-State Area. Even if you’re just moving a few blocks, you still

30

receive all the specialized care and services that Kaster offers, including detailed estimating, a

moving coordinator and all the planning tools and equipment you may need.</p>

<p><span>Long-Distance Moves</span>If you are planning to move to another state,

Transport Company has the resources and network required for an efficient and cost-effective

relocation.

Transport Company is a full-service award-winning company for India, one of the

largest interstate movers in the country. This network of more than 180 professional movers

nationwide enhances our capability to provide quality moving services from any town to any point in

India. Our own fleet of equipment and van operators is supplemented by the Atlas fleet of more

than 2000 Trucks and Mini Trucks/Trailers.</p>

</div>

<h3>Commercial Moves</h3>

<div class="eq-grid">

<span>Our Commercial moving services make us better and giant transport company

among all.</span>

<p>We are the National movers, proudly serving INDIA for more than 10 years.

When our trucks arrive at your door, your troubles are out the window. For every commercial move

we handle, we provide a high-quality service - and there is a difference. Our large fleet of diversified

air-ride trucks can accommodate any size and type of relocation. We provide moving and storage

services for offices, banks, factories, hospitals, hotels, labs, libraries, model homes, plants,

restaurants, retail stores and schools. We are proud to offer our corporate clients a wide variety of

commercial moving services that include:

<br>1. Move Consulting

<br>2. Project Management

<br>3. Asset Management

<br>4. Inventory Control

<br>5. Lab Relocation

<br>6. Office & Industrial Moving Services

<br>7. Library / Medical & Business Relocation

<br>8. Warehouse & Distribution Services

<br>9. Records Storage & Management

<br>10. Safe / Secure Storage Facilities

<br>11. On-Site Storage Vaults

31

<br>12. Modular Furniture Installation and Reconfiguration</p>

</div>

<h3>Wrapping and Packing</h3>

<div class="eq-grid last-grid">

<span>We Provide different Packaging types:</span>

<p> Our Wrapping service protect commercial and residential goods during transit,

storage and handling.<br>1. Stretch packaging: Plastic film that is wrapped around the outside of

boxes, pallets, raw materials and other goods.<br><br>2. Protective packaging: Paper and plastic-

based pieces that are placed around and between goods to protect products during

transportation.<br><br>3. Strap packaging: Plastic and steel straps that are wrapped around steel

coils, the outside of boxes, pallets, raw materials and other goods.<br><br>4. Tools and machines

that are used to apply the strap and stretch packaging.</p>

</div>


</div>

</div>

</div>

</div>

<div class="footer">

<div class="top-to-page">

<a href="#top" class="scroll"> </a>


</div>

<p>© 2014 Copyrights by <a href="index.jsp"

target="_blank">transportcompany.com</a> All Rights Reserved.</p>

</div>

</body>

</html>

32

Section #4 Tracking



<div id="tracking" class="tracking">

<div class="col-md-6 content-bottom-left">

<img class="content-chair wow bounceIn" data-wow-delay="0.4s"

src="IndexPageImages/tracknow (2).png">

<div class="content-bottom-left-head">

<h5>Track Your Goods</h5>

<p>Dear customer please provide your 8 digit consignment number in the below

textbox.</p>

<form action="TrackingProcessPg.jsp" method="post" target="iframe_a">

<input type="text" name="trackno" class="inputs" placeholder="Enter Track-Number:

eg - 12345678" maxlength="8" size="8"/>

<input type="submit" value="Track Now !">

</form>

</div>


</div>

<div class="col-md-6 content-bottom-right">

33

<img class="content-bag wow bounceIn" data-wow-delay="0.4s"

src="IndexPageImages/trackfound.png">

<div class="content-bottom-right-head">

<h5>Here Your Goods are</h5><br>

<iframe style="width:350px;height:235px; background-image:

url(TrackingImages/hogan.gif)" name="iframe_a" src="TrackingProcessPg.jsp" width="360"

height="290" frameborder=""></iframe>





</div>


</div>


</div>

Tracking Process Page Code:

<%@page import="java.sql.DriverManager"%>

<%@page import="java.sql.ResultSet"%>

<%@page import="java.sql.Statement"%>

<%@page import="java.sql.Connection"%>

34

<style type="text/css">

#tdnames{

background-color: palegoldenrod;

}

#tddata{

background-color: yellowgreen;

font-family: consolas;

}

</style>

<%

String consnum = request.getParameter("trackno");

%>

<table align="center" cellpadding="5" cellspacing="5" border="0">

<%

try {


Connection con =



Statement stmt = con.createStatement();

ResultSet rs = stmt.executeQuery("Select * from ConsignmentDetails where

ConsignmentNumber='" + consnum + "'");

while (rs.next()) {

%>

35

<tr>

<td id="tdnames">Consignment Id</td>

<td id="tddata"><%=rs.getString(1)%></td>

</tr>

<tr>

<td id="tdnames">Consignment Number</td>


</tr>

<tr>

<td id="tdnames">Goods Type</td>


</tr>

<tr>

<td id="tdnames">Goods Weight</td>


</tr>

<tr>

<td id="tdnames">Goods Dispatched On</td>


</tr>

<tr>

<td id="tdnames">Goods Shipped By</td>


</tr>

<tr>

<td id="tdnames">Goods Current Location</td>


36

</tr>

<tr>

<td id="tdnames">Expected Delivery Date</td>


</tr>

<%

}



}

%>

</table>

37

Section #5 Testimonial

We included these two pages to show working testimonials section on home page.



<div id="testimonial">

<jsp:include page="TestimonialsPg.jsp"></jsp:include>



<jsp:include page="ClientsPg.jsp"></jsp:include>

</div>

Code of TestimonialPg.jsp

<%--

Document : TestimonialsPg

Created on : 22 Oct, 2014, 3:23:10 AM

Author : Mujeeb Rehman

--%>

38


<!DOCTYPE html>

<html>

<head>

<link href="TestimonialsCss/style.css" rel='stylesheet' type='text/css' />


<script src="TestimonialsJs/jquery.min.js"></script>



<link rel="stylesheet" href="TestimonialsCss/jquery.bxslider.css" type="text/css" />

<script src="TestimonialsJs/jquery.bxslider.js"></script>


$(document).ready(function () {

$('.bxslider').bxSlider({

auto: true,

autoControls: true,

minSlides: 3, //4

maxSlides: 3, //4

slideWidth: 420, //450

slideMargin: 10

});

});

</script>





<script src="TestimonialsJs/css3-mediaqueries.js"></script>



39

</head>

<body>



<div class="clients">

<div class="client-head">

<h3>Happy Clients</h3>

<span>what customer say about us and why love our services!</span>

</div>

<div class="client-grids">

<ul class="bxslider">

<li>

<p>Lorem Ipsum is simply dummy text of the printing and typeset industry. Lorem

Ipsum has been the industry's standard dummy text ever hen an with new version look.</p>

<a href="#">Mukesh Naidu</a>

<span>Bangluru, Karnataka</span>

<label> </label>

</li>

<li>



<a href="#">Abhishek Tripathi</a>

<span>Mumbai, Maharashtra</span>

<label> </label>

</li>

<li>



<a href="#">Rahul Soni</a>

<span>Delhi, India</span>

40

<label> </label>

</li>

<li>



<a href="#">Rizwaan Rehman</a>

<span>Lucknow, Utter Pradesh</span>

<label> </label>

</li>

<li>



<a href="#">Akshika Kachhwaha</a>

<span>Jodhpur, Rajasthan</span>

<label> </label>

</li>

<li>



<a href="#">Manish Vyaas</a>

<span>Ahmedabad, Gujrat</span>

<label> </label>

</li>

</div>

</div>



</body>

</html>

41

Code of ClientsPg.jsp

<html lang="en-US">

<head>

<meta http-equiv="Content-Type" content="text/html">

<link rel="stylesheet" type="text/css" media="all" href="ClientsCss/clientcss.css">



<script type="text/javascript" src="ClientsJs/carousels.js"></script>

</head>

<body>

<div id="w">

<div id="clients">

<h3 id="heading3">Past & Present Clients</h3>

<div class="clients-wrap">

<ul id="clients-list" class="clearfix">

<li><img src="ClientsImages/jktyrelogo.jpg" alt="JK Tyres"></li>

<li><img src="ClientsImages/kajarialogo.jpeg" alt="Kajariya Tiles"></li>

<li><img src="ClientsImages/mrflogo.jpg" alt="Mrf Tyres"></li>

<li><img src="ClientsImages/medimixlogo.jpg" alt="Medimix"></li>

<li><img src="ClientsImages/greenlam.jpg" alt="Greenlam"></li>

<li><img src="ClientsImages/hindwarelogo.JPG" alt="Hindware"></li>

<li><img src="ClientsImages/indanelogo.jpg" alt="Indane Gas"></li>

<li><img src="ClientsImages/jkwhitelogo.jpg" alt="JK White Cement"></li>

</ul>

</div>

</div>

 </div></body></html>

42

Section #6 Know Us (AboutUs)

<%--

Document : AboutUsPg

Created on : 23 Oct, 2014, 7:10:53 PM


--%>

<!DOCTYPE html>

<html>

<head>


<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

43

<meta name="description" content="">

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0,

user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">

<link rel="stylesheet" href="AboutUsCss/main.css">

<link href="AboutUsCss/css" rel="stylesheet" type="text/css">

</head>

<body>

<jsp:include page="HeaderCommon.jsp"></jsp:include>

<div class="overlay">

</div>

<div class="container" id="anchorpoint">

<div class="row m40">

<div class=" aboutnav col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2">

<ul class=" nav nav-pills nav-stacked">

<li class="company_nav active">Company History</li>

<li class="how_nav ">What we do</li>

<li class="team_nav">Team</li>

</ul>

</div>

</div>

<div class="row">

<div class="timeline aboutblock " id="company">

<div class="row">

<div class="col-lg-5 col-md-5">

<div class="fixwrapper">

<div id="map" class="imap" style="margin-top: 0px;">

44

</g>

<g id="markers4" class="markershide">

<circle fill="#5B5349" cx="141.559" cy="370.249" r="2.676" style="display:

none;"></circle>


none;"></circle>


none;"></circle>


none;"></circle>


none;"></circle>


none;"></circle>


none;"></circle>


none;"></circle>


none;"></circle>


none;"></circle>


none;"></circle>


none;"></circle>


none;"></circle>


none;"></circle>

</g>


45

<text transform="matrix(1 0 0 1 100.6183 164.6847)" font-

family="'OpenSans-Light'" font-size="8" style="display: none;">Jaipur</text>

<circle fill="#F29E2F" cx="107.231" cy="155.999" r="2.676" style="display:

none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Ajmer</text>


none;"></circle>


family="'OpenSans-Light'" font-size="12" style="display: none;">Jodhpur</text>

<circle fill="#0F97BC" cx="63.232" cy="152.994" r="6.992" style="display:

none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Dehradun</text>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Ludhiana</text>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Jalandhar</text>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Amritsar</text>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Rishikesh</text>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Allahabad</text>

46


none;"></circle>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Bhopal</text>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Indore</text>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Jabalpur</text>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Varanasi</text>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Patna</text>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Bhubaneshwar</text>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Nagpur</text>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Vishakhapatnam</text>

47


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Ahmedabad</text>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Rajkot</text>


none;"></circle>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Panajii</text>


none;"></circle>


none;"></circle>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Hospet</text>


none;"></circle>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Vellore</text>


family="'OpenSans-Light'" font-size="8" style="display: none;">Vapi</text>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Bareily</text>

48


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Aligarh</text>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Agra</text>


none;"></circle>


family="'OpenSans-Light'" font-size="12" style="display: none;">Kolkata</text>

<circle fill="#0F97BC" stroke="#FFFFFF" stroke-width="0.5" cx="281.791"

cy="223.672" r="6.992" style="display: none;"></circle>

</g>


49


family="'OpenSans-Light'" font-size="12" style="display: none;">Bangalore</text>


family="'OpenSans-Light'" font-size="12" style="display: none;">Hyderabad</text>


family="'OpenSans-Light'" font-size="12" style="display: none;">Chennai</text>


family="'OpenSans-Light'" font-size="12" style="display: none;">Mumbai</text>










family="'OpenSans-Light'" font-size="8" style="display: none;">Surat</text>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Vadodara</text>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Nashik</text>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Aurangabad</text>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Coimbatore</text>

50


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Guntur</text>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Thanjavur</text>


none;"></circle>


family="'OpenSans-Light'" font-size="8" style="display: none;">Chandigarh</text>


none;"></circle>


none;"></circle>


none;"></circle>

51

</g>

<g id="markers1" class"markershide"="">


cy="128.785" r="6.992"></circle>


family="'OpenSans-Light'" font-size="12">Delhi</text>

<circle fill="#F29E2F" cx="123.799" cy="135.777" r="2.676"></circle>


family="'OpenSans-Light'" font-size="8">Gurgaon</text>

</g>

</g>

</svg>

</div>

<div class="statistics">

<div>

<span class="staticon"></span>

<h4><span class=" cities blue">2</span> Cities</h4>

</div>

<div>


<h4><span class=" clients blue">6</span> Clients</h4>

</div>

<div>


<h4><span class=" sellers blue">20</span>Sellers</h4>

</div>

<div>


<h4><span class=" products blue">500</span>Products/Day</h4>

52

</div>

</div>

</div>

</div>

<div class="timeblock col-lg-7 col-md-7">

<div class="row 2011">

<h4 class="col-lg-4 col-md-4" id="2011">2011</h4>

<div class="timebox col-lg-8 col-md-8">

<ul>

<li><strong>May: </strong> Founded National Transport Company</li>

<li><strong>June: </strong> Launched Logo of National Transport Company

</li>

<li>

<img src="AboutUsImages/FinalLogo.png">

<p class="caption"></p>

</li>

<li>

<img src="AboutUsImages/timeline11_3.jpg">

<p class="caption">Months of planning, optimisation and implementation

led to the first facility</p>

</li>

<li><strong>December: </strong>Delivering 200+ shipments per day for 5 e-

commerce clients in Delhi, Chennai, Bangluru and Mumbai</li>

<li><strong>Team size: </strong> 25+</li>

</ul>

</div>

</div>


53



<ul>

<li>

<li><strong>April: </strong>First Big Purchase By Us</li>

</li><li><img src="AboutUsImages/truck.jpg"></li>

<p class="caption">True to the name - first step towards a brand Bharat Benz

Trucks, purchased by National Transport Company!</p>

<li>Launched fulfilment services in Jodhpur and Jaipur with 10,000+ sq ft of

fulfilment space</li>

<li>Processed upto 25000 shipments a month delivering upto 4000 shipments a

day.</li><li>

</li><li>

<img src="AboutUsImages/trucks.jpg">

<p class="caption">Re-branding the collection centers.</p>

</li>

<li><strong>Team size: </strong>500+</li>

</ul>

</div>

</div>




<ul>

<li><strong>September: 5</strong> National Transport Company Promotional

Video Launched both on Our Website and on Youtube</li>

<li>

<div id="vedio">

54

<center><video width="500px" height="362px" style=" border: 1px solid

#888; border-radius:4px; box-shadow: 2px 2px 9px -3px; opacity: 0.9; " controls>

<source src="Vedios\Stevens Transport.mp4" type="video/mp4">

<source src="Vedios\Stevens Transport.ogg" type="video/ogg">

</video></center>

</div>

<p class="caption"><a href="//www.youtube.com/embed/rKLmQyPR-

Uo?list=UUrVazhik1vp8vgt85tfeIcw" target="_blank">Or Watch us on YOUTUBE</a></p>

</li>

<p class="caption">Opened doors to a new era. Our new office</p>

<li>Launched suite of commerce technology including Vendor Panel, Godam,

FALCON</li>

<li><strong>Team size: </strong>2,500+</li>

</ul>

</div>

</div>




<ul>

<li>Express logistics services to be expanded to 250+ cities in India.</li>

<li>12 more fulfilment centers being expanded to offer National Transport

Company Fulfilment Services across India (over 0.5 million sq ft of space)</li>

<li>Expansion of processing capacity to over 40,000 shipments/day</li>

<li>

<img src="AboutUsImages/timeline14_1.jpg">

<p class="caption"></p>

</li>

55

<li>Expansion of Delhivery Seller Toolkit to include omni-channel services,

customer/channel analytics, Ship-smart, COMS</li>

<li><strong>Team size:</strong> 3,500+</li>

</ul>

</div>

</div>

</div>

</div>

</div>

<div class="col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2 howwework aboutblock hidden"

id="whatwedo">

<h2>Creating Outstanding Retail Experiences</h2>

<p>We bring reach, speed and the power of our proprietary, customizable commerce

technology toolkit to your retail operations. The Delhivery Seller Toolkit allows you to pick and

choose from various modules and manage all your sales channels: online, mobile store-fronts and in-

store sales.</p>

<h3>Unified IT</h3>

<p>We have developed an end-to-end suite of omni-channel solutions encompassing the

best global practices tailor-fit to nuances of doing business in India, based on our operational

experience. This includes management tools for global inventory, distributed order management,

channel integration, customer engagement, campaign creation and management, fulfilment

management and demand and channel analytics.<br>Our solutions integrate seamlessly to existing

ERP platforms making the go-live cycle minimal. This unified platform equips you to better market

your products, allocate and manage orders across channels, manage payments and provide value

added services like flexible delivery and payments options, reverse logistics and call center support.

</p>

<h3>Focus on Profitability</h3>

<p>At Delhivery we focus on improving your bottom line. Our distributed fulfilment

network coupled with our inventory management toolkit helps you optimize inventory allocation

across the country and lower total logistics costs while maintaining same-day/next-day service

levels. In addition, our completely automated Cash-On-Delivery (COD) reconciliation and remittance

process reduces working capital constraints and enables us to remit capital collected in 12-48 hours

to you. Rely on us to help you ensure consistent, seamless consumer experiences at the lowest

cost.</p>

56

<h3>Scale up Rapidly</h3>

<p>Partner with us to leverage India's fastest-growing fulfilment and logistics network,

present in over 150 cities across India (and counting!). Our infrastructure is equipped to handle over

60,000 transactions daily and 1,00,000 SKUs. Setup an account with us and join our expanding

network of over 10,000 sellers!</p>

</div>

<div class="team aboutblock col-xs-12 hidden" id="team">



<jsp:include page="OurTeamPg.jsp"></jsp:include>

</div>

</div>

<script async="" src="AboutUsJs/analytics.js"></script><script async=""

src="AboutUsJs/analytics.js"></script><script src="AboutUsJs/jquery.min.js"></script>

<script src="AboutUsJs/lazyload.min.js"></script>

<script src="AboutUsJs/waypoints.min.js"></script>

<script src="AboutUsJs/numbers.js"></script>

<script src="AboutUsJs/about.js"></script>

<hr>

<script src="AboutUsJs/events.js"></script>

<script>

(function (i, s, o, g, r, a, m) {

i['GoogleAnalyticsObject'] = r;

i[r] = i[r] || function () {

(i[r].q = i[r].q || []).push(arguments)

}, i[r].l = 1 * new Date();

a = s.createElement(o),

m = s.getElementsByTagName(o)[0];

a.async = 1;

58

a.src = g;

m.parentNode.insertBefore(a, m)

})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

ga('create', 'UA-27886886-3', 'delhivery.com');

ga('send', 'pageview');

</script>

<script>

(function (i, s, o, g, r, a, m) {

i['GoogleAnalyticsObject'] = r;

i[r] = i[r] || function () {

(i[r].q = i[r].q || []).push(arguments)

}, i[r].l = 1 * new Date();

a = s.createElement(o),

m = s.getElementsByTagName(o)[0];

a.async = 1;

a.src = g;

m.parentNode.insertBefore(a, m)

})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

ga('create', 'UA-27886886-3', 'delhivery.com');

ga('send', 'pageview');

</script>

<a href="https://plus.google.com/115121650394113187823" rel="publisher"></a>

</body></html>

59

Section #7 ContactUs

<%--

Document : ContactUsPg

Created on : 11 Oct, 2014, 4:30:19 PM


--%>


<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

60

<title>Contact Us</title>

<meta name="keywords" content="" />

<meta name="description" content="" />

<link href="ContactUsCss/bootstrap.min.css" rel="stylesheet" type="text/css">

<link href="ContactUsCss/style.css" rel="stylesheet" type="text/css">





<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script type="text/javascript" src="ContactUsJs/textcounter.js"></script>

<script>

$(document).ready(function(){

$("#input_message").keyup(function(){

counterLimit();

});

});

</script>

</head>

<body>


<hr class="featurette-divider">

61

<section class="container">

<h3>Contact Us</h3>

<p>You may leave us a message for any kind of Transportation Enquiry, Business Matter, New

Suggestions or Personal greeting...</p>

<form role="form" action="ContactUsProcessPg.jsp" method="post" onsubmit="return

alert('THANK YOU FOR CONTACTING US !\nWe Will Reach You Soon Via Email or Phone Call.')">

<div class="row">

<div class="col-md-5">

<div class="form-group">

<input name="name" type="text" class="form-control" id="input_name"

placeholder="Name" required="">

</div>


<input name="email" type="email" class="form-control" id="input_email"

placeholder="Email" required="">

</div>


<input name="phone" type="tel" class="form-control" id="input_tel"

placeholder="Phone" required="">

</div>

</div>

<div class="col-md-7">


<textarea name="message" maxlength="200" rows="6" class="form-control"

id="input_message" placeholder="Type Your Query Here..." required=""></textarea><br>

<label id="lbl">---</label><br>

<button type="submit" class="btn btn-primary">Send</button>

<button type="reset" class="btn btn-default float_r">Reset</button>

</div>

</div>

62

</div> 

</form>

<div class="row">

<section class="col-xs-12 col-md-12">

<h3>Our Location</h3>

<iframe width="640" height="480" frameborder="0" scrolling="no" marginheight="0"

marginwidth="0"

src="https://maps.google.co.in/maps/ms?msa=0&msid=209215847512154786948.0005064bb

0a39365998b6&ie=UTF8&t=m&ll=26.296705,72.990417&spn=0.004617,0.0068

66&z=17&output=embed"></iframe><br /><small>View <a

href="https://maps.google.co.in/maps/ms?msa=0&msid=209215847512154786948.0005064b

b0a39365998b6&ie=UTF8&t=m&ll=26.296705,72.990417&spn=0.004617,0.006

866&z=17&source=embed" style="color:#0000FF;text-align:left">National Transport

Company Jodhpur</a> in a larger map</small>

</section>

</div>

</section>

<footer class="container">

<div class="credit">

<p id="templatemo_cr_bar">

Copyright © 2014 <a href="#">National Transport Company</a>

</p>

</div>

</footer>

<script src="ContactUsJs/jquery.js"></script>

<script src="ContactUsJs/bootstrap.min.js"></script>

</body>

</html>

63

Section #8 Branch Manager Login Form

<div class="top-nav-right">

<div id="loginContainer"><a href="#" id="loginButton"><span>Login</span></a>

<div id="loginBox">

<form id="loginForm" action="ManagerLoginProcessPg.jsp" method="post" accept-

charset="utf-8">

<fieldset id="body">

<fieldset>

<label for="email">Enter Username</label>

<input type="text" name="username" id="email" required=""

placeholder="Enter Username">

</fieldset>

<fieldset>

<label for="password">Enter Password</label>

<input type="password" name="userpass" id="password" required=""

placeholder="Enter Password">

</fieldset>

64

<fieldset>

<label for="branch">Select Branch</label>

<select name="branch">

<option >--Select Your's--</option>

<option>Ajmer</option>

<option>Ahemdabad</option>

<option>Alighar</option>

<option>Agra</option>

<option>Amritsar</option>

<option>Jaipur</option>

<option>Jodhpur</option>

<option>Jaisalmer</option>

<option>Udaipur</option>

<option>Delhi</option>

<option>Mumbai</option>

<option>Chennai</option>

<option>Punjab</option>

<option>Haryana</option>

<option>Chandighar</option>

<option>Bangluru</option>

<option>Pune</option>

</select>

</fieldset>

<fieldset style='color: red;'>

<%

if (request.getAttribute("notlogin_msg") != null) {

out.print(request.getAttribute("notlogin_msg"));

65

}

%>

<% if (request.getAttribute("Error") != null) {

out.print(request.getAttribute("Error"));

}

%>

</fieldset>

<input type="submit" id="login" value="Sign in">

<label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember

me</i></label>

</fieldset>

<span><a href="#">Forgot your password?</a></span>

</form>

</div>

</div>


Mnager Login Process Code:

<%--

Document : LoginProcess

Created on : 21 Aug, 2014, 10:31:43 PM


--%>


<%@ page language="java" import="java.util.*"%>

<%@page import="org.omg.CORBA.PUBLIC_MEMBER"%>

<%@page import="java.sql.*"%>

66

<%@page import="java.util.*"%>

<!DOCTYPE html>

<html>

<head>


<title>Login Process</title>

</head>

<body>

<%

String username = request.getParameter("username");

System.out.print(username);

String userpass = request.getParameter("userpass");

String branch = request.getParameter("branch");

boolean status = false;

try {


Connection con =



PreparedStatement ps = con.prepareStatement("select * from managerdetails where

username=? and userpass=? and branch=?");

ps.setString(1, username);

ps.setString(2, userpass);

ps.setString(3, branch);


status = rs.next();

67

if (status)

username = rs.getString(2);

session.setAttribute("username", String.valueOf(username));

session.setAttribute("islogin", "plz sign in first");

session.setAttribute("branch", branch);

String fnme = rs.getString("fname");

String lnme = rs.getString("lname");

session.setAttribute("fnme", fnme);

session.setAttribute("lnme", lnme);

%>

<jsp:forward page="HomePg.jsp"></jsp:forward>

<%

} else {

request.setAttribute("Error", "Sorry! Username or Password Error. Plz Enter Correct Detail ");

session.setAttribute("Loginmsg", "Plz sign in first");

%>

<jsp:forward page="index.jsp"></jsp:forward>

<%

}



}

%> </body></html>

68

Section #9 Branch Manager Home Page

<%--

Document : ManagerHomePg

Created on : 21 Aug, 2014, 10:47:01 PM


--%>


<!DOCTYPE html>

<html>

<head>


<title>Welcome Manager</title>

</head>

69

<body>

<jsp:include page="HeaderPg.jsp"></jsp:include>

<br>

<div>

Welcome back!

<label><b><%=session.getAttribute("fnme")%> <%=session.getAttribute("lnme")%></b></lab

el>

</div>

<br>

<%

String islogin = (String) session.getAttribute("islogin");

if (islogin == null) {

request.setAttribute("notlogin_msg", "Sorry,Please do Login first");

%>


<%

}

%>

<%

if (request.getAttribute("Error") != null) {


}

%>

<div id="errmsg">

<%

70



}

%>



}

%>

</div>

<jsp:include page="FooterPg.jsp"></jsp:include>

</body>

</html>

71

Section #10 New Installed Trucks

<%--

Document : InstallNewTrucksPg

Created on : 2 Sep, 2014, 1:55:00 AM

Author : Mujeeb

--%>


<!DOCTYPE html>

<html>

<head>


<title>Install Trucks</title>

72

</head>

<%




%>

<jsp:forward page="AdminLoginPg.jsp"></jsp:forward>

<%

}

%>

<%



}

%>

<body bgcolor="lightblue">

<H1 align="center">Attach a new Truck/Vehicle</h1>

<form action="InstallNewTrucksProcessPg.jsp" method="Post">

<table>

<tr><td>Truck Model:</td><td><input placeholder="Truck Model" type="text" required=""

name="tmodal" autofocus></td></tr>

<tr><td>Truck Number:</td><td><input placeholder="Truck Number" type="text"

required="" name="tnumber"></td></tr>

<tr><td>Truck Insurance</td><td><input type="radio" required="" name="tinsurance"

value="yes"/>YES<input type="radio" name="tinsurance" value="no"/>NO</td></tr>

<tr><td>Insurance Company(if yes):</td><td><input type="text" placeholder="Insurance

Company Name" name="insurancecompany"></td></tr>

<tr><td>Truck Owner:</td><td><input placeholder="Truck Owner" required="" type="text"

name="towner"></td></tr>

73

<tr><td>Owner Mobile:</td><td><input placeholder="Owner Mobile" type="text"

name="mobile"></td></tr>

<tr><td>Route:</td><td><input list="routefrom" name="routefrom" placeholder =

"FROM">

<datalist id="routefrom">

<option value="Ajmer">

<option value="Ahemdabad">

<option value="Alighar">

<option value="Agra">

<option value="Amritsar">

<option value="Jaipur">

<option value="Jodhpur">

<option value="Jaisalmer">

<option value="Udaipur">

<option value="Delhi">

<option value="Mumbai">

<option value="Chennai">

<option value="Punjab">

<option value="Haryana">

<option value="Chandighar">

<option value="Bangluru">

<option value="Pune">

</datalist></td><td><input list="routeto" name="routeto" placeholder="TO">

<datalist id="routeto">





74














</datalist><br></td></tr>

<tr><td>Date Installed:</td><td><input type="date" name="dateinstalled"></td></tr>

<tr><td ><button type="submit" value="Submit">Save New Details</button> | <button

type="reset" value="Reset">Clear Fields</button></td></tr>

</table>

</form>

<br><br>

<jsp:include page="VehiclesAppliedPg.jsp"></jsp:include>

</body>

</html>

Code for new installed truck process:

<%--

Document : InstallNewTrucksProcessPg

Created on : 2 Sep, 2014, 2:16:20 AM

Author : Mujeeb--%>

75




<!DOCTYPE html>

<html>

<head>


<title>InstallNewTrucksProcessPg</title>

</head>

<body>

<%try {

String tmodl = request.getParameter("tmodal");

String tnum = request.getParameter("tnumber");

String tinsur = request.getParameter("tinsurance");

String insurcmpny = request.getParameter("insurancecompany");

String townr = request.getParameter("towner");

String mobl = request.getParameter("mobile");

String routefrm = request.getParameter("routefrom");

String routeto = request.getParameter("routeto");

String dtinstl = request.getParameter("dateinstalled");


Connection con =



PreparedStatement ps = con.prepareStatement("insert into TruckDetails (TruckModel,

Trucknumber, TruckInsurance, InsuranceCompany, TruckOwner,

OwnerMobile,FromRoute,ToRoute,DateInstalled) values(?,?,?,?,?,?,?,?,?)");

//ps.setInt(1, 2);

ps.setString(1, tmodl);

76

ps.setString(2, tnum);

ps.setString(3, tinsur);

ps.setString(4, insurcmpny);

ps.setString(5, townr);

ps.setString(6, mobl);

ps.setString(7, routefrm);

ps.setString(8, routeto);

ps.setString(9, dtinstl);

int s = ps.executeUpdate();

if (s > 0) {

%>

<jsp:forward page="AdminPg.jsp"></jsp:forward>

<%

} else {

out.print("sorry!please fill correct detail and try again");

}

} catch (SQLException e2) {


e2.printStackTrace();

} %> </body></html>

77

Section #11 Truck Status and Change Status

<%--

Document : TruckStatusPg

Created on : 2 Sep, 2014, 1:29:56 PM

Author : Mujeeb

--%>



<%@page import="java.sql.PreparedStatement"%>



<head>

<script>

78

var request;

function sendInfo(a)

{

var v=a;

var url="ChangeTruckStatusPg.jsp?val="+v;

if(window.XMLHttpRequest){

request=new XMLHttpRequest();

}

else if(window.ActiveXObject){

request=new ActiveXObject("Microsoft.XMLHTTP");

}

try

{

request.onreadystatechange=getInfo;

request.open("GET",url,true);

request.send();

}

catch(e){alert("Unable to connect to server");}

}

function getInfo(){

if(request.readyState==4){

var val=request.responseText;

document.getElementById('right').innerHTML=val;

}

}

</script>

</head>

79

<br>

<div>

Welcome back!


el>

</div>

<br>

<%

String islogin=(String)session.getAttribute("islogin");

if(islogin==null){

request.setAttribute("notlogin_msg","Sorry,Please do Login first");

%>


<%

}

%>

<%

if(request.getAttribute("Error")!=null){


}

%>

<%


Connection con =



PreparedStatement ps= con.prepareStatement("Select

TruckModel,TruckNumber,FromRoute,ToRoute,TruckStatus,TruckId FROM TruckDetails ORDER BY

TruckId desc ");

ResultSet rs= ps.executeQuery();

80

out.print("<table cellspacing='3',cellpadding='3' border='3' align='center'

style='margin-top: 2cm;'>");

out.print("<caption><h1>Trucks Status</h1></caption>");

out.print("<tr><th><center>Model<center></th><th><center>Number</center></th><th><center>F

rom</center></th><th><center>To</center></th><th><center>Status</center></th></tr>");

while(rs.next()){

out.print("<tr>");

out.print("<td>"+rs.getString(1)+"</td>");




out.print("<td><a href='#' onclick='sendInfo(this.name)'

name='"+rs.getString(6)+"'>"+rs.getString(5)+"</a></td>");

out.print("</tr>");

}


%>

<form action="SaveTruckStatusPg.jsp">

<div id='right'></div>

</form>

<br/>


Change Truck Status Process Page Code:

<%--

Document : ChangeStatus

Created on : 8 Sep, 2014, 3:54:02 PM


--%><%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>

81


<%

String n=request.getParameter("val");

if(n.length()>0){

session.setAttribute("id",n);

out.print("Enter status<input type='text' name='status'/>");

out.print("<input type='submit' value='save'/>");

%>

<%

}//end of if

%>

Code To Save The New Status In The Database:

<%--

Document : SaveTruckStatus

82

Created on : 8 Sep, 2014, 4:11:09 PM


--%>



<%

String status=request.getParameter("status");

String id=(String)session.getAttribute("id");

System.out.print(id);

if(id.length()>0){

try{


Connection con =



PreparedStatement ps=con.prepareStatement("UPDATE TruckDetails set TruckStatus='"+ status +"'

WHERE TruckId = '"+ id +"'");


out.print("<br>");

int s=ps.executeUpdate();

con.close();

}catch(Exception e){e.printStackTrace();}

}//end of if

%>

<jsp:forward page="TruckStatusPg.jsp"></jsp:forward>

83

Section #12 Trucks to Branch

<%--

Document : TrucksToMyBranchPg

Created on : 5 Sep, 2014, 8:26:30 PM

Author : Mujeeb

--%>






<br>

84

<div>

Welcome back!


el>

</div>

<br>

<%

String islogin=(String)session.getAttribute("islogin");

if(islogin==null){

request.setAttribute("notlogin_msg","Sorry,Please do Login first");

%>


<%

}

%>

<%

if(request.getAttribute("Error")!=null){


}

%>

<%

String branch =(String)session.getAttribute("branch");


85

Connection con =



PreparedStatement ps= con.prepareStatement("Select TOP 8

TruckModel,TruckNumber,TruckOwner,OwnerMobile,FromRoute from TruckDetails where

ToRoute='"+branch+"' order by TruckId desc ");

ResultSet rs= ps.executeQuery();

out.print("<table cellspacing='3',cellpadding='3' border='3' align='center'

style='margin-top: 2cm;'>");

out.print("<caption><h1>Trucks To Branch</h1></caption>");

out.print("<tr><th><center>Model<center></th><th><center>Number</center></th><th>O

wner</th><th>OwnerMobile</th><th><center>From</center></th></tr>");

while(rs.next()){

out.print("<tr>");






out.print("</tr>");

}


%>


86

Section #13 Customer to Manager Queries & Feedback






<br>

<div>

Welcome back!


el>

</div>

87

<br>

<%




%>


<%

}

%>

<%



}

%>


window.onload=function(){

var tfrow = document.getElementById('tfhover').rows.length;

var tbRow=[];

for (var i=1;i<tfrow;i++) {

tbRow[i]=document.getElementById('tfhover').rows[i];

tbRow[i].onmouseover = function(){

this.style.backgroundColor = '#ffffff';

};

tbRow[i].onmouseout = function() {

88

this.style.backgroundColor = '#d4e3e5';

};

}

};

</script>


table.tftable {font-size:12px;color:#333333;width:90%; border-width: 1px;border-color:

#729ea5;border-collapse: collapse;}

table.tftable th {font-size:12px;background-color:#acc8cc;border-width: 1px;padding: 8px;border-

style: solid;border-color: #729ea5;text-align:left;}

table.tftable tr {background-color:#d4e3e5;}

table.tftable td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color:

#729ea5;}

</style>

<%


Connection con =



PreparedStatement ps = con.prepareStatement("select name,email,phone,message,date from

Queries order by queryId desc");


out.print("<table align = 'center' id='tfhover' class='tftable' border='1'>");

out.print("<caption><h1>Manager Queries & Feedback</h1></caption>");

out.print("<tr><th width='75px'>Query Date</th><th width='100px'>Name</th><th>Contact

No</th><th>Customer Query</th><th>Email</th></tr>");

89

//out.print("<tr align='center'><td width='100px'>Query Date</td><td width='200px'>Manager

Name</td><td>Manager Branch</td><td>Manager Query</td><td>Contact

No</td><td>Email</td><td>Query Time</td></tr>");

while (rs.next()) {

out.print("<tr><td>" + rs.getString(5) + "</td><td>" + rs.getString(1) + "</td><td>" +

rs.getString(3) + "</td><td width='400px'>" + rs.getString(4) + "</td><td>" + rs.getString(2) +

"</td></tr>");

}


%>


90

Section #14 Contact Administrator

<%--

Document : ManagerContactUsPg

Created on : 25 Oct, 2014, 11:57:58 PM


--%>


<!DOCTYPE html>

<html>

<head>


<title>Manager ContactUs</title>

91

<script type="text/javascript" src="ContactUsJs/jquery.min.js"></script>

<script type="text/javascript" src="ContactUsJs/textcounter.js"></script>

<script>

$(document).ready(function () {

$("#input_message").keyup(function () {

counterLimit();

});

});

</script>


<script type="text/javascript" src="ManagerContactUsPgJs/jquery-1.6.4.min.js"></script>

<script type="text/javascript" src="ManagerContactUsPgJs/jquery.marquee.js"></script>

<script>

$(function () {

$('div.inner_area marquee').marquee('smooth_m').mouseover(function () {

$(this).trigger('stop');

}).mouseout(function () {

$(this).trigger('start');

}).mousemove(function (event) {

if ($(this).data('drag') == true) {

this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX);

}

}).mousedown(function (event) {

$(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft);

}).mouseup(function () {

92

$(this).data('drag', false);

});

});

</script>

</head>

<%




%>


<%

}

%>

<%



}

%>

<body>

<br>

<div>

Welcome back!


el>

</div>

93

<br>

<div>

<form action="ManagerContactUsProcessPg.jsp" method="post"onsubmit="return

alert('THANK YOU FOR CONTACTING US !\nWe Will Reach You Soon Via Email or Phone Call.')">

<table cellspacing='3'cellpadding='3' border='3' align='center' style='margin-top: 2cm;

width: 60%;'>

<caption><h1>Contact Administrator</h1></caption>

<tr><td colspan="2"><div class="inner_area" style="background-color: whitesmoke; font-

family:MV Boli; ">

<marquee class="smooth_m" behavior="scroll" direction="left"

onmouseout="this.start()" onmouseover="this.stop()" scrollamount="1.5" >

<b>You may leave us a message for any kind of Transportation Enquiry, Business

Matter, New Suggestions or Personal greeting...</b>

</marquee>

</div></td></tr>

<tr><td>Name</td><td><input type="text" name="managername" style="font-

size:12pt;" required="" placeholder="Your Full Name"></td></tr>

<tr><td>Branch</td><td><jsp:include

page="GetBranchNamesPg.jsp"></jsp:include></td></tr>

<tr><td>Tel./Mobile</td><td><input type="tel" name="managercontact" style="font-

size:12pt;" required="" placeholder="Your Contact Number"></td></tr>

<tr><td>Email</td><td><input type="email" name="manageremail" style="font-

size:12pt;" size="35" required="" placeholder="Your Active Email"></td></tr>

<tr><td>Your Query</td><td><textarea name="managermessage" maxlength="200"

rows="6" cols="50" style="font-size:12pt;" id="input_message" placeholder="Type Your Query

Here..." required=""></textarea><label id="lbl"> ---</label></td></tr>

<tr align="center"><td colspan="2"><input type="submit" value="Submit Query"> |

<button type="reset" value="Reset">Clear Fields</button></td></tr>

</table>

</form>

</div>

94


</body>

</html>

Contact Administrator Process Code:

<%--

Document : ManagerContactUsProcessPg

Created on : 26 Oct, 2014, 3:20:24 AM


--%>



<%

try {

String managername = request.getParameter("managername");

String managerbranch = request.getParameter("managerbranch");

String managercontact = request.getParameter("managercontact");

String manageremail = request.getParameter("manageremail");

String managermessage = request.getParameter("managermessage");

String querystatus = "PENDING";


Connection con =



PreparedStatement ps = con.prepareStatement("insert into BranchManagerQueries

(ManagerName,ManagerBranch,ContactNo,Email,ManagerQuery,QueryStatus) values(?,?,?,?,?,?)");

ps.setString(1, managername);

95

ps.setString(2, managerbranch);

ps.setString(3, managercontact);

ps.setString(4, manageremail);

ps.setString(5, managermessage);

ps.setString(6, querystatus);


if (s > 0) {%>

<jsp:forward page="HomePg.jsp"></jsp:forward>

<%

} else {


}




}

%>

96

Section #15 Administrator Login Portal

<%--

Document : Admin Login

Created on : 21 Aug, 2014, 9:55:24 PM


--%>


<!DOCTYPE html>

<html>

<head>


<title>Admin Login</title>

</head>

97

<body bgcolor="#D8BFD8">

<div id="newsletter">

<h2>Welcome Admin</h2>

<%



}

%>



}

%>

<form action="AdminLoginProcessPg.jsp" method="post" accept-charset="utf-8">

Username:<input type="text" name="username"/>

Password:<input type="password" name="userpass"/>

<input type="submit" value="Login">

</form></div></body></html>

Code to insert in web.xml file for admin username and password:

<context-param>

<param-name>Username</param-name>

<param-value>mujeeb</param-value>

</context-param>

<context-param>

<param-name>Password</param-name>

<param-value>rehman</param-value>

</context-param>

98

Section #16 Administrator Home Portal

<%--

Document : AdminHomePg

Created on : 18 Oct, 2014, 10:35:39 PM


--%>

<!DOCTYPE html>

<html>

<head><title>Admin Portal</title></head>

<body bgcolor="FFFF99">

99

<table align="center" width="95%" height="70%" style=" border: 1px solid black;"

bgcolor="#F8F8FF">

<tr>

<td bgcolor="FF9966" colspan="2"><jsp:include

page="AdminBannerPg.jsp"></jsp:include></td>

</tr>

<tr>

<td bgcolor="FF9966" width="20%" style="vertical-align: top;"><jsp:include

page="AdminLeftNavPg.jsp"></jsp:include></td>

<td><iframe name="iframe_b" width="1000" height="700"></iframe></td>

</tr>

</table>

<%




%>


<%

}

%>

<%



}

%>

<%

100

if (request.getAttribute("msg") != null) {

out.print(request.getAttribute("msg"));

}

%>

</body>

</html>

Code for Admin Home Page Banner Title:

<%--

Document : AdminBannerPg

Created on : 18 Oct, 2014, 10:49:53 PM


--%>


<!DOCTYPE html>

<html>

<head>


</head>

<body>

<h1 align="center">Welcome to National Transport Company, Admin Portal!</h1>

</body>

</html>

Code for Admin Home Page Left Navigation Pane:

<%--

Document : AdminLeftNavPg

Created on : 18 Oct, 2014, 10:37:35 PM

101


--%>

<html>

<head>

<style>

ul {

list-style-type: none;

margin: 0;

padding: 0;

}

a:link, a:visited {

display: block;

font-weight: normal;

color: #FFFFFF;

// background-color:lightblue;

width: auto;

text-align: left;

padding: 4px;

text-decoration: none;

text-transform: capitalize;

}

a:hover, a:active {

background-color: #66afe9;

}

</style>

102

</head>

<body>

<ul>

<li><a href="AdminFindManagerPg.jsp" target="iframe_b"><font style="color:

navy;"><B>Find Managers</B></font></a></li>

<li><a href="CreateManagerPg.jsp" target="iframe_b"><font style="color: navy;"><B>Create

New Manager</B></font></a></li>

<li><a href="InstallNewTrucksPg.jsp" target="iframe_b"><font style="color: navy;"><B>Install

New Truck</B></font></a></li>

<li><a href="SearchTrucksPg.jsp" target="iframe_b"><font style="color: navy;"><B>Search

Truck</B></font></a></li>



<li><a href="ManagerQueriesProcessPg.jsp" target="iframe_b"><font style="color:

navy;"><B>Check Manager Queries</B></font></a></li>

<%

if (session.getAttribute("islogin") != null) {

out.print("<li><a href='LogoutPg.jsp'>Logout</a></li>");

} else {

out.print("<li><a href='index.jsp'>Login</a></li>");

}

%>

</ul>

</body>

</html>

103

Section #17 Administrator Find Manager Page

<%--

Document : AdminFindManagerPg

Created on : 18 Oct, 2014, 11:06:07 PM


--%>


<!DOCTYPE html>

<html>

<head>


<title>Find Manager</title>

<script>

104

var request;

function sendInfo()

{

var v = document.myform.select.value;

//var v = document.myform.findName.value;

var url = "AdminFindManagerProcessPg.jsp?val=" + v;

if (window.XMLHttpRequest) {

request = new XMLHttpRequest();

}

else if (window.ActiveXObject) {

request = new ActiveXObject("Microsoft.XMLHTTP");

}

try

{

request.onreadystatechange = getInfo;

request.open("GET", url, true);

request.send();

}

catch (e) {

alert("Unable to connect to server");

}

}

function getInfo() {

if (request.readyState == 4) {

var val = request.responseText;

document.getElementById('right').innerHTML = val;

105

}

}

function viewAll(name)

{

var v = name;

var url = "AdminViewAllManagersPg.jsp?val=" + v;



}



}

try

{

request.onreadystatechange = getAllInfo;


request.send();

}

catch (e) {


}

}

function getAllInfo() {

if (request.readyState == 4) {

var val = request.responseText;

106

document.getElementById('bottom').innerHTML = val;

}

}

</script>

</head>


<%




%>


<% } %> <%



} %> <% if (request.getAttribute("msg") != null) {


}

%>

<form name="myform" onchange="sendInfo()">

<table>

<caption><h2>Search Manager</h2></caption>

<tr>

<td>

<font style="color: navy;">Branch:</font>

</td>

<td>

107

<select name="branch" id="select">

<option >--Select a Branch--</option>


















</select>

</td>

</tr>

<%--<tr><td><br></td></tr>--%>

</table>

<div id="right" align="left">

</div>

<div id='bottom'>

108

</div>

<div id="right1" align="right">

</div><br>

</form>

</body>

</html>

Code for Finding Manager By Its Branch name:

<%--

Document : AdminFindNamePg

Created on : 21 Aug, 2014, 10:21:59 PM


--%>



<%

//String n = request.getParameter("val");

//String branch = request.getParameter("branch");

//if (n.length() > 0) {

String n = request.getParameter("val");

if (n.length() > 0) {

try {


Connection con =



PreparedStatement ps = con.prepareStatement("select * from managerdetails where Branch

='"+n+"'");


out.print("<br>");

109


out.print("<table border='5' cellspacing=5 cellpadding=2 id='myTable'>");

out.print("<tr><td><a href='#' name='ID'

onmouseover='javascript:viewAllInfo(this.name)'><B>ID</B></a></td>"

+ "<td><B>Username</B></td>"

//+ "<td><B>Password</B></td>"

//+ "<td><B>Branch</B></td>"

+ "<td><B>FirstName</B></td>"

+ "<td><B>LastName</B></td>"

//+ "<td><B>DOJ</B></td>"

//+ "<td><B>DOB</B></td>"

//+ "<td><B>Salary</B></td>"

+ "<td><B>Mobile</B></td>"

+ "<td><B>Email</B></td>"

+ "</tr>");

while (rs.next()) {

out.print("<tr><td><a href='#' name='" + rs.getString(1) + "'

onmouseover='javascript:viewAll(this.name)'>" + rs.getString(1) + "</a></td>");

out.print("<td>" + rs.getString(2) + "</td>");

//out.print("<td>" + rs.getString(3) + "</td>");








110


out.print("</tr>");

}


con.close();



}

}

%>

Code Which Shows All Manager Of Same Branch:



<%@page import="org.omg.CORBA.PUBLIC_MEMBER"%>

111

<%

String username = getServletContext().getInitParameter("Username");

String password = getServletContext().getInitParameter("Password");

if (request.getParameter("username").equalsIgnoreCase(username) &&

request.getParameter("userpass").equalsIgnoreCase(password)) {

session.setAttribute("islogin", "plz sign in first");

session.setAttribute("admin", "admin");

%>

<jsp:forward page="AdminHomePg.jsp"></jsp:forward>

<%

} else {

request.setAttribute("Error", "Sorry! Username or Password Error. plz Enter Correct Detail");

session.setAttribute("Loginmsg", "plz sign in first");

%>


<%

}

%>

Code to show manager full record from database when Admin hover on its Id:



<%

String n = request.getParameter("val");

if(n.length()>0){

112

try{


Connection con =



PreparedStatement ps=con.prepareStatement("select * from managerdetails where managerid

='"+n+"'");


ResultSet rs=ps.executeQuery();

out.print("<br>");

out.print("<table border='5' cellspacing=5 cellpadding=2>");

out.print("<tr>"

+ "<td><a href='#' name='ID'

onmouseover='javascript:viewAllInfo(this.name)'><B>ID</B></a></td>"

+ "<td><B>User name</B></td>"

+ "<td><B>Password</B></td>"

+ "<td><B>Branch</B></td>"

+ "<td><B>First Name</B></td>"

+ "<td><B>Last Name</B></td>"

+ "<td><B>Date of Joining</B></td>"

+ "<td><B>Date of Birth</B></td>"

+ "<td><B>Salary</B></td>"

+ "<td><B>Mobile</B></td>"

+ "<td><B>Email Address</B></td>"

+ "<td><B>Remove Manager</B></td>"

+ "</tr>");

113

while(rs.next()){

out.print("<tr><td><a href='#' name='"+rs.getString(1)+"'

onmouseover='javascript:viewAllInfo(this.name)'>"+rs.getString(1)+"</a></td>");











out.print("<td align = center><a href='AdminRemoveManagerPg.jsp?val="+rs.getString(1)+"'

name='"+rs.getString(1)+"'>Remove</a></td>");

out.print("</tr>");

}


con.close();


}

%>

Code to delete the manager record from database when Admin click on remove link:

114




<%


if(n.length()>0){

try{


Connection con =



PreparedStatement ps=con.prepareStatement("delete from managerdetails where managerid

='"+n+"'");

115

ps.executeUpdate();

con.close();

request.setAttribute("msg","Record Has been Deleted");


}

%>


116

Section #18 Administrator Register New Manager for a Branch

<%--

Document : CreateManagerPg

Created on : 30 Aug, 2014, 1:47:56 AM


--%>


<!DOCTYPE html>

<html>

<head>


117

<title>Create Manager</title>

</head>


<div id="gbox-bg">

<div id="gbox-grd">


<%




%>


<%

}

%>

<%



}

%>

<form name="myform" action="CreateManagerProcessPg.jsp" method="post">

<table width="60%">

<caption><h1>Register New Manager for a Branch</h1></caption>

<tr><td>Branch:</td><td><input list="branch" name="branch" placeholder = "Select

City">

<datalist id="branch">


118

















</datalist></td></tr>

<tr><td><br></td></tr>

<tr><td>First Name: </td><td><input type="text" name="fstnme" required=""

placeholder="First Name" autofocus="" /></td></tr>


<tr><td>Last Name: </td><td><input type="text" name="lstnme" required=""

placeholder="Last Name"/></td></tr>


<tr><td>Username: </td><td><input type="text" name="username" required=""

placeholder="Username"/></td></tr>


<tr><td>Password: </td><td><input type="password" name="userpass" required=""

placeholder="Password"/></td></tr>

119


<tr><td>Date of Joining:</td><td><input type="date"

name="datejoining"></td></tr>


<tr><td>Date of Birth:</td><td><input type="date" name="datebirth"/></td></tr>


<tr><td>Salary:</td><td><input type="text" name="sal" required=""

placeholder="Salary"/></td></tr>


<tr><td>Mobile Number: </td><td><input type="text" name="mobnum"

required="" placeholder="Mobile No."/></td></tr>


<tr><td>Email: </td><td><input type="email" name="eml" required=""

placeholder="Email Address"/></td></tr>


<tr><td></td><td><input type="submit" value="Create Manager" style="padding:

2"></td></tr>


</table>

<div id="location" align="left"></div>

</form>

</div>

<div class="clear"></div>

</div>

</div>

</body>

</html>

Code for Creating Manager Process Page:

<%--

120

Document : CreateManagerProcessPg

Created on : 30 Aug, 2014, 2:33:34 AM


--%>




<!DOCTYPE html>

<html>

<head>


<title>Create Manager Process</title>

</head>

<body>

<%try {

String username = request.getParameter("username");

String userpass = request.getParameter("userpass");

String branch = request.getParameter("branch");

String fstnm = request.getParameter("fstnme");

String lstnm = request.getParameter("lstnme");

String dateofjoining = request.getParameter("datejoining");

String dateofbirth = request.getParameter("datebirth");

String salary = request.getParameter("sal");

String mobile = request.getParameter("mobnum");

String email = request.getParameter("eml");


121

Connection con =



PreparedStatement ps = con.prepareStatement("insert into managerdetails

values(?,?,?,?,?,?,?,?,?,?)");

//ps.setInt(1, 2);

ps.setString(1, username);

ps.setString(2, userpass);

ps.setString(3, branch);

ps.setString(4, fstnm);

ps.setString(5, lstnm);

ps.setString(6, dateofjoining);

ps.setString(7, dateofbirth);

ps.setString(8, salary);

ps.setString(9, mobile);

ps.setString(10, email);


if (s > 0) {

%>


<%

} else {


}




}

%></body></html>

122

Section #19 Administrator Attach a new Truck/Vehicle

<%--

Document : InstallNewTrucksPg

Created on : 2 Sep, 2014, 1:55:00 AM

Author : Mujeeb

--%>


<!DOCTYPE html>

<html>

<head>


123

<title>Install Trucks</title>

</head>

<%




%>


<%

}

%>

<%



}

%>


<H1 align="center">Attach a new Truck/Vehicle</h1>

<form action="InstallNewTrucksProcessPg.jsp" method="Post">

<table>

<tr><td>Truck Model:</td><td><input placeholder="Truck Model" type="text" required=""

name="tmodal" autofocus></td></tr>

<tr><td>Truck Number:</td><td><input placeholder="Truck Number" type="text"

required="" name="tnumber"></td></tr>

<tr><td>Truck Insurance</td><td><input type="radio" required="" name="tinsurance"

value="yes"/>YES<input type="radio" name="tinsurance" value="no"/>NO</td></tr>

<tr><td>Insurance Company(if yes):</td><td><input type="text" placeholder="Insurance

Company Name" name="insurancecompany"></td></tr>

124

<tr><td>Truck Owner:</td><td><input placeholder="Truck Owner" required="" type="text"

name="towner"></td></tr>

<tr><td>Owner Mobile:</td><td><input placeholder="Owner Mobile" type="text"

name="mobile"></td></tr>

<tr><td>Route:</td><td><input list="routefrom" name="routefrom" placeholder =

"FROM">

<datalist id="routefrom">


















</datalist></td><td><input list="routeto" name="routeto" placeholder="TO">

<datalist id="routeto">




125















</datalist><br></td></tr>

<tr><td>Date Installed:</td><td><input type="date" name="dateinstalled"></td></tr>

<tr><td ><button type="submit" value="Submit">Save New Details</button> | <button

type="reset" value="Reset">Clear Fields</button></td></tr>

</table>

</form>

<br><br>

<jsp:include page="VehiclesAppliedPg.jsp"></jsp:include>

</body>

</html>

Code For Oweners Applied For Trucking By Seeing This Page Data Admin Insert the Necessary

Truck Record In Company Database:

<%--

Document : VehiclesAppliedPg

126

Created on : 30 Oct, 2014, 1:17:27 AM


--%>





<%


Connection con =



PreparedStatement ps = con.prepareStatement("Select * from VehiclesApplied order by Id desc");


out.print("<table cellspacing='3',cellpadding='3' border='3' align='center' style='margin-top:

2cm;'>");

out.print("<caption><h2>Oweners Applied For Trucking</h2></caption>");

out.print("<tr>"

+ "<th>ID</th>"

+ "<th>Truck Owner</th>"

+ "<th>Address</th>"

+ "<th>City</th>"

+ "<th>State</th>"

+ "<th>Pincode</th>"

+ "<th>Mobile</th>"

+ "<th>Tel</th>"

+ "<th>Email</th>"

127

+ "<th>Present Business</th>"

+ "<th>Business City</th>"

+ "<th>Business Turnover</th>"

+ "<th>Vehicle Number</th>"

+ "<th>National Permit</th>"

+ "<th>Vehicle Capacity</th>"

+ "<th>Owner Remark</th>"

+ "<th>Date</th>"

+ "</tr>");

while (rs.next()) {

out.print("<tr>");

















128


out.print("</tr>");

}


%>

129

Section #20 Administrator Search Truck

<%--

Document : SearchTrucksPg

Created on : 6 Sep, 2014, 1:11:12 PM

Author : Mujeeb

--%>

<head>

<script>

var request;

function sendInfo()

{

var v=document.myform.findName.value;

130

var url="TruckSearchProcessPg.jsp?val="+v;



}



}

try

{

request.onreadystatechange = getInfo;


request.send();

}

catch (e) {


}

}

function getInfo(){




}

}

</script>

</head>


131


<%




%>


<%

}

%>

<%



}

%>

<%

if (request.getAttribute("msg") != null) {


}

%>

<form name="myform">

<table align="center">

<caption><h1>Search Truck</h1></caption>

<tr><td><font style="color: navy;">Find Truck:-</font></td><td><input type="text" align="right"

name="findName" onkeyup="sendInfo()"></input></td></tr>

</table>

<div id="right" align="left">

</div>

132

<div id='bottom'>

</div>

<div id="right1" align="right">

</div><br>

</form>

</div>

</body>

133

Section #21 Manager Queries & Feedback

<%--

Document : ManagerQueriesProcessPg

Created on : 26 Oct, 2014, 10:33:36 PM


--%>





<head>

134

<script>

var request;

function sendInfo(a)

{

var v=a;

var url="ChangeQueryStatusPg.jsp?val="+v;

if(window.XMLHttpRequest){

request=new XMLHttpRequest();

}

else if(window.ActiveXObject){

request=new ActiveXObject("Microsoft.XMLHTTP");

}

try

{

request.onreadystatechange=getInfo;

request.open("GET",url,true);

request.send();

}

catch(e){alert("Unable to connect to server");}

}

function getInfo(){


135



}

}

</script>

</head>


<%




%>


<%

}

%>

<%



}

%>


window.onload=function(){

var tfrow = document.getElementById('tfhover').rows.length;

var tbRow=[];

for (var i=1;i<tfrow;i++) {

136

tbRow[i]=document.getElementById('tfhover').rows[i];

tbRow[i].onmouseover = function(){

this.style.backgroundColor = '#ffffff';

};

tbRow[i].onmouseout = function() {

this.style.backgroundColor = '#d4e3e5';

};

}

};

</script>


table.tftable {font-size:12px;color:#333333;width:100%;border-width: 1px;border-color:

#729ea5;border-collapse: collapse;}

table.tftable th {font-size:12px;background-color:#acc8cc;border-width: 1px;padding: 8px;border-

style: solid;border-color: #729ea5;text-align:left;}

table.tftable tr {background-color:#d4e3e5;}

table.tftable td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color:

#729ea5;}

</style>

<%


Connection con =



PreparedStatement ps = con.prepareStatement("select

QueryDate,ManagerName,ManagerBranch,ManagerQuery,ContactNo,Email,QueryTime,QueryStatus

,QueryNo from BranchManagerQueries order by queryno desc");


out.print("<table id='tfhover' class='tftable' border='1'>");

out.print("<caption><h1>Manager Queries & Feedback</h1></caption>");

137

out.print("<tr><th width='75px'>Query Date</th><th width='100px'>Manager

Name</th><th>Manager Branch</th><th>Manager Query</th><th>Contact

No</th><th>Email</th><th>Query Time</th><th>Query Status</th></tr>");

while (rs.next()) {

out.print("<tr><td>" + rs.getString(1) + "</td><td>" + rs.getString(2) + "</td><td>" +

rs.getString(3) + "</td><td width='400px'>" + rs.getString(4) + "</td><td>" + rs.getString(5) +

"</td><td>" + rs.getString(6) + "</td><td>" + rs.getString(7) + "</td><td><a href='#'

onclick='sendInfo(this.name)' name='"+rs.getString(9)+"'>"+rs.getString(8)+"</a></td></tr>");

}


%>

<form action="SaveQueryStatusPg.jsp">

<div id='right'></div>

</form>

<br/>

Code for Changing the Status of the Mnagers Queries When Admin Clicks On Query Status Column:

138

<%--

Document : ChangeQueryStatusPg

Created on : 27 Oct, 2014, 8:17:01 PM


--%>



<%


if(n.length()>0){

session.setAttribute("id",n);

out.print("Enter query status<input type='text' name='status'/>");

out.print("<input type='submit' value='save'/>");

%>

<%

}//end of if

%

Code for Changing the Status of the Mnagers Queries:



<%

String status=request.getParameter("status");

String id=(String)session.getAttribute("id");

System.out.print(id);

if(id.length()>0){

try{


139

Connection con =



PreparedStatement ps=con.prepareStatement("UPDATE BranchManagerQueries set

QueryStatus='"+ status +"' WHERE QueryNo = '"+ id +"'");


out.print("<br>");

int s=ps.executeUpdate();

con.close();


}//end of if

%>

<jsp:forward page="ManagerQueriesProcessPg.jsp"></jsp:forward>

140

Section #22 Be Our Associate

<%--

Document : BeOurAssociatePg

Created on : 29 Oct, 2014, 8:55:16 PM


--%>


<!DOCTYPE html>

<html>

<head>


<title>Be Our Associate</title>

</head>

<body>

<h1>Be Our Associate</h1>

<ul>

<li><a href="AttachYourVehiclePg.jsp">Attach your vehicle</a></li>

<li><a href="ApplyForBranchPg.jsp">Apply For Branch</a></li>

</ul></body></html>

141

Section #23 Attach Your Vehicle

%--

Document : AttachYourVehiclePg

Created on : Oct 6, 2014, 9:45:56 AM

Author : shreyansh

--%>


<!DOCTYPE html>

<html>

<head>


<title>Attach your vehicle</title>

<link rel="stylesheet" href="BeOurAssociateCss/forvehicle.css">

<script src="validations.js"></script>

142

</head>

<body>


<form name="AttachVehicleForm" action="AttachYourVehicleProcessPg.jsp" method="post" >

<table class="style1">

<tr><td colspan="5"><hr></td></tr>

<tr>

<td width="20%" align="right" class="style5">

Please attach your </td>

<td colspan="3" width="50%" align="left" class="style5">

vehicle</td>

<td height="30%" rowspan="6" width="30%">

<img align="right" alt="" height="100%" src="" width="100%" /></td>

</tr>

<tr>

<td></td>

<td align="right" colspan="3">

* Fields are mandatory.</td>

</tr>

<tr>

<td>

Name *</td>

<td width="40%" colspan="2">

<input name="truckowner" type="text" class="style4" maxlength="64" required/></td>

<td width="10%">

143

</td>

</tr>

<tr>

<td>

Address *</td>

<td colspan="2">

<textarea name="owneraddress" cols="20" rows="2" class="style4" maxlength="256"

required></textarea></td>

<td>

</td>

</tr>

<tr>

<td>

City *</td>

<td colspan="2">

<input name="city" type="text" class="style4" maxlength="64" required/></td>

<td>

</td>

</tr>

<tr>

<td>

State</td>

<td colspan="2">

<input name="state" type="text" class="style4" maxlength="64"/></td>

<td>

</td>

<td height="30%" rowspan="6">

144


</tr>

<tr>

<td>

Pin Code *</td>

<td colspan="2">

<input name="pin" type="number" max="6" class="style4" required/></td>

<td>

</td>

</tr>

<tr>

<td>

Mobile *</td>

<td colspan="2">

<input name="ownermobile" type="number" min="10" class="style4" required/></td>

<td>

</td>

</tr>

<tr>

<td>

Phone</td>

<td colspan="2">

<input name="ownertel" type="number" maxlength="16" class="style4"/></td>

<td>

</td>

</tr>

<tr>

145

<td>

Email *</td>

<td colspan="2">

<input name="owneremail" type="email" class="style4" required/></td>

<td>

</td>

</tr>

<tr>

<td>

Present Business</td>

<td colspan="2">

<input name="ownerpresentbusiness" type="text" maxlength="28" class="style4"/></td>

<td>

</td>

</tr>

<tr>

<td>

Business City / Area / Route *</td>

<td colspan="2">

<input name="ownerbusinesscity" type="text" class="style4" maxlength="64"

required/></td>

<td>

</td>

<td height="30%" rowspan="7">


</tr>

<tr>

<td>

146

Business Turnover</td>

<td colspan="2">

<input name="ownerbusinessturnover" type="text" maxlength="16" a

class="style4"/></td>

<td>

</td>

</tr>

<tr>

<td>

Vehicle Number *</td>

<td colspan="2">

<input name="ownervehiclenumber" type="text" maxlength="10" class="style4"

required/></td>

<td>

</td>

</tr>

<tr>

<td>

Permit National</td>

<td colspan="2">

<input type="radio" name="Permit"

value="Yes"/>Yes &nb

sp;

<input type="radio" name="Permit" value="No"/>No</td>

<td>

</td>

</tr>

<tr>

<td>

147

Capacity *</td>

<td colspan="2">

<input name="ownervehiclecapacity" type="text" maxlength="8" class="style3" required/>

Tonnes</td>

<td>

</td>

</tr>

<tr>

<td>

Remark if any </td>

<td style="width: 0%" width="40%" colspan="2">

<textarea name="ownerremark" cols="20" name="S2" rows="2" maxlength="256"

class="style4"></textarea></td>

<td style="width: 20%" width="40%">

</td>

</tr>

<tr>

<td>

</td>

<td style="width: 0%" width="40%" colspan="2">

</td>

<td style="width: 20%" width="40%">

</td>

</tr>

<tr>

<td>

</td>

<td align="center" width="50%" style="width: 0%">

148

<input id="Submit1" type="submit" value="Submit" /></td>

<td align="center" width="50%" style="width: 0%">

<input id="Reset1" type="reset" value="Reset" /></td>

<td align="center" width="20%">

</td>

<td height="10%">

</td>

</tr>

</table>

</form>

</body>

</html>

Code For Attaching Vehicle Process:

<%--

Document : AttachYourVehicleProcessPg

Created on : 28 Oct, 2014, 7:05:11 PM


--%>




<!DOCTYPE html>

<html>

<head>


<title>Attach Your Vehicle</title>

</head>

149

<body>

<%try {

String truckowner = request.getParameter("truckowner");

String owneraddress = request.getParameter("owneraddress");

String city = request.getParameter("city");

String state = request.getParameter("state");

String pin = request.getParameter("pin");

String ownermobile = request.getParameter("ownermobile");

String ownertel = request.getParameter("ownertel");

String owneremail = request.getParameter("owneremail");

String ownerpresentbusiness = request.getParameter("ownerpresentbusiness");

String ownerbusinesscity = request.getParameter("ownerbusinesscity");

String ownerbusinessturnover = request.getParameter("ownerbusinessturnover");

String ownervehiclenumber = request.getParameter("ownervehiclenumber");

String Permit = request.getParameter("Permit");

String ownervehiclecapacity = request.getParameter("ownervehiclecapacity");

String ownerremark = request.getParameter("ownerremark");


Connection con =



PreparedStatement ps = con.prepareStatement("insert into VehiclesApplied (TruckOwner,

OwnerAddress, City, State, Pincode,

OwnerMobile,OwnerTel,OwnerEmail,OwnerPresentBusiness,OwnerBusinessCity,OwnerBusinessTur

nover,OwnerVehicleNumber,NationalPermit,OwnerVehicleCapacity,OwnerRemark)

values(?,?,?,?,?,?,?,?,?,?,?,?,?,?,?)");

//ps.setInt(1, 2);

ps.setString(1, truckowner);

ps.setString(2, owneraddress);

150

ps.setString(3, city);

ps.setString(4, state);

ps.setString(5, pin);

ps.setString(6, ownermobile);

ps.setString(7, ownertel);

ps.setString(8, owneremail);

ps.setString(9, ownerpresentbusiness);

ps.setString(10, ownerbusinesscity);

ps.setString(11, ownerbusinessturnover);

ps.setString(12, ownervehiclenumber);

ps.setString(13, Permit);

ps.setString(14, ownervehiclecapacity);

ps.setString(15, ownerremark);


if (s > 0) {

// out.print("Thankyou! Your Request Has Been Submitted!\nWe Will Reach You Soon Via

Mail or Phone Call.");

%>


<%

} else {


}




} %></body></html>

151

Section #24 Apply For Branch

<%--

Document : ApplyForBranch

Created on : Oct 6, 2014, 10:27:27 AM

Author : shreyansh

--%>


<!DOCTYPE html>

<html>

<head>


<title>Apply for Branch</title>

<link rel="stylesheet" href="BeOurAssociateCss\forvehicle.css">

<script src="validations.js"></script>

</head>

<body>


152

<form id="form1" action="ApplyForBranchProcessPg.jsp" method="post">

<table class="style1">

<tr>

<td align="right" class="style5">

Apply For Branch</td>

<td colspan="2" width="50%">

</td>

<td width="25%">

</td>

</tr>

<tr>

<td class="style2">

</td>

<td colspan="2">

</td>

<td>

* Fields are mandatory.</td>

</tr>

<tr>

<td>

Name *</td>

<td colspan="2">

<input id="Text1" name="appliername" type="text" class="style4" maxlength="64"

required/></td>

<td>

</td>

</tr>

<tr>

153

<td>

Address *</td>

<td colspan="2">

<textarea id="TextArea1" name="applieraddress" cols="20" rows="3" maxlength="256"

class="style4" required></textarea>

</td>

<td>

</td>

</tr>

<tr>

<td>

City *</td>

<td colspan="2">

<input id="Text2" name="appliercity" type="text" class="style4" maxlength="64"

required/></td>

<td>

</td>

</tr>

<tr>

<td>

State</td>

<td colspan="2">

<input id="Text3" name="applierstate" type="text" class="style4" maxlength="64"/></td>

<td>

</td>

</tr>

<tr>

154

<td>

Mobile *</td>

<td colspan="2">

<input id="Text5" name="appliermobile" type="text" max="10" class="style4"

required/></td>

<td>

</td>

</tr>

<tr>

<td>

Phone</td>

<td colspan="2">

<input id="Text6" name="applierphone" type="text" maxlength="16" class="style4"/></td>

<td>

</td>

</tr>

<tr>

<td>

Email *</td>

<td colspan="2">

<input id="Text7" name="applieremail" type="email" class="style4" required/></td>

<td>

</td>

</tr>

<tr>

<td>

Want to open branch in which city ? </td>

<td colspan="2">

155

<input id="Text9" name="applierintrestedcity" type="text" class="style4" maxlength="64"

required/></td>

<td>

</td>

</tr><tr><td>

A brief write up of yourself *</td>

<td colspan="2">

<textarea id="TextArea2" name="appliernote" cols="20" rows="5" maxlength="1000"

class="style4" required></textarea>

</td>

<td>

</td>

</tr>

<tr>

<td>

</td>

<td align="center">

<input id="Button1" type="submit" value="Submit" /></td>

<td align="center">

<input id="Button2" type="reset" value="Reset" /></td>

<td>

</td>

</tr>

</table>

</form></body></html>

Code For Apply Branch Process Page:

<%--

Document : ApplyForBranchProcessPg

156

Created on : 30 Oct, 2014, 12:45:08 AM


--%>




<!DOCTYPE html>

<html>

<head>


<title>Apply For Branch Process</title>

</head>

<body>

<%try {

String appliername = request.getParameter("appliername");

String applieraddress = request.getParameter("applieraddress");

String appliercity = request.getParameter("appliercity");

String applierstate = request.getParameter("applierstate");

String appliermobile = request.getParameter("appliermobile");

String applierphone = request.getParameter("applierphone");

String applieremail = request.getParameter("applieremail");

String applierintrestedcity = request.getParameter("applierintrestedcity");

String appliernote = request.getParameter("appliernote");


Connection con =



157

PreparedStatement ps = con.prepareStatement("insert into BranchApplied (ApplierName,

ApplierAddress, ApplierCity, ApplierState, ApplierMobile,

ApplierPhone,ApplierEmail,ApplierIntrestedCity,ApplierNote) values(?,?,?,?,?,?,?,?,?)");

//ps.setInt(1, 2);

ps.setString(1, appliername);

ps.setString(2, applieraddress);

ps.setString(3, appliercity);

ps.setString(4, applierstate);

ps.setString(5, appliermobile);

ps.setString(6, applierphone);

ps.setString(7, applieremail);

ps.setString(8, applierintrestedcity);

ps.setString(9, appliernote);


if (s > 0) {

%>


<%

} else {


}




}

%>

</body>

</html>

158

Section #25 Common Header Page, Manager Header Page & Footer

Common Header Page


<!DOCTYPE html>

<html>

<head>

<script type="text/javascript" src="IndexPageJs/jquery.min.js"></script>



<link href="IndexPageCss/style.css" rel="stylesheet" type="text/css" media="all" />


<script src="IndexPageJs/menu_jquery.js"></script>

</head>

<body>



<div class="header">


<div class="logo">

<a href="index.jsp"><img src="IndexPageImages/FinalLogo.png"></a>

</div>

<div class="top-nav">

<div class="top-nav-left">

<span class="menu"> </span>

159

<ul>

<li><a href="index.jsp">home</a></li>

<li><a href="AboutUsPg.jsp">KnowUs</a></li>

<li><a href="index.jsp#network">network</a></li>

<li><a href="index.jsp#services" >services</a></li>

<li><a href="index.jsp#tracking" >tracking</a></li>

<li><a href="index.jsp#testimonial" >testimonial</a></li>

<li><a href="ContactUsPg.jsp">contactUs</a></li>


</ul>

</div>



<script>

$("span.menu").click(function () {

$(".top-nav-left ul").slideToggle(500, function () {

});

});

</script>


jQuery(document).ready(function ($) {

$(".scroll").click(function (event) {



});

});

</script> 

<div class="top-nav-right">

160

<div id="loginContainer"><a href="#" id="loginButton"><span>Login</span></a>

<div id="loginBox">

<form id="loginForm" action="ManagerLoginProcessPg.jsp" method="post" accept-

charset="utf-8">

<fieldset id="body">

<fieldset>

<label for="email">Enter Username</label>

<input type="text" name="username" id="email" required=""

placeholder="Enter Username">

</fieldset>

<fieldset>

<label for="password">Enter Password</label>

<input type="password" name="userpass" id="password" required=""

placeholder="Enter Password">

</fieldset>

<fieldset>

<label for="branch">Select Branch</label>

<select name="branch">

<option >--Select Your's--</option>











161








</select>

</fieldset>

<fieldset style='color: red;'>

<%



}

%>



}

%>

</fieldset>

<input type="submit" id="login" value="Sign in">

<label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember

me</i></label>

</fieldset>

<span><a href="#">Forgot your password?</a></span>

</form>

</div>

</div>

162


</div>


</div>

</div>

</div>



</body>

</html>

Manager Header Page


<!DOCTYPE html>

<html>

<head>

<meta http-equiv="X-UA-Compatible" content="IE=edge">


<link rel="stylesheet" href="HeaderPageStyles/styles.css">

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

<script src="HeaderPageJs/script.js"></script>

</head>

<body>

<div id='cssmenu'>

<ul>

<li><a href="#"><img src="IndexPageImages/FinalLogo.png" style="height: 23px;"></a></li>

<li class='active'><a href='HomePg.jsp'>Home</a></li>

163

<li><a href="RecentlyInstalledTrucksPg.jsp">New Installed Trucks</a></li>

<li><a href="TruckStatusPg.jsp">Truck Status</a></li>

<li><a href="TrucksToMyBranchPg.jsp">Trucks to Branch</a></li>

<li><a href="ContactedPg.jsp">Queries</a></li>

<li><a href="ManagerContactUsPg.jsp">Contact Administrator</a></li>

<%

if (session.getAttribute("islogin") != null) {

out.print("<li><a href='LogoutPg.jsp'>Logout</a></li>");

} else {

out.print("<li><a href='index.jsp'>Login</a></li>");

}

%>

</ul>

</div>

</body>

</html>

Manager Footer Page


<!DOCTYPE html>

<html>

<head>


<link rel="stylesheet" type="text/css" href="mujeebfooterstyle.css" />

<title>JSP Page</title>


164

#fd{

text-align: center;

}

#fd1{

text-align: center;

}

</style>

</head>

<body>

<div id="wrapper">

<div id="footer">

<div class="box">

<%--<h2 id="hd">NATIONAL TRANSPORTATION

COMPANY</h2>--%>

<p id="fd"></p>

<p id="fd1">© 2014 Copyrights by <a href="index.jsp"

target="_blank">transportcompany.com</a> All Rights Reserved.</p>

</div>

</div>

</div>

</body></html>