Improved www.ttss.krakow.pl
view | history | commit | commitdiff
Jacek Kowalski
2016-12-06 e2b2838c65bf5a4cd85b0f534e8126450f1fbc55
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             }
e2b283 25             @keyframes blink {
JK 26                 50% { color: transparent; }
27             }
28             .status-boarding {
29                 animation: blink 1s linear infinite;
30             }
31             .status-delayed {
32                 font-weight: bold;
33             }
896879 34         </style>
JK 35     </head>
36     <body>
37         <nav class="navbar navbar-default">
38             <div class="container-fluid">
39                 <div class="navbar-header">
40                     <a class="navbar-brand" href="#">TTSS KRK</a>
41                 </div>
42                 <form class="navbar-form navbar-left">
43                     <div class="input-group">
44                         <span class="input-group-btn">
45                             <input type="text" class="form-control form-round-left" id="stop-name" placeholder="Stop name" />
46                         </span>
47                         <select class="form-control" id="stop-name-autocomplete">
48                         </select>
49                         <span class="input-group-btn">
50                             <button type="submit" class="btn btn-default">Go</button>
51                         </span>
52                     </div>
53                 </form>
54                 
55                 <button type="button" class="btn btn-default navbar-btn pull-right" id="refresh" disabled="disabled">
56                     <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
57                     Refresh
58                 </button>
59                 
60                 <p class="navbar-text pull-right" id="refresh-text">Initializing...</p>
61             </div>
62         </nav>
63         <div class="container-fluid">
64             <div id="alert" class="alert alert-danger alert-dismissible" style="display:none">
65                 <a href="#" class="close" id="alert-close" aria-label="close">&times;</a>
66                 <strong>Error occured!</strong> <span id="alert-text"></span>
67             </div>
68             
69             <div class="row">
70                 <div class="col-md-6">
71                     <h2 id="times-stop-name"></h2>
72                     
73                     <div id="times-alerts"></div>
74                     
75                     <table class="table table-striped table-condensed">
76                         <thead>
77                             <tr>
78                                 <th>Line</th>
79                                 <th>Direction</th>
80                                 <th>Time</th>
81                                 <th>Delay</th>
82                             </tr>
83                         </thead>
84                         <tbody id="times-table">
85                         </tbody>
86                     </table>
87                 </div>
88                 <div class="col-md-6">
89                     <h3>Lines</h3>
90                     
91                     <table class="table table-condensed">
92                         <thead>
93                             <tr>
94                                 <th>Line</th>
95                                 <th>Route</th>
96                                 <th>Carrier</th>
97                             </tr>
98                         </thead>
99                         <tbody id="times-lines">
100                             
101                         </tbody>
102                     </table>
103                     
104                     <!--
105                     <h3 id="route-line"></h3>
106                     
107                     <table class="table table-condensed">
108                         <thead>
109                             <tr>
110                                 <th>Stop</th>
111                             </tr>
112                         </thead>
113                         <tbody id="route-table">
114                             
115                         </tbody>
116                     </table>
117                     -->
525a8b 118                     
JK 119                     <p>&copy; 2016 Jacek Kowalski - <a href="https://github.com/jacekkow/mpk-ttss">Source</a> - <a href="https://raw.githubusercontent.com/jacekkow/mpk-ttss/master/LICENSE">License</a></p>
896879 120                 </div>
JK 121             </div>
122         </div>
123         <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha384-3ceskX3iaEnIogmQchP8opvBy3Mi7Ce34nWjpBIwVTHfGYWQS9jwHDVRnpKKHJg7"  crossorigin="anonymous"></script>
c25e91 124         <script type="text/javascript" src="index.js"></script>
896879 125     </body>
JK 126 </html>