-
Notifications
You must be signed in to change notification settings - Fork 5
/
options.html
269 lines (245 loc) · 11.1 KB
/
options.html
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
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Tatkal Ticket Booking</title>
<link rel="icon" type="image/svg" href="images/icon.svg">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="options.css">
</head>
<body>
<div class="container mt-5">
<div class="row align-items-center">
<div class="col">
<h2 class="large font-weight-bold "> <span ><img src="images/icon.svg" height="40px" alt="tatkal ticket">
</span> Tatkal Ticket Booking
<a href="how-to-use.html" target="_blank" class="custom-outline-btn">How to Use</a>
</h2>
</div>
<div id="countdown" class="mr-3 pr-3">
</div>
<div class="row align-items-center mr-3">
<h3 class="label-text">Auto Booking</h3>
<label class="switch">
<input type="checkbox" id="automationStatus">
<span class="slider round"></span>
</label>
</div>
</div>
<form id="settingsForm" class="mt-5">
<div class="row">
<div class="col-md-4">
<div class="form-section" id="loginInfo">
<h3>Login Details</h3>
<div class="form-group">
<label for="username">Username:</label>
<input type="text" class="form-control" id="username" placeholder="Enter Irctc username">
</div>
<div class="form-group">
<label for="password">Password:</label>
<input type="password" class="form-control" id="password" placeholder="Enter Irctc password">
</div>
</div>
<div class="form-section mt-5" id="sessionInfo">
<h3>Timer Details</h3>
<div class="form-group">
<label for="targetTime">Tatkal Start Timer:</label>
<input type="text" class="form-control" id="targetTime"
placeholder="Enter Tatkal Start Timer i.e. 09:59:53" value="09:59:53">
</div>
<div class="form-group">
<label for="refreshTime">Refresh Time (ms):</label>
<input type="text" class="form-control" id="refreshTime" placeholder="Enter refresh time(milli seconds)"
value="5000">
</div>
<div class="form-group">
<label for="loginMinutesBefore">Login Minutes Before:</label>
<input type="number" class="form-control" id="loginMinutesBefore" placeholder="Enter minutes before Tatkal timer to login" value="2" min="0" max="60">
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-section" id="trainInfo">
<h3>Train Details</h3>
<div class="form-group">
<label for="dateString">Date:</label>
<input type="date" class="form-control" id="dateString" value="2024-04-24">
</div>
<div class="form-group">
<label for="trainNumber">Train Number:</label>
<input type="text" class="form-control" id="trainNumber" placeholder="Enter train number i.e. 11061 ">
</div>
<div class="form-group">
<label for="from">From:</label>
<input type="text" class="form-control" id="from" placeholder="Enter origin station code i.e. LTT ">
</div>
<div class="form-group">
<label for="to">To:</label>
<input type="text" class="form-control" id="to" placeholder="Enter destination station code i.e. BSB" >
</div>
<div class="form-group">
<label for="quotaType">Quota Type:</label>
<select class="form-control" id="quotaType">
<option value="GENERAL">GENERAL</option>
<option value="TATKAL" selected>TATKAL</option>
</select>
</div>
<div class="form-group">
<label for="accommodationClass">Accommodation Class:</label>
<select class="form-control" id="accommodationClass">
<option value="SL">Sleeper (SL)</option>
<option value="3A" selected>AC 3 Tier (3A)</option>
<option value="2A">AC 2 Tier (2A)</option>
<option value="1A">AC First Class (1A)</option>
<option value="3E">AC 3 Economy (3E)</option>
<option value="EC">Exec. Chair Car (EC)</option>
<option value="CC">AC Chair car (CC)</option>
<option value="EV">Vistadome AC (EV)</option>
</select>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-section" id="paymentInfo">
<h3>Payment Details</h3>
<div class="form-group">
<label for="paymentType">Payment Type:</label>
<input type="text" class="form-control" id="paymentType" placeholder="Enter payment type" value="BHIM/UPI"
disabled>
</div>
<div class="form-group">
<label for="paymentMethod">Payment Method:</label>
<input type="text" class="form-control" id="paymentMethod" placeholder="Enter payment method"
value="BHIM/ UPI/ USSD" disabled>
</div>
<div class="form-group">
<label for="paymentProvider">Payment Provider:</label>
<input type="text" class="form-control" id="paymentProvider" placeholder="Enter payment provider"
value="PAYTM" disabled>
</div>
<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="autoPay">
<label class="form-check-label" for="autoPay">Pay & Book (Show QR Code Page)</label>
</div>
</div>
</div>
</div>
<button type="button" id="save-train" class="btn btn-custom-primary p-2 mr-2">Save Settings</button>
<!-- <a type="button" href="https://www.irctc.co.in/nget/train-search" target="_blank" id="book-train"
class="btn btn-custom-primary p-2">Book Ticket On IRCTC</a> -->
<button type="button" id="book-train" class="btn btn-custom-primary p-2">Book Ticket On IRCTC</button>
</form>
<div class="passengers-container mt-5">
<div class="form-section" id="passengerInfo">
<h3 class="row">
<span class="col-auto">Passenger Names</span>
<span class="col text-right">
<label for="masterData" class="d-inline-block small mb-0 mr-3 font-weight-bold">
<input type="checkbox" id="masterData" class="mr-2">IRCTC Master Data
</label>
</span>
</h3>
<div class="form-group">
<textarea class="form-control" id="passengerNames"
placeholder="Enter passenger names, just write first name which matches with IRCTC master data and if multiple names separate with commas i.e. Ajay, Chandan "
rows="3"></textarea>
</div>
</div>
<div class="row">
<h3 class="mx-auto text-center font-weight-bold">OR</h3>
</div>
<!-- Passenger Table -->
<div class="form-section">
<h3>Passenger List</h3>
<table id="passengerTable">
<thead>
<tr>
<th>Select</th>
<th>Name</th>
<th>Age</th>
<th>Gender</th>
<th>Preference</th>
<th>Action</th>
</tr>
</thead>
<tbody id="passengerList"></tbody>
</table>
<form id="addPassengerForm">
<table>
<tr>
<td><input type="text" id="name" name="name" placeholder="Enter Passenger name" required></td>
<td><input type="number" id="age" name="age" placeholder="Enter Passenger age" required></td>
<td>
<select id="gender" name="gender" required>
<option value="">Select Gender</option>
<option value="M">Male</option>
<option value="F">Female</option>
<option value="T">Transgender</option>
</select>
</td>
<td>
<select id="preference" name="preference">
<option value="">No Preference</option>
<option value="LB">Lower</option>
<option value="MB">Middle</option>
<option value="UB">Upper</option>
<option value="SL">Side Lower</option>
<option value="SU">Side Upper</option>
</select>
</td>
<td>
<button type="submit" class="btn btn-custom-tertiary p-2">Add Passenger</button>
</td>
</tr>
</table>
</form>
</div>
</div>
<div class="passengers-container mt-5">
<div class="row">
<div class="col-md-4">
<div class="form-section" id="contactInfo">
<h3>Contact Details</h3>
<div class="form-group">
<label for="mobileNumber">Mobile Number</label>
<input type="tel" class="form-control" id="mobileNumber" placeholder="Enter Passenger Mobile No." pattern="\d{10}" maxlength="10" required>
<div class="invalid-feedback">Please enter a valid mobile number (if empty irctc logged in user mobile number will be taken by default)</div>
</div>
</div>
</div>
<div class="col-md-8">
<div class="form-section" id="preferenceInfo">
<h3>Other Preferences</h3>
<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="autoUpgradation">
<label class="form-check-label" for="autoUpgradation">Consider for Auto Upgradation.</label>
</div>
<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="confirmberths">
<label class="form-check-label" for="confirmberths">Book only if confirm berths are allotted.</label>
</div>
<div class="form-group">
<h6 style="font-weight:600;">Travel Insurance (Incl. of GST) <small>Do you want to take Travel Insurance (₹0.45/person)?</small> </h6>
<div class="form-check">
<input class="form-check-input" type="radio" name="travelInsuranceOpted" id="travelInsuranceOptedYes" value="yes" checked>
<label class="form-check-label" for="travelInsuranceOptedYes">
Yes, and I accept the terms & conditions
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="travelInsuranceOpted" id="travelInsuranceOptedNo" value="no">
<label class="form-check-label" for="travelInsuranceOptedNo">
No, I don't want travel insurance
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="options.js"></script>
</body>
</html>