Professional Documents
Culture Documents
8968 Java Project
8968 Java Project
MANGEMENT SYSTEM
1. <!DOCTYPE html>
2. <html lang="en">
3. <head>
4. <meta charset="utf-8">
5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
6. <meta name="viewport" content="width=device-width, initial-scale=1">
7. <title>Bootstrap Elegant Success Modal</title>
8. <link href="https://fonts.googleapis.com/css?family=Roboto|Varela+Round"
rel="stylesheet">
9. <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
10. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-
awesome/4.7.0/css/font-awesome.min.css">
11. <link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
12. <script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
13. <script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
14. <style type="text/css">
15. body {
16. font-family: 'Varela Round', sans-serif;
17. }
18. .modal-confirm {
19. color: #434e65;
20. width: 525px;
21. }
22. .modal-confirm .modal-content {
23. padding: 20px;
24. font-size: 16px;
25. border-radius: 5px;
26. border: none;
27. }
28. .modal-confirm .modal-header {
29. background: #47c9a2;
30. border-bottom: none;
31. position: relative;
32. text-align: center;
33. margin: -20px -20px 0;
34. border-radius: 5px 5px 0 0;
35. padding: 35px;
36. }
37. .modal-confirm h4 {
38. text-align: center;
39. font-size: 36px;
40. margin: 10px 0;
41. }
42. .modal-confirm .form-control, .modal-confirm .btn {
43. min-height: 40px;
44. border-radius: 3px;
45. }
46. .modal-confirm .close {
47. position: absolute;
48. top: 15px;
49. right: 15px;
50. color: #fff;
51. text-shadow: none;
52. opacity: 0.5;
53. }
54. .modal-confirm .close:hover {
55. opacity: 0.8;
56. }
57. .modal-confirm .icon-box {
58. color: #fff;
59. width: 95px;
60. height: 95px;
61. display: inline-block;
62. border-radius: 50%;
63. z-index: 9;
64. border: 5px solid #fff;
65. padding: 15px;
66. text-align: center;
67. }
68. .modal-confirm .icon-box i {
69. font-size: 64px;
70. margin: -4px 0 0 -4px;
71. }
72. .modal-confirm.modal-dialog {
73. margin-top: 80px;
74. }
75. .modal-confirm .btn {
76. color: #fff;
77. border-radius: 4px;
78. background: #eeb711;
79. text-decoration: none;
80. transition: all 0.4s;
81. line-height: normal;
82. border-radius: 30px;
83. margin-top: 10px;
84. padding: 6px 20px;
85. border: none;
86. }
87. .modal-confirm .btn:hover, .modal-confirm .btn:focus {
88. background: #eda645;
89. outline: none;
90. }
91. .modal-confirm .btn span {
92. margin: 1px 3px 0;
93. float: left;
94. }
95. .modal-confirm .btn i {
96. margin-left: 1px;
97. font-size: 20px;
98. float: right;
99. }
100. .trigger-btn {
101. display: inline-block;
102. margin: 100px auto;
103. }
104. </style>
105. </head>
106. <body>
107. <div class="text-center">
108. <!-- Button HTML (to Trigger Modal) -->
109. <a href="#myModal" class="trigger-btn" data-toggle="modal">Click to Open
Success Modal</a>
110. </div>
111.
112. <!-- Modal HTML -->
113. <div id="myModal" class="modal fade">
114. <div class="modal-dialog modal-confirm">
115. <div class="modal-content">
116. <div class="modal-header">
117. <div class="icon-box">
118. <i class="material-icons"></i>
119. </div>
120. <button type="button" class="close" data-
dismiss="modal" aria-hidden="true">×</button>
121. </div>
122. <div class="modal-body text-center">
123. <h4>Great!</h4>
124. <p>Train has been created successfully.</p>
125. <button class="btn btn-success" data-
dismiss="modal"><span>Start Exploring</span> <i class="material-icons"></i></button>
126. </div>
127. </div>
128. </div>
129. </div>
130. </body>
131. </html>
132.
133.
134.
1. <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css"
rel="stylesheet" id="bootstrap-css">
2. <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
3. <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
4. <!------ Include the above in your HEAD tag ---------->
5.
6. <!DOCTYPE html>
7. <head>
8. <meta charset="UTF-8" />
9. <link rel="stylesheet" type="text/css" href="logincss.css" />
10. </head>
11. <body>
12. <div class="container">
13.
14. <header>
15. <h1>Welcome to <b>Search Your Train</b></h1>
16.
17. </header>
18. <section>
19. <div id="container_demo" >
20. <!-- hidden anchor to stop jump http://www.css3create.com/Astuce-
Empecher-le-scroll-avec-l-utilisation-de-target#wrap4 -->
21. <a class="hiddenanchor" id="toregister"></a>
22. <a class="hiddenanchor" id="tologin"></a>
23. <div id="wrapper">
24. <div id="login" class="animate form">
25. <form action="login" method="get" autocomplete="on">
26. <h1>Log in</h1>
27. <p>
28. <label for="username" class="uname" > Your email or
username </label>
29. <input id="username" name="uname"
required="required" type="text" placeholder="myusername or mymail@mail.com"/>
30. </p>
31. <p>
32. <label for="password" class="youpasswd"> Your
password </label>
33. <input id="password" name="psw" required="required"
type="password" placeholder="eg. X8df!90EO" />
34. </p>
35. <p class="keeplogin">
36. <input
type="checkbox" name="loginkeeping" id="loginkeeping" value="loginkeeping" />
37. <label
for="loginkeeping">Keep me logged in</label>
38. </p>
39. <p class="login button">
40. <button type="submit">Login</button>
41. </p>
42. <p class="change_link">
43. Not a
member yet ?
44. <a
href="#toregister" class="to_register">Join us</a>
45. </p>
46. </form>
47. </div>
48.
49. <div id="register" class="animate form">
50. <form action="registeruser" method="post"autocomplete="on">
51. <h1> Sign up </h1>
52. <p>
53. <label for="usernamesignup" class="uname" >Full
Name</label>
54. <input id="usernamesignup" name="fullname"
required="required" type="text" placeholder="my Full Name" />
55. </p>
56. <p>
57. <label for="emailsignup" class="youmail" > Your
email</label>
58. <input id="emailsignup" name="email"
required="required" type="email" placeholder="mysupermail@mail.com"/>
59. </p>
60. <p>
61. <label for="emailsignup" class="youmail" > Your
phone</label>
62. <input id="phonesignup" name="phno"
required="required" type="text" placeholder="phone number"/>
63. </p>
64. <p>
65. <label for="usernamesignup" class="uname" >User
Name</label>
66. <input id="usernamesignup" name="username"
required="required" type="text" placeholder="mysuperusername" />
67. </p>
68. <p>
69. <label for="passwordsignup" class="youpasswd" >Your
password </label>
70. <input id="passwordsignup" name="password"
required="required" type="password" placeholder="eg. X8df!90EO"/>
71. </p>
72. <p>
73. <label for="passwordsignup_confirm"
class="youpasswd" >Please confirm your password </label>
74. <input id="passwordsignup_confirm"
name="passwordsignup_confirm" required="required" type="password" placeholder="eg.
X8df!90EO"/>
75. </p>
76. <p class="signin button">
77. <input
type="submit" value="Sign up"/>
78. </p>
79. <p class="change_link">
80. Already
a member ?
81. <a
href="Login.html" class="to_register"> Go and log in </a>
82. </p>
83. </form>
84. </div>
85.
86. </div>
87. </div>
88. </section>
89. </div>
90. </body>
91. </html>
92.
train_registration.html: Contains a form for registration of train.
Welcome.jsp: Contains welcome page for of the app when user logs in
successfully.
449. </div>
450. <div class="modal-footer">
451. <input type="button"
class="btn btn-default" data-dismiss="modal" value="Cancel">
452. <input type="submit"
class="btn btn-success" value="Add">
453. </div>
454. </form>
455. </div>
456. </div>
457. </div>
458. <!-- Edit Modal HTML -->
459. <div id="editTrainModal" class="modal fade">
460. <div class="modal-dialog">
461. <div class="modal-content">
462. <form>
463. <div class="modal-header">
492. </div>
493. <div class="modal-footer">
494. <input type="button"
class="btn btn-default" data-dismiss="modal" value="Cancel">
495. <input type="submit"
class="btn btn-info" value="Save">
496. </div>
497. </form>
498. </div>
499. </div>
500. </div>
501. <!-- Delete Modal HTML -->
502. <div id="deleteTrainModal" class="modal fade">
503. <div class="modal-dialog">
504. <div class="modal-content">
505. <form action="deletetrainbyno" method="post">
506. <div class="modal-header">
507. <h4 class="modal-title">Delete
Train</h4>
508. <button type="button"
class="close" data-dismiss="modal" aria-hidden="true" ">×</button>
509. </div>
510. <div class="modal-body">