Mercurial > dirlist-php
annotate index.php @ 52:f48a4fbb9cf9
Rewrite file rows generator.
author | nanaya <me@myconan.net> |
---|---|
date | Mon, 24 Aug 2015 21:34:58 +0900 |
parents | 29543401ef18 |
children | 8e6acb7d4e48 |
rev | line source |
---|---|
0 | 1 <?php |
47
546c6b40d250
Changed enough stuff to bump minor version.
nanaya <me@myconan.net>
parents:
46
diff
changeset
|
2 define('DL_VERSION', '2.2.0'); |
4 | 3 // Required for strftime(). Set to UTC because :internet:. |
2 | 4 date_default_timezone_set('UTC'); |
4 | 5 |
23
949398173ecb
Much simpler setup with $request_filename.
edogawaconan <me@myconan.net>
parents:
22
diff
changeset
|
6 // $uri: web-facing path |
949398173ecb
Much simpler setup with $request_filename.
edogawaconan <me@myconan.net>
parents:
22
diff
changeset
|
7 $uri = $_SERVER["REQUEST_URI"]; |
949398173ecb
Much simpler setup with $request_filename.
edogawaconan <me@myconan.net>
parents:
22
diff
changeset
|
8 $query_string_start = strpos($uri, "?"); |
4 | 9 if ($query_string_start !== false) { |
23
949398173ecb
Much simpler setup with $request_filename.
edogawaconan <me@myconan.net>
parents:
22
diff
changeset
|
10 $uri = substr($uri, 0, $query_string_start); |
4 | 11 } |
23
949398173ecb
Much simpler setup with $request_filename.
edogawaconan <me@myconan.net>
parents:
22
diff
changeset
|
12 $uri = urldecode($uri); |
4 | 13 |
23
949398173ecb
Much simpler setup with $request_filename.
edogawaconan <me@myconan.net>
parents:
22
diff
changeset
|
14 // $dir: filesystem path |
26
eee7ca924a5e
Make it work with apache (at least XAMPP).
edogawaconan <me@myconan.net>
parents:
25
diff
changeset
|
15 if (isset($_SERVER["DL_DIR"])) { $dir = $_SERVER["DL_DIR"]; } |
30
c482f0db5c28
Turns out "CONTEXT_DOCUMENT_ROOT" isn't enough.
edogawaconan <me@myconan.net>
parents:
28
diff
changeset
|
16 elseif (isset($_SERVER["CONTEXT_DOCUMENT_ROOT"])) { |
c482f0db5c28
Turns out "CONTEXT_DOCUMENT_ROOT" isn't enough.
edogawaconan <me@myconan.net>
parents:
28
diff
changeset
|
17 $dir = $_SERVER["CONTEXT_DOCUMENT_ROOT"]; |
c482f0db5c28
Turns out "CONTEXT_DOCUMENT_ROOT" isn't enough.
edogawaconan <me@myconan.net>
parents:
28
diff
changeset
|
18 $dir .= substr($uri, strlen($_SERVER["CONTEXT_PREFIX"])); |
c482f0db5c28
Turns out "CONTEXT_DOCUMENT_ROOT" isn't enough.
edogawaconan <me@myconan.net>
parents:
28
diff
changeset
|
19 } |
26
eee7ca924a5e
Make it work with apache (at least XAMPP).
edogawaconan <me@myconan.net>
parents:
25
diff
changeset
|
20 else { $dir = $_SERVER["DOCUMENT_ROOT"] . $uri; } |
4 | 21 |
23
949398173ecb
Much simpler setup with $request_filename.
edogawaconan <me@myconan.net>
parents:
22
diff
changeset
|
22 if (realpath($dir) === false) { |
4 | 23 header("HTTP/1.0 404 Not Found"); |
23
949398173ecb
Much simpler setup with $request_filename.
edogawaconan <me@myconan.net>
parents:
22
diff
changeset
|
24 } elseif (substr($uri, -1) !== "/") { |
949398173ecb
Much simpler setup with $request_filename.
edogawaconan <me@myconan.net>
parents:
22
diff
changeset
|
25 header("Location: " . $uri . "/"); |
4 | 26 } |
27 | |
28 if (http_response_code() !== 200) { exit; } | |
29 | |
34 | 30 $dir_handle = opendir($dir); |
2 | 31 $files = array(); |
32 $dirs = array(); | |
4 | 33 while (($file = readdir($dir_handle)) !== false) { |
28
ce92f4d41714
Add support for displaying hidden files.
edogawaconan <me@myconan.net>
parents:
27
diff
changeset
|
34 if ($file === "." || $file === "..") { continue; } |
ce92f4d41714
Add support for displaying hidden files.
edogawaconan <me@myconan.net>
parents:
27
diff
changeset
|
35 elseif (!(isset($_SERVER["DL_SHOWALL"]) && $_SERVER["DL_SHOWALL"] === "1") && substr($file, 0, 1) === ".") { continue; } |
23
949398173ecb
Much simpler setup with $request_filename.
edogawaconan <me@myconan.net>
parents:
22
diff
changeset
|
36 elseif (is_dir($dir . $file)) { $dirs[] = $file; } |
2 | 37 else { $files[] = $file; } |
38 } | |
39 sort($files); | |
40 sort($dirs); | |
4 | 41 |
42 // BEGIN UTILITY | |
43 function h($string) { return htmlspecialchars($string, ENT_QUOTES, "UTF-8"); } | |
2 | 44 function a($string) { return preg_replace("#(%2F)+#", "/", rawurlencode($string)); } |
17
8b222e3ffe25
Set lightbox attributes through javascript instead of php.
edogawaconan <me@myconan.net>
parents:
16
diff
changeset
|
45 function link_to($target, $title) { return('<a href="' . a($target) . '">' . h($title) . "</a>"); } |
3 | 46 |
4 | 47 function human_size($size) { |
48 $thousand_units = array("ko", "Mo", "Go", "To", "Po"); | |
3 | 49 |
50 $return_format = "%d %s"; | |
51 | |
35 | 52 if ($size === 1) { |
3 | 53 $return_unit = "octet"; |
4 | 54 } elseif ($size < 1000) { |
3 | 55 $return_unit = "octets"; |
56 } else { | |
57 $size /= 1000; | |
58 for ($i = 0; $size >= 1000 && $i < count($thousand_units); $i++) { $size /= 1000; } | |
59 $return_format = "%.2f %s"; | |
60 $return_unit = $thousand_units[$i]; | |
61 } | |
62 return sprintf($return_format, $size, $return_unit); | |
2 | 63 } |
43
54c13838f8bb
Add spacing to before/after hidden data part.
nanaya <me@myconan.net>
parents:
42
diff
changeset
|
64 |
45
7de8f524d1e4
Always group by directory no matter what type of sorting.
nanaya <me@myconan.net>
parents:
44
diff
changeset
|
65 function hidden_data($data = "", $is_dir = false) { |
7de8f524d1e4
Always group by directory no matter what type of sorting.
nanaya <me@myconan.net>
parents:
44
diff
changeset
|
66 return "<i> " . ($is_dir === true ? 0 : 1) . " " . $data . " </i>"; |
43
54c13838f8bb
Add spacing to before/after hidden data part.
nanaya <me@myconan.net>
parents:
42
diff
changeset
|
67 } |
4 | 68 // END UTILITY |
69 | |
50 | 70 function tree_link($uri) { |
23
949398173ecb
Much simpler setup with $request_filename.
edogawaconan <me@myconan.net>
parents:
22
diff
changeset
|
71 $uri_array = explode("/", trim($uri, "/")); |
4 | 72 |
73 $tree_path = "/"; | |
23
949398173ecb
Much simpler setup with $request_filename.
edogawaconan <me@myconan.net>
parents:
22
diff
changeset
|
74 $tree_link = link_to($tree_path, "[root]"); |
20
caf498a0c602
Hide [root] for aliased directory.
edogawaconan <me@myconan.net>
parents:
19
diff
changeset
|
75 $tree_link .= "/"; |
4 | 76 |
23
949398173ecb
Much simpler setup with $request_filename.
edogawaconan <me@myconan.net>
parents:
22
diff
changeset
|
77 foreach ($uri_array as $p) { |
4 | 78 if ($p === "") { continue; } |
79 $tree_path .= $p . "/"; | |
80 $tree_link .= link_to($tree_path, $p) . "/"; | |
81 } | |
82 | |
83 return $tree_link; | |
84 } | |
3 | 85 |
50 | 86 function up_link($uri) { |
42 | 87 if ($uri !== "/") { |
88 return "<tr><td colspan=3>" . link_to(dirname($uri) . "/", "[up]") . "</td></tr>"; | |
89 } | |
90 } | |
91 | |
50 | 92 function file_rows($dir, $files, $is_dir) { |
4 | 93 $file_suffix = ""; |
52 | 94 if ($is_dir) { $file_suffix = "/"; } |
4 | 95 |
52 | 96 $file_rows = ""; |
2 | 97 foreach($files as $file) { |
51 | 98 $file_path = $dir."/".$file; |
99 | |
100 if (!file_exists($file_path)) { continue; } | |
101 $file_stat = stat($file_path); | |
3 | 102 |
52 | 103 $file_rows .= |
104 "<tr>". | |
105 "<td>". | |
106 hidden_data("", $is_dir). | |
107 link_to($file.$file_suffix, $file.$file_suffix). | |
108 "</td>". | |
109 "<td>". | |
110 hidden_data($file_stat["size"], $is_dir). | |
111 ($is_dir ? "[dir]" : human_size($file_stat["size"])). | |
112 "</td>". | |
113 "<td>". | |
114 hidden_data("", $is_dir).$columns["date"]. | |
115 h(strftime("%Y-%m-%d %H:%M %Z", $file_stat["mtime"])). | |
116 "</td>". | |
117 "</tr>"; | |
2 | 118 } |
119 return $file_rows; | |
120 } | |
0 | 121 ?> |
3 | 122 <?php header('Content-Type: text/html; charset=utf-8'); ?> |
123 <!doctype html> | |
124 <head> | |
37 | 125 <meta charset="utf-8"> |
23
949398173ecb
Much simpler setup with $request_filename.
edogawaconan <me@myconan.net>
parents:
22
diff
changeset
|
126 <title>Index of <?php echo h($uri); ?></title> |
39 | 127 <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
32
986aec12eb7f
Use magnific popup instead of lightbox.
edogawaconan <me@myconan.net>
parents:
30
diff
changeset
|
128 <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/0.9.9/magnific-popup.css"> |
3 | 129 <style type="text/css"> |
32
986aec12eb7f
Use magnific popup instead of lightbox.
edogawaconan <me@myconan.net>
parents:
30
diff
changeset
|
130 .mfp-content figure { margin: 0; } |
3 | 131 * { box-sizing: border-box; } |
132 body { | |
133 font-family: Segoe UI, sans-serif; | |
134 font-size: 14px; | |
135 } | |
136 h1 { margin: 5px; } | |
137 table { | |
138 width: 100%; | |
139 } | |
140 th:first-child, td:first-child { | |
141 width: 100%; | |
142 white-space: pre-wrap; | |
143 word-wrap: break-word; | |
144 word-break: break-all; | |
145 } | |
146 tr { | |
147 position: relative; | |
148 } | |
149 th, td { | |
150 white-space: nowrap; | |
151 padding: 2px 5px; | |
152 } | |
153 | |
42 | 154 i { |
155 display: none; | |
156 } | |
157 | |
46 | 158 input { |
159 width: 100%; | |
160 margin: 10px 0px; | |
161 } | |
162 | |
42 | 163 th span { |
164 display: block; | |
165 text-decoration: underline; | |
166 } | |
167 th span.desc:after { | |
168 content: " â–¼"; | |
169 } | |
170 th span.asc:after { | |
171 content: " â–²"; | |
172 } | |
173 | |
3 | 174 @media (min-width: 768px) { |
42 | 175 th { |
176 background: #ccc; | |
177 cursor: pointer; | |
178 } | |
3 | 179 tr:nth-child(even) { background: #eee; } |
180 tr:hover { background: #ddd; } | |
181 } | |
182 | |
183 @media (max-width: 767px) { | |
184 table { | |
185 border-spacing: 0 10px; | |
186 } | |
187 th { display: none; } | |
188 tr { | |
189 background: #eee; | |
190 } | |
191 td { | |
192 display: inline-block; | |
193 } | |
194 td:first-child { | |
195 background: #ddd; | |
196 padding: 5px; | |
197 } | |
198 table a { | |
199 font-size: 18px; | |
200 display: block; | |
201 } | |
48 | 202 input { font-size: 18px; } |
3 | 203 } |
204 </style> | |
205 </head> | |
46 | 206 <body id="files"> |
50 | 207 <h1>Index of <?php echo tree_link($uri); ?></h1> |
3 | 208 |
46 | 209 <input placeholder="search (non-recursive)" class="search" /> |
210 | |
211 <table> | |
42 | 212 <thead> |
213 <tr> | |
214 <th><span class="sort" data-sort="filename">File</span></th> | |
215 <th><span class="sort" data-sort="size">Size</span></th> | |
216 <th><span class="sort" data-sort="date">Date</span></th> | |
217 </tr> | |
50 | 218 <?php echo up_link($uri); ?> |
42 | 219 </thead> |
220 <tbody class="list"> | |
50 | 221 <?php echo file_rows($dir, $dirs, true); ?> |
222 <?php echo file_rows($dir, $files, false); ?> | |
3 | 223 </tbody> |
224 </table> | |
4 | 225 |
226 <footer> | |
227 <hr> | |
228 <em> | |
22 | 229 Running <a href="https://bitbucket.org/edogawaconan/dirlist-php">dirlist-php <?php echo DL_VERSION ?></a>. |
4 | 230 Powered by PHP <?php echo phpversion(); ?>. |
231 </em> | |
21 | 232 </footer> |
14 | 233 |
32
986aec12eb7f
Use magnific popup instead of lightbox.
edogawaconan <me@myconan.net>
parents:
30
diff
changeset
|
234 <script src="//cdnjs.cloudflare.com/ajax/libs/zepto/1.1.4/zepto.min.js"></script> |
986aec12eb7f
Use magnific popup instead of lightbox.
edogawaconan <me@myconan.net>
parents:
30
diff
changeset
|
235 <script src="//cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/0.9.9/jquery.magnific-popup.min.js"></script> |
42 | 236 <script src="//cdnjs.cloudflare.com/ajax/libs/list.js/1.1.1/list.min.js"></script> |
17
8b222e3ffe25
Set lightbox attributes through javascript instead of php.
edogawaconan <me@myconan.net>
parents:
16
diff
changeset
|
237 |
8b222e3ffe25
Set lightbox attributes through javascript instead of php.
edogawaconan <me@myconan.net>
parents:
16
diff
changeset
|
238 <script> |
41
e122e4e55e75
No need to wait for document ready since it's already at the bottom of the page.
nanaya <me@myconan.net>
parents:
40
diff
changeset
|
239 $("table td a").each(function() { |
e122e4e55e75
No need to wait for document ready since it's already at the bottom of the page.
nanaya <me@myconan.net>
parents:
40
diff
changeset
|
240 if (!this.href.match(/\.(jpe?g|png|gif|webp)$/i)) return |
e122e4e55e75
No need to wait for document ready since it's already at the bottom of the page.
nanaya <me@myconan.net>
parents:
40
diff
changeset
|
241 this.className = "image" |
e122e4e55e75
No need to wait for document ready since it's already at the bottom of the page.
nanaya <me@myconan.net>
parents:
40
diff
changeset
|
242 this.setAttribute("title", this.innerHTML) |
e122e4e55e75
No need to wait for document ready since it's already at the bottom of the page.
nanaya <me@myconan.net>
parents:
40
diff
changeset
|
243 }) |
32
986aec12eb7f
Use magnific popup instead of lightbox.
edogawaconan <me@myconan.net>
parents:
30
diff
changeset
|
244 |
41
e122e4e55e75
No need to wait for document ready since it's already at the bottom of the page.
nanaya <me@myconan.net>
parents:
40
diff
changeset
|
245 $("table > tbody").magnificPopup({ |
e122e4e55e75
No need to wait for document ready since it's already at the bottom of the page.
nanaya <me@myconan.net>
parents:
40
diff
changeset
|
246 delegate: "a.image", |
e122e4e55e75
No need to wait for document ready since it's already at the bottom of the page.
nanaya <me@myconan.net>
parents:
40
diff
changeset
|
247 type: "image", |
e122e4e55e75
No need to wait for document ready since it's already at the bottom of the page.
nanaya <me@myconan.net>
parents:
40
diff
changeset
|
248 gallery: { enabled: true } |
17
8b222e3ffe25
Set lightbox attributes through javascript instead of php.
edogawaconan <me@myconan.net>
parents:
16
diff
changeset
|
249 }) |
42 | 250 |
251 $("tbody td:nth-child(3n + 1)").addClass("filename") | |
252 $("tbody td:nth-child(3n + 2)").addClass("size") | |
253 $("tbody td:nth-child(3n + 3)").addClass("date") | |
254 | |
255 ;(function() { | |
256 var | |
257 options = { | |
258 valueNames: ["filename", "size", "date"], | |
259 page: <?php echo count($dirs) + count($files); ?> | |
260 }, | |
261 list = new List("files", options) | |
262 })() | |
17
8b222e3ffe25
Set lightbox attributes through javascript instead of php.
edogawaconan <me@myconan.net>
parents:
16
diff
changeset
|
263 </script> |
3 | 264 </body> |