forked from divyamamgai/Naveta
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
181 lines (181 loc) · 15.7 KB
/
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE html>
<html>
<head>
<title>Naveta | Traveling Made Easier</title>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<meta name="theme-color" content="#37474F"/>
<link rel="stylesheet" href="style.css"/>
<script src="jquery.js" type="text/javascript"></script>
<script src="TweenMax.js" type="text/javascript"></script>
<?php
session_start();
if(isset($_SESSION['UserID'])) {
echo '<script type="text/javascript">window["UserData"]={'.
'UserID:"'.$_SESSION['UserID'].'",Name:"'.$_SESSION['Name'].
'",Phone:'.$_SESSION['Phone'].',UserType:'.$_SESSION['UserType'];
if(isset($_SESSION['BusID'])) echo ',BusID:'.$_SESSION['BusID'];
echo '};</script>';
}
?>
<script src="main.js" type="text/javascript"></script>
</head>
<body>
<div id="Header">
<a id="BackButton" href="#Back">
<svg viewBox="0 0 459 459" style="enable-background:new 0 0 459 459;">
<g>
<path d="M178.5,140.25v-102L0,216.75l178.5,178.5V290.7c127.5,0,216.75,40.8,280.5,130.05C433.5,293.25,357,165.75,178.5,140.25z"></path>
</g>
</svg>
</a>
<svg id="Logo" viewBox="0 0 46 46" style="enable-background:new 0 0 46 46;">
<g>
<path d="M23.926,7.513H11.369c-5.317,0-9.589,4.285-9.589,9.603l0,0v19.658c0,1.901,1.139,3.522,2.848,4.144v1.514
c-0.001,1.972,1.6,3.564,3.572,3.564h0.562c1.972,0,3.595-1.593,3.595-3.565v-1.234h10.577v1.235c0,1.973,1.589,3.564,3.561,3.564
h0.562c1.972,0,3.605-1.593,3.605-3.564v-1.516c1.627-0.621,2.849-2.241,2.849-4.143V17.076l0,0
C33.51,11.78,29.222,7.513,23.926,7.513z M8.721,37.176c-1.771,0-3.208-1.437-3.208-3.21c0-1.772,1.437-3.209,3.208-3.209
c1.773,0,3.21,1.438,3.21,3.209C11.931,35.738,10.494,37.176,8.721,37.176z M7.718,25.819c-1.174,0-2.114-0.989-2.114-2.164V18.36
c0-3.346,2.701-6.047,6.046-6.047h11.955c3.347,0,6.081,2.701,6.081,6.047v5.295c0,1.174-0.975,2.164-2.148,2.164H7.718z
M26.535,37.176c-1.773,0-3.21-1.437-3.21-3.21c0-1.772,1.437-3.209,3.21-3.209c1.771,0,3.209,1.438,3.209,3.209
C29.744,35.738,28.307,37.176,26.535,37.176z" transform="translate(0,-4)"></path>
</g>
</svg>
<span id="Title">Naveta</span>
<a id="LogoutButton" href="#Logout">
<svg viewBox="0 0 576 576" style="enable-background:new 0 0 576 576;">
<g>
<path d="M504.001,468.002c0,19.872-16.128,36-36,36h-360c-19.872,0-36-16.128-36-36v-360c0-19.872,16.128-36,36-36h108
l119.988-72H72.001c-39.78,0-72,32.22-72,72v432c0,39.78,32.22,72,72,72h432c39.78,0,72-32.22,72-72v-297l-72,54V468.002z
M395.425,70.562c-0.359,3.636-0.54,3.024-0.611-0.216c-17.748-0.144-241.632,17.64-250.957,292.933
c2.664,13.788,48.276-181.765,252.072-222.192c0.072,2.916,0.072,74.916,0.072,74.916l180-108l-180-108
c0.576-0.36-1.368,57.24-1.188,70.344C396.145,70.382,396.613,70.454,395.425,70.562z M144.469,349.706
c-0.54,6.264-0.576,9.899-0.576,9.899C143.929,356.114,144.397,353.126,144.469,349.706z"></path>
</g>
</svg>
</a>
</div>
<div class="Frame" id="MainFrame">
<h1>I'm</h1>
<div id="ButtonContainer">
<a class="IconButton" id="UserButton" href="#UserFrame">
<svg viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;">
<g class="Base">
<rect class="Back" x="0" y="0" width="64" height="64" rx="32" ry="32"></rect>
<g class="Icon" transform="matrix(0.07,0,0,0.07,20,11)">
<path d="M 307.935,298.397 C 306.63,216.055 295.876,192.592 213.583,177.74 c 0,0 -11.584,14.761 -38.584,14.761 -27,0 -38.586,-14.761 -38.586,-14.761 -81.395,14.69 -92.803,37.805 -94.303,117.982 -0.123,6.547 -0.18,6.891 -0.202,6.131 0.005,1.424 0.011,4.058 0.011,8.651 0,0 19.592,39.496 133.08,39.496 113.486,0 133.08,-39.496 133.08,-39.496 0,-2.951 0.002,-5.003 0.005,-6.399 -0.022,0.47 -0.066,-0.441 -0.149,-5.708 z m 0.15,5.707 c 0.038,-0.789 0.013,-5.474 0,0 l 0,0 z M 41.909,301.853 c -0.012,-2.882 -0.024,-0.812 0,0 l 0,0 z M 175,171.173 c 38.914,0 70.463,-38.318 70.463,-85.586 C 245.463,38.318 235.105,0 175,0 c -60.105,0 -70.465,38.318 -70.465,85.587 0,47.268 31.549,85.586 70.465,85.586 z"></path>
</g>
<text class="Text" x="23" y="48">User</text>
</g>
</svg>
</a>
<!--<a class="IconButton" id="DriverButton" href="#DriverFrame">-->
<!--<svg viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;">-->
<!--<g class="Base">-->
<!--<rect class="Back" x="0" y="0" width="64" height="64" rx="32" ry="32"></rect>-->
<!--<g transform="matrix(0.05,0,0,0.05,20,32)">-->
<!--<path class="Icon"-->
<!--d="m 244.848,-69.075 c -73.255,0 -132.858,59.605 -132.858,132.86 l 33.47,0 c 0,-0.048 0,-0.114 0,-0.161 l 0,-0.031 c 1.088,-6.557 6.711,-11.334 13.313,-11.334 0.115,0 0.243,0.01 0.37,0.01 l 51.707,1.341 c -0.973,3.247 -1.648,6.619 -1.648,10.176 l 71.322,0 c 0,-3.557 -0.669,-6.929 -1.66,-10.176 l 51.724,-1.341 c 0.109,0 0.219,-0.01 0.353,-0.01 6.595,0 12.243,4.777 13.324,11.334 l 0,0.031 c 0,0.047 0,0.113 0,0.161 l 33.44,0 C 377.706,-9.47 318.122,-69.075 244.848,-69.075 Z M 302.201,7.91 274.639,44.227 C 268.25,34.54 257.314,28.123 244.847,28.123 c -12.437,0 -23.385,6.411 -29.762,16.098 L 187.53,7.921 c -4.699,-6.194 -4.11,-14.923 1.392,-20.424 15.452,-15.443 35.689,-23.166 55.943,-23.166 20.249,0 40.484,7.723 55.961,23.179 5.496,5.497 6.075,14.209 1.375,20.4 z m -127.46,-333.778 -0.225,20.205 c 0.037,15.991 31.524,36.82 70.38,36.82 38.855,0 70.314,-20.829 70.331,-36.82 l -0.207,-20.195 c 10.224,-2.662 18.158,-6.617 23.239,-12.301 3.981,-4.434 6.267,-9.902 6.267,-16.783 0.002,-31.175 -44.647,-71.058 -99.629,-71.058 -55.031,0 -99.631,39.883 -99.631,71.058 0,6.881 2.273,12.34 6.236,16.783 5.083,5.683 13.027,9.638 23.239,12.291 z m 1.952,60.444 c 0.499,25.456 14.96,47.266 36.03,58.591 9.622,5.18 20.473,8.384 32.174,8.384 11.683,0 22.503,-3.198 32.114,-8.368 21.063,-11.311 35.579,-33.117 36.06,-58.582 -17.379,12.075 -41.896,19.923 -68.174,19.923 -26.278,0 -50.801,-7.848 -68.204,-19.948 z m 26.023,264.145 14.705,19.349 c 8.151,-4.914 17.598,-7.607 27.427,-7.607 9.848,0 19.313,2.692 27.464,7.615 l 14.705,-19.363 c -11.465,-10.799 -26.346,-16.721 -42.15,-16.721 -15.812,0 -30.711,5.931 -42.151,16.727 z m 207.056,-45.394 -81.359,-124.975 c -5.884,-9.054 -15.925,-13.119 -25.987,-13.119 -2.082,0 -6.392,0.05 -11.051,0.115 -0.363,-0.61 -0.742,-1.215 -1.355,-1.627 l -20.492,-13.609 c -2.364,-1.569 -5.434,-1.486 -7.701,0.182 l -16.948,12.508 -16.959,-12.508 c -2.285,-1.668 -5.337,-1.751 -7.72,-0.182 l -20.455,13.609 c -0.578,0.377 -0.945,0.907 -1.282,1.461 -4.828,0.031 -9.327,0.057 -11.222,0.057 -10.016,0 -20.011,4.119 -25.859,13.113 l -81.36,124.975 c -8.65,13.267 -5.149,31.008 7.896,39.992 l 18.06,12.449 c 10.887,-25.926 28.868,-48.094 51.45,-64.279 l 4.657,-7.162 0,3.861 c 16.364,-10.811 34.941,-18.477 54.885,-22.234 -5.926,-13.152 -10.899,-28.819 -14.546,-43.586 -4.249,-17.232 -6.741,-33.201 -6.741,-42.245 0,-3.351 0.433,-6.579 1.09,-9.727 l 14.8,48.975 c 0.766,2.565 2.984,4.417 5.641,4.73 0.268,0.03 0.529,0.046 0.784,0.046 2.365,0 4.602,-1.25 5.818,-3.34 l 11.538,-19.873 3.246,3.235 c -7.768,10.276 -10.82,39.199 -12.005,60.314 5.994,-0.734 12.066,-1.222 18.254,-1.222 6.201,0 12.292,0.497 18.304,1.23 -1.186,-21.114 -4.237,-50.037 -12.024,-60.322 l 3.246,-3.255 11.574,19.892 c 1.216,2.09 3.422,3.34 5.805,3.34 0.255,0 0.522,-0.016 0.779,-0.046 2.655,-0.314 4.874,-2.166 5.659,-4.73 l 14.791,-48.872 c 0.634,3.116 1.051,6.313 1.051,9.624 0,16.806 -8.425,57.342 -21.276,85.831 19.981,3.768 38.588,11.453 54.953,22.291 l 0,-3.899 4.735,7.256 c 22.504,16.193 40.436,38.324 51.293,64.206 l 18.139,-12.488 c 13.041,-8.984 16.525,-26.725 7.894,-39.992 z m -189.81,-102.642 -8.613,-28.53 12.388,-8.24 12.322,9.088 -16.097,27.682 z m 49.821,0 -16.079,-27.683 12.31,-9.088 12.401,8.24 -8.632,28.531 z"></path>-->
<!--</g>-->
<!--<text class="Text" x="20" y="48">Driver</text>-->
<!--</g>-->
<!--</svg>-->
<!--</a>-->
<a class="IconButton" id="ConductorButton" href="#ConductorFrame">
<svg viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;">
<g class="Base">
<rect class="Back" x="0" y="0" width="64" height="64" rx="32" ry="32"></rect>
<g transform="matrix(0.05,0,0,0.05,20,32)">
<path class="Icon"
d="m 244.848,-69.075 c -73.255,0 -132.858,59.605 -132.858,132.86 l 33.47,0 c 0,-0.048 0,-0.114 0,-0.161 l 0,-0.031 c 1.088,-6.557 6.711,-11.334 13.313,-11.334 0.115,0 0.243,0.01 0.37,0.01 l 51.707,1.341 c -0.973,3.247 -1.648,6.619 -1.648,10.176 l 71.322,0 c 0,-3.557 -0.669,-6.929 -1.66,-10.176 l 51.724,-1.341 c 0.109,0 0.219,-0.01 0.353,-0.01 6.595,0 12.243,4.777 13.324,11.334 l 0,0.031 c 0,0.047 0,0.113 0,0.161 l 33.44,0 C 377.706,-9.47 318.122,-69.075 244.848,-69.075 Z M 302.201,7.91 274.639,44.227 C 268.25,34.54 257.314,28.123 244.847,28.123 c -12.437,0 -23.385,6.411 -29.762,16.098 L 187.53,7.921 c -4.699,-6.194 -4.11,-14.923 1.392,-20.424 15.452,-15.443 35.689,-23.166 55.943,-23.166 20.249,0 40.484,7.723 55.961,23.179 5.496,5.497 6.075,14.209 1.375,20.4 z m -127.46,-333.778 -0.225,20.205 c 0.037,15.991 31.524,36.82 70.38,36.82 38.855,0 70.314,-20.829 70.331,-36.82 l -0.207,-20.195 c 10.224,-2.662 18.158,-6.617 23.239,-12.301 3.981,-4.434 6.267,-9.902 6.267,-16.783 0.002,-31.175 -44.647,-71.058 -99.629,-71.058 -55.031,0 -99.631,39.883 -99.631,71.058 0,6.881 2.273,12.34 6.236,16.783 5.083,5.683 13.027,9.638 23.239,12.291 z m 1.952,60.444 c 0.499,25.456 14.96,47.266 36.03,58.591 9.622,5.18 20.473,8.384 32.174,8.384 11.683,0 22.503,-3.198 32.114,-8.368 21.063,-11.311 35.579,-33.117 36.06,-58.582 -17.379,12.075 -41.896,19.923 -68.174,19.923 -26.278,0 -50.801,-7.848 -68.204,-19.948 z m 26.023,264.145 14.705,19.349 c 8.151,-4.914 17.598,-7.607 27.427,-7.607 9.848,0 19.313,2.692 27.464,7.615 l 14.705,-19.363 c -11.465,-10.799 -26.346,-16.721 -42.15,-16.721 -15.812,0 -30.711,5.931 -42.151,16.727 z m 207.056,-45.394 -81.359,-124.975 c -5.884,-9.054 -15.925,-13.119 -25.987,-13.119 -2.082,0 -6.392,0.05 -11.051,0.115 -0.363,-0.61 -0.742,-1.215 -1.355,-1.627 l -20.492,-13.609 c -2.364,-1.569 -5.434,-1.486 -7.701,0.182 l -16.948,12.508 -16.959,-12.508 c -2.285,-1.668 -5.337,-1.751 -7.72,-0.182 l -20.455,13.609 c -0.578,0.377 -0.945,0.907 -1.282,1.461 -4.828,0.031 -9.327,0.057 -11.222,0.057 -10.016,0 -20.011,4.119 -25.859,13.113 l -81.36,124.975 c -8.65,13.267 -5.149,31.008 7.896,39.992 l 18.06,12.449 c 10.887,-25.926 28.868,-48.094 51.45,-64.279 l 4.657,-7.162 0,3.861 c 16.364,-10.811 34.941,-18.477 54.885,-22.234 -5.926,-13.152 -10.899,-28.819 -14.546,-43.586 -4.249,-17.232 -6.741,-33.201 -6.741,-42.245 0,-3.351 0.433,-6.579 1.09,-9.727 l 14.8,48.975 c 0.766,2.565 2.984,4.417 5.641,4.73 0.268,0.03 0.529,0.046 0.784,0.046 2.365,0 4.602,-1.25 5.818,-3.34 l 11.538,-19.873 3.246,3.235 c -7.768,10.276 -10.82,39.199 -12.005,60.314 5.994,-0.734 12.066,-1.222 18.254,-1.222 6.201,0 12.292,0.497 18.304,1.23 -1.186,-21.114 -4.237,-50.037 -12.024,-60.322 l 3.246,-3.255 11.574,19.892 c 1.216,2.09 3.422,3.34 5.805,3.34 0.255,0 0.522,-0.016 0.779,-0.046 2.655,-0.314 4.874,-2.166 5.659,-4.73 l 14.791,-48.872 c 0.634,3.116 1.051,6.313 1.051,9.624 0,16.806 -8.425,57.342 -21.276,85.831 19.981,3.768 38.588,11.453 54.953,22.291 l 0,-3.899 4.735,7.256 c 22.504,16.193 40.436,38.324 51.293,64.206 l 18.139,-12.488 c 13.041,-8.984 16.525,-26.725 7.894,-39.992 z m -189.81,-102.642 -8.613,-28.53 12.388,-8.24 12.322,9.088 -16.097,27.682 z m 49.821,0 -16.079,-27.683 12.31,-9.088 12.401,8.24 -8.632,28.531 z"></path>
</g>
<text class="Text" x="11" y="48">Conductor</text>
</g>
</svg>
</a>
</div>
</div>
<div class="Frame" id="UserFrame">
<div class="SubFrame" id="LoginFrame">
<h1>Login</h1>
<label for="LoginEmailID">Email ID</label>
<input id="LoginEmailID" spellcheck="false" name="EmailID" type="text" title="Email ID"/>
<label for="LoginPassword">Password</label>
<input id="LoginPassword" name="Password" type="password" title="Password"/>
<a class="Button" id="LoginButton" href="#">Submit</a>
<hr/>
<h3>New Member?</h3>
<a class="Button" href="#RegisterFrame">Register Here</a>
</div>
<div class="SubFrame" id="RegisterFrame">
<h1>Register</h1>
<label for="RegisterName">Name</label>
<input id="RegisterName" name="Name" type="text" title="Name"/>
<label for="RegisterEmailID">Email ID</label>
<input id="RegisterEmailID" spellcheck="false" name="EmailID" type="text" title="Email ID"/>
<label for="RegisterPassword">Password</label>
<input id="RegisterPassword" name="Password" type="password" title="Password"/>
<label for="RegisterPhone">Phone</label>
<input id="RegisterPhone" name="Phone" type="tel" title="Phone"/>
<a class="Button" id="RegisterButton" href="#">Submit</a>
<hr/>
<h3>Already Registered?</h3>
<a class="Button" href="#LoginFrame">Login Here</a>
</div>
<div class="SubFrame" id="PortalFrame">
<h2 id="UserName"></h2>
<h3 id="UserEmailID"></h3>
<h4 id="UserPhone"></h4>
<label for="SearchFrom">From</label>
<input id="SearchFrom" name="From" type="text" title="From"/>
<label for="SearchTo">To</label>
<input id="SearchTo" name="To" type="text" title="To"/>
<a class="Button" id="SearchBusesButton" href="#">Search Buses</a>
</div>
<div class="SubFrame" id="SearchFrame">
<h2 id="SearchDetail"><span id="SearchDetailFrom"></span> To <span id="SearchDetailTo"></span></h2>
<div id="SearchResultContainer"></div>
</div>
</div>
<div class="Frame" id="ConductorFrame">
<div class="SubFrame" id="ConductorLoginFrame">
<h1>Login</h1>
<label for="ConductorID">Conductor ID</label>
<input id="ConductorID" spellcheck="false" name="ConductorID" type="text" title="Conductor ID"/>
<label for="ConductorPassword">Password</label>
<input id="ConductorPassword" name="Password" type="password" title="Password"/>
<label for="ConductorBusID">Bus ID</label>
<input id="ConductorBusID" spellcheck="false" name="BusID" type="text" title="Bus ID"/>
<a class="Button" id="ConductorLoginButton" href="#">Submit</a>
</div>
<div class="SubFrame" id="ConductorPortalFrame">
<h2 id="ConductorName"></h2>
<h3 id="BusID"></h3>
<label for="Quantity">Quantity</label>
<input id="Quantity" spellcheck="false" name="Quantity" type="number" title="Quantity"/>
<div id="BreakLine"></div>
<a id="RemovePerson" href="#Remove">
<svg class="AddRemoveButton" viewBox="0 0 64 64">
<g>
<rect id="Base" width="48" height="48" x="8" y="8" rx="24" ry="24" fill="#607D8B"></rect>
<g id="Plus">
<rect width="18" height="2" x="23" y="31" fill="#CFD8DC"></rect>
</g>
</g>
</svg>
</a>
<a id="AddPerson" href="#Add">
<svg class="AddRemoveButton" viewBox="0 0 64 64">
<g>
<rect id="Base" width="48" height="48" x="8" y="8" rx="24" ry="24" fill="#607D8B"></rect>
<g id="Plus">
<rect width="2" height="18" x="31" y="23" fill="#CFD8DC"></rect>
<rect width="18" height="2" x="23" y="31" fill="#CFD8DC"></rect>
</g>
</g>
</svg>
</a>
<div id="ConductorDisplay"></div>
</div>
</div>
</body>
</html>