Mercurial > dirlist-php
annotate index.php @ 43:54c13838f8bb
Add spacing to before/after hidden data part.
And extract the generation to separate function.
| author | nanaya <me@myconan.net> |
|---|---|
| date | Sun, 24 May 2015 18:17:21 +0900 |
| parents | ddb5458658d2 |
| children | 2ec27751645e |
| rev | line source |
|---|---|
| 0 | 1 <?php |
| 42 | 2 define('DL_VERSION', '2.1.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 |
|
54c13838f8bb
Add spacing to before/after hidden data part.
nanaya <me@myconan.net>
parents:
42
diff
changeset
|
65 function hidden_data($data) { |
|
54c13838f8bb
Add spacing to before/after hidden data part.
nanaya <me@myconan.net>
parents:
42
diff
changeset
|
66 return "<i> " . $data . " </i>"; |
|
54c13838f8bb
Add spacing to before/after hidden data part.
nanaya <me@myconan.net>
parents:
42
diff
changeset
|
67 } |
| 4 | 68 // END UTILITY |
| 69 | |
| 70 function tree_link() { | |
|
23
949398173ecb
Much simpler setup with $request_filename.
edogawaconan <me@myconan.net>
parents:
22
diff
changeset
|
71 global $uri; |
| 4 | 72 |
|
23
949398173ecb
Much simpler setup with $request_filename.
edogawaconan <me@myconan.net>
parents:
22
diff
changeset
|
73 $uri_array = explode("/", trim($uri, "/")); |
| 4 | 74 |
| 75 $tree_path = "/"; | |
|
23
949398173ecb
Much simpler setup with $request_filename.
edogawaconan <me@myconan.net>
parents:
22
diff
changeset
|
76 $tree_link = link_to($tree_path, "[root]"); |
|
20
caf498a0c602
Hide [root] for aliased directory.
edogawaconan <me@myconan.net>
parents:
19
diff
changeset
|
77 $tree_link .= "/"; |
| 4 | 78 |
|
23
949398173ecb
Much simpler setup with $request_filename.
edogawaconan <me@myconan.net>
parents:
22
diff
changeset
|
79 foreach ($uri_array as $p) { |
| 4 | 80 if ($p === "") { continue; } |
| 81 $tree_path .= $p . "/"; | |
| 82 $tree_link .= link_to($tree_path, $p) . "/"; | |
| 83 } | |
| 84 | |
| 85 return $tree_link; | |
| 86 } | |
| 3 | 87 |
| 42 | 88 function up_link() { |
| 89 if ($uri !== "/") { | |
| 90 return "<tr><td colspan=3>" . link_to(dirname($uri) . "/", "[up]") . "</td></tr>"; | |
| 91 } | |
| 92 } | |
| 93 | |
| 2 | 94 function file_rows($files, $is_dir) { |
|
23
949398173ecb
Much simpler setup with $request_filename.
edogawaconan <me@myconan.net>
parents:
22
diff
changeset
|
95 global $dir, $uri; |
| 3 | 96 |
| 2 | 97 $file_rows = ""; |
| 4 | 98 $file_suffix = ""; |
| 42 | 99 $list_file_prefix = ""; |
| 4 | 100 |
| 2 | 101 if ($is_dir) { |
| 102 $file_suffix = "/"; | |
|
43
54c13838f8bb
Add spacing to before/after hidden data part.
nanaya <me@myconan.net>
parents:
42
diff
changeset
|
103 $list_file_prefix = hidden_data(0); |
| 42 | 104 } else { |
|
43
54c13838f8bb
Add spacing to before/after hidden data part.
nanaya <me@myconan.net>
parents:
42
diff
changeset
|
105 $list_file_prefix = hidden_data(1); |
| 4 | 106 } |
| 3 | 107 |
| 2 | 108 foreach($files as $file) { |
| 36 | 109 $file_stat = @stat($dir . "/". $file); |
| 3 | 110 |
| 111 $file_rows .= "<tr>"; | |
| 42 | 112 $file_rows .= "<td>". $list_file_prefix . link_to($file . $file_suffix, $file . $file_suffix)."</td>"; |
| 3 | 113 |
| 114 $file_rows .= "<td>"; | |
|
43
54c13838f8bb
Add spacing to before/after hidden data part.
nanaya <me@myconan.net>
parents:
42
diff
changeset
|
115 if ($is_dir) { $file_rows .= hidden_data(0) . "[dir]"; } |
|
54c13838f8bb
Add spacing to before/after hidden data part.
nanaya <me@myconan.net>
parents:
42
diff
changeset
|
116 else { $file_rows .= hidden_data($file_stat["size"]) . human_size($file_stat['size']); } |
| 3 | 117 $file_rows .= "</td>"; |
| 118 | |
| 119 $file_rows .= "<td>".h(strftime("%Y-%m-%d %H:%M %Z", $file_stat['mtime']))."</td>"; | |
| 120 | |
| 2 | 121 $file_rows .= "</tr>"; |
| 122 } | |
| 123 return $file_rows; | |
| 124 } | |
| 0 | 125 ?> |
| 3 | 126 <?php header('Content-Type: text/html; charset=utf-8'); ?> |
| 127 <!doctype html> | |
| 128 <head> | |
| 37 | 129 <meta charset="utf-8"> |
|
23
949398173ecb
Much simpler setup with $request_filename.
edogawaconan <me@myconan.net>
parents:
22
diff
changeset
|
130 <title>Index of <?php echo h($uri); ?></title> |
| 39 | 131 <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
|
132 <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/0.9.9/magnific-popup.css"> |
| 3 | 133 <style type="text/css"> |
|
32
986aec12eb7f
Use magnific popup instead of lightbox.
edogawaconan <me@myconan.net>
parents:
30
diff
changeset
|
134 .mfp-content figure { margin: 0; } |
| 3 | 135 * { box-sizing: border-box; } |
| 136 body { | |
| 137 font-family: Segoe UI, sans-serif; | |
| 138 font-size: 14px; | |
| 139 } | |
| 140 h1 { margin: 5px; } | |
| 141 table { | |
| 142 width: 100%; | |
| 143 } | |
| 144 th:first-child, td:first-child { | |
| 145 width: 100%; | |
| 146 white-space: pre-wrap; | |
| 147 word-wrap: break-word; | |
| 148 word-break: break-all; | |
| 149 } | |
| 150 tr { | |
| 151 position: relative; | |
| 152 } | |
| 153 th, td { | |
| 154 white-space: nowrap; | |
| 155 padding: 2px 5px; | |
| 156 } | |
| 157 | |
| 42 | 158 i { |
| 159 display: none; | |
| 160 } | |
| 161 | |
| 162 th span { | |
| 163 display: block; | |
| 164 text-decoration: underline; | |
| 165 } | |
| 166 th span.desc:after { | |
| 167 content: " ▼"; | |
| 168 } | |
| 169 th span.asc:after { | |
| 170 content: " ▲"; | |
| 171 } | |
| 172 | |
| 3 | 173 @media (min-width: 768px) { |
| 42 | 174 th { |
| 175 background: #ccc; | |
| 176 cursor: pointer; | |
| 177 } | |
| 3 | 178 tr:nth-child(even) { background: #eee; } |
| 179 tr:hover { background: #ddd; } | |
| 180 } | |
| 181 | |
| 182 @media (max-width: 767px) { | |
| 183 table { | |
| 184 border-spacing: 0 10px; | |
| 185 } | |
| 186 th { display: none; } | |
| 187 tr { | |
| 188 background: #eee; | |
| 189 } | |
| 190 td { | |
| 191 display: inline-block; | |
| 192 } | |
| 193 td:first-child { | |
| 194 background: #ddd; | |
| 195 padding: 5px; | |
| 196 } | |
| 197 table a { | |
| 198 font-size: 18px; | |
| 199 display: block; | |
| 200 } | |
| 201 } | |
| 202 </style> | |
| 203 </head> | |
| 204 <body> | |
| 4 | 205 <h1>Index of <?php echo tree_link(); ?></h1> |
| 3 | 206 |
| 42 | 207 <table id="files"> |
| 208 <thead> | |
| 209 <tr> | |
| 210 <th><span class="sort" data-sort="filename">File</span></th> | |
| 211 <th><span class="sort" data-sort="size">Size</span></th> | |
| 212 <th><span class="sort" data-sort="date">Date</span></th> | |
| 213 </tr> | |
| 214 <?php echo up_link(); ?> | |
| 215 </thead> | |
| 216 <tbody class="list"> | |
| 3 | 217 <?php echo file_rows($dirs, true); ?> |
| 218 <?php echo file_rows($files, false); ?> | |
| 219 </tbody> | |
| 220 </table> | |
| 4 | 221 |
| 222 <footer> | |
| 223 <hr> | |
| 224 <em> | |
| 22 | 225 Running <a href="https://bitbucket.org/edogawaconan/dirlist-php">dirlist-php <?php echo DL_VERSION ?></a>. |
| 4 | 226 Powered by PHP <?php echo phpversion(); ?>. |
| 227 </em> | |
| 21 | 228 </footer> |
| 14 | 229 |
|
32
986aec12eb7f
Use magnific popup instead of lightbox.
edogawaconan <me@myconan.net>
parents:
30
diff
changeset
|
230 <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
|
231 <script src="//cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/0.9.9/jquery.magnific-popup.min.js"></script> |
| 42 | 232 <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
|
233 |
|
8b222e3ffe25
Set lightbox attributes through javascript instead of php.
edogawaconan <me@myconan.net>
parents:
16
diff
changeset
|
234 <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
|
235 $("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
|
236 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
|
237 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
|
238 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
|
239 }) |
|
32
986aec12eb7f
Use magnific popup instead of lightbox.
edogawaconan <me@myconan.net>
parents:
30
diff
changeset
|
240 |
|
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
|
241 $("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
|
242 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
|
243 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
|
244 gallery: { enabled: true } |
|
17
8b222e3ffe25
Set lightbox attributes through javascript instead of php.
edogawaconan <me@myconan.net>
parents:
16
diff
changeset
|
245 }) |
| 42 | 246 |
| 247 $("tbody td:nth-child(3n + 1)").addClass("filename") | |
| 248 $("tbody td:nth-child(3n + 2)").addClass("size") | |
| 249 $("tbody td:nth-child(3n + 3)").addClass("date") | |
| 250 | |
| 251 ;(function() { | |
| 252 var | |
| 253 options = { | |
| 254 valueNames: ["filename", "size", "date"], | |
| 255 page: <?php echo count($dirs) + count($files); ?> | |
| 256 }, | |
| 257 list = new List("files", options) | |
| 258 })() | |
|
17
8b222e3ffe25
Set lightbox attributes through javascript instead of php.
edogawaconan <me@myconan.net>
parents:
16
diff
changeset
|
259 </script> |
| 3 | 260 </body> |