forked from baspete/Split-Flap
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathflights.php
More file actions
executable file
·136 lines (120 loc) · 5.91 KB
/
Copy pathflights.php
File metadata and controls
executable file
·136 lines (120 loc) · 5.91 KB
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
<html>
<head>
<link rel="stylesheet" href="css/base.css"/>
<!-- ============================================ -->
<!-- CUSTOM CSS FOR THIS BOARD -->
<link rel="stylesheet" href="plugins/airport/custom.css"/>
</head>
<body>
<!-- ============================================ -->
<!-- CONTAINER -->
<div id="board" class="chartContainer splitflap">
<!-- parameters -->
<input type="hidden" name="data" value="<?php echo $_GET["data"] ?>" /> <!-- the type of data you want from the service -->
<input type="hidden" name="sort" value="<?php echo $_GET["sort"] ?>" /> <!-- the data group to sort by -->
<input type="hidden" name="order" value="<?php echo $_GET["order"] ?>" /> <!-- sort order (default is ascending) -->
<h1><?php echo $_GET["data"] ?></h1>
<!-- Header: 30px/char, 15px/separator, 120px/logo -->
<div class="header" style="width:120px;margin-left:0px;">Airline</div>
<div class="header" style="width:120px;margin-left:30px;">Flight</div>
<div class="header" style="width:360px;margin-left:30px;text-align:left;">City</div>
<div class="header" style="width:90px;margin-left:30px;">Gate</div>
<div class="header" style="width:135px;margin-left:30px;">Scheduled</div>
<div class="header" style="width:270px;margin-left:30px;text-align:left;">Remarks</div>
<!-- rows will be placed here dynamically from #row_template -->
</div>
<!-- END CONTAINER -->
<!-- ============================================ -->
<!-- ============================================ -->
<!-- ROW TEMPLATE -->
<script type="text/template" id="row_template">
<div class="row">
<div class="group airline"> <!-- airline -->
<div class="image"><span></span></div>
</div>
<div class="group flight"> <!-- flight number -->
<div class="number"><span></span></div>
<div class="number"><span></span></div>
<div class="number"><span></span></div>
<div class="number"><span></span></div>
</div>
<div class="group city"> <!-- city -->
<div class="character"><span></span></div>
<div class="character"><span></span></div>
<div class="character"><span></span></div>
<div class="character"><span></span></div>
<div class="character"><span></span></div>
<div class="character"><span></span></div>
<div class="character"><span></span></div>
<div class="character"><span></span></div>
<div class="character"><span></span></div>
<div class="character"><span></span></div>
<div class="character"><span></span></div>
<div class="character"><span></span></div>
</div>
<div class="group gate"> <!-- gate -->
<div class="character"><span></span></div>
<div class="number"><span></span></div>
<div class="number"><span></span></div>
</div>
<div class="group scheduled"> <!-- scheduled -->
<div class="number"><span></span></div>
<div class="number"><span></span></div>
<div class="separator">:</div>
<div class="number"><span></span></div>
<div class="number"><span></span></div>
</div>
<div class="group remarks"> <!-- remarks -->
<div class="full"><span></span></div>
<div class="full"><span></span></div>
<div class="full"><span></span></div>
<div class="full"><span></span></div>
<div class="full"><span></span></div>
<div class="full"><span></span></div>
<div class="full"><span></span></div>
<div class="full"><span></span></div>
<div class="full"><span></span></div>
</div>
<div class="group status"> <!-- lights -->
<div class="s0"></div>
<div class="s1"></div>
</div>
</div>
</script>
<!-- END ROW TEMPLATE -->
<!-- ============================================ -->
<!-- ============================================ -->
<!-- JS LIBRARIES -->
<script type="text/javascript" src="js/jquery-1.7.1-min.js"></script>
<script type="text/javascript" src="js/underscore.js"></script>
<script type="text/javascript" src="js/backbone.js"></script>
<script type="text/javascript" src="js/split-flap.js"></script>
<!-- ============================================ -->
<!-- CUSTOM JS FOR THIS BOARD -->
<script type="text/javascript" src="plugins/airport/custom.js"></script>
<script type="text/javascript">
// CUSTOMIZATION OPTIONS
sf.options = {
// REQUIRED
"plugin": "airport", // board type
"container": $("#board"), // where to put the board
"template": $("#row_template"), // template markup
"numRows": 12, // number of rows
// OPTIONAL
"maxResults": 24, // number of items to retrieve from service
"data": $("#board").find("input[name=data]").val(),
"sort": $("#board").find("input[name=sort]").val(),
"order": $("#board").find("input[name=order]").val(),
"refreshInterval": 60000, // how often to refresh the display (ms)
"pageInterval": 30000, // delay between pages (ms)
"stagger": 1500, // delay between loading rows (ms)
"pageReloadAt": 120 // number of refreshes before clearing & reloading window
};
$(document).ready(function() {
sf.board.init(sf.options);
sf.items.init(sf.options);
sf.items.load(sf.options);
});
</script>
</body>
</html>