Improved www.ttss.krakow.pl
Jacek Kowalski
2016-12-06 c25e919b9a0c86fbf07c4c34b4daeaab603d86ce
commit | author | age
896879 1 <!DOCTYPE html>
JK 2 <html lang="en">
3     <head>
4         <title>TTSS Cracow</title>
5         <meta charset="utf-8">
6         <meta http-equiv="X-UA-Compatible" content="IE=edge">
7         <meta name="viewport" content="width=device-width, initial-scale=1">
8         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
9         <style type="text/css">
10             tr.active {
11                 color: gray;
12             }
13             .form-round-left {
14                 border-top-left-radius: 4px !important;
15                 border-bottom-left-radius: 4px !important;
16                 border-right: 0;
17             }
18             .navbar-text {
19                 margin-right: 15px;
20                 margin-left: 15px;
21             }
22             .input-group-btn:first-child {
23                 width: 50%;
24             }
25         </style>
26     </head>
27     <body>
28         <nav class="navbar navbar-default">
29             <div class="container-fluid">
30                 <div class="navbar-header">
31                     <a class="navbar-brand" href="#">TTSS KRK</a>
32                 </div>
33                 <form class="navbar-form navbar-left">
34                     <div class="input-group">
35                         <span class="input-group-btn">
36                             <input type="text" class="form-control form-round-left" id="stop-name" placeholder="Stop name" />
37                         </span>
38                         <select class="form-control" id="stop-name-autocomplete">
39                         </select>
40                         <span class="input-group-btn">
41                             <button type="submit" class="btn btn-default">Go</button>
42                         </span>
43                     </div>
44                 </form>
45                 
46                 <button type="button" class="btn btn-default navbar-btn pull-right" id="refresh" disabled="disabled">
47                     <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
48                     Refresh
49                 </button>
50                 
51                 <p class="navbar-text pull-right" id="refresh-text">Initializing...</p>
52             </div>
53         </nav>
54         <div class="container-fluid">
55             <div id="alert" class="alert alert-danger alert-dismissible" style="display:none">
56                 <a href="#" class="close" id="alert-close" aria-label="close">&times;</a>
57                 <strong>Error occured!</strong> <span id="alert-text"></span>
58             </div>
59             
60             <div class="row">
61                 <div class="col-md-6">
62                     <h2 id="times-stop-name"></h2>
63                     
64                     <div id="times-alerts"></div>
65                     
66                     <table class="table table-striped table-condensed">
67                         <thead>
68                             <tr>
69                                 <th>Line</th>
70                                 <th>Direction</th>
71                                 <th>Time</th>
72                                 <th>Delay</th>
73                             </tr>
74                         </thead>
75                         <tbody id="times-table">
76                         </tbody>
77                     </table>
78                 </div>
79                 <div class="col-md-6">
80                     <h3>Lines</h3>
81                     
82                     <table class="table table-condensed">
83                         <thead>
84                             <tr>
85                                 <th>Line</th>
86                                 <th>Route</th>
87                                 <th>Carrier</th>
88                             </tr>
89                         </thead>
90                         <tbody id="times-lines">
91                             
92                         </tbody>
93                     </table>
94                     
95                     <!--
96                     <h3 id="route-line"></h3>
97                     
98                     <table class="table table-condensed">
99                         <thead>
100                             <tr>
101                                 <th>Stop</th>
102                             </tr>
103                         </thead>
104                         <tbody id="route-table">
105                             
106                         </tbody>
107                     </table>
108                     -->
109                 </div>
110             </div>
111         </div>
112         <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha384-3ceskX3iaEnIogmQchP8opvBy3Mi7Ce34nWjpBIwVTHfGYWQS9jwHDVRnpKKHJg7"  crossorigin="anonymous"></script>
c25e91 113         <script type="text/javascript" src="index.js"></script>
896879 114     </body>
JK 115 </html>