X-Git-Url: https://git.m6w6.name/?p=m6w6%2Freplicator;a=blobdiff_plain;f=public%2Findex.php;h=f132afb1ac77265ea3203ac59a45c48ebdd0db47;hp=7918e920a76cd5b1e9a68161a92574c2d60d9640;hb=a3b973bcb3ddb09deef13187e9774cf3e769f0af;hpb=bfae1cb655977d9990d555b297c791b276ef0453

diff --git a/public/index.php b/public/index.php
index 7918e92..f132afb 100644
--- a/public/index.php
+++ b/public/index.php
@@ -4,22 +4,42 @@
 		<meta charset="utf-8">
 		<title>Replicator</title>
 		<link rel="stylesheet" href="concise/css/concise.min.css">
-		<link href='//fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
+		<link href="//fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet" type="text/css">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<style>
 			body {
+				padding-bottom: 4em;
+				padding-top: 10em;
 			}
 			.header {
-				background: rgba(0,128,196,0.5);
+				top: 0;
+				width: 100%;
+			}
+			.footer {
+				bottom: 0;
+				width: 100%;
+				text-align: center;
+			}
+			.header, .footer {
+				position: fixed;
+				box-shadow: 0px 0px 1em .4em #89a;
+				background: #62B3E7;
 				padding: 1em 0;
 			}
 			.header h1 {
 				font-weight: bold;
 			}
-			.header h1 a {
+			.header h1 a, .footer a:hover {
 				text-decoration: none;
 			}
+			.header h1 a:hover {
+				text-decoration: underline;
+			}
 			.header h1 big {
+				/* normalize browser difference */
+				font-size: 1.8em;
+			}
+			.header h1 big, .footer, .footer a {
 				color: #fdfdfd;
 				text-shadow: grey 0 0 .1em;
 			}
@@ -39,10 +59,16 @@
 					<a href="?"><big>Replicator</big></a><br>
 					<small>Replicating PECL releases as pharext packages since 2015</small>
 				</h1>
+				<a href="https://github.com/m6w6/replicator"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/652c5b9acfaddf3a9c326fa6bde407b87f7be0f4/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6f72616e67655f6666373630302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png"></a>
 			</header>
 		</div>
 		<div class="container">
-			<?php $packages = array_map("basename", glob("phars/*")); ?>
+			<?php 
+			
+			$packages = array_map("basename", glob("phars/*", GLOB_NOSORT|GLOB_ONLYDIR)); 
+			sort($packages, SORT_NATURAL|SORT_FLAG_CASE);
+
+			?>
 			
 			<?php if ($_SERVER["QUERY_STRING"] && in_array($_SERVER["QUERY_STRING"], $packages, true)) : ?>
 
@@ -53,12 +79,15 @@
 						<th class="text-left">Package</th>
 						<th class="text-left">Date</th>
 						<th class="text-right">Size</th>
+						<th class="text-right">Pharext</th>
 					</tr>
 				</thead>
 				<tbody>
 					<?php foreach (array_reverse(glob("phars/$package/*.ext.phar*")) as $phar) : ?>
+
 					<tr>
-						<td class="text-left"><a href="<?= htmlspecialchars($phar) ?>"
+						<td class="text-left">
+							<a href="<?= htmlspecialchars($phar) ?>"
 							   ><?= htmlspecialchars(basename($phar)) ?></a>
 						</td>
 						<td class="text-left">
@@ -88,6 +117,7 @@
 							} while (false);
 							
 							?>
+
 						</td>
 						<td class="text-right">
 							<?php
@@ -99,8 +129,20 @@
 
 							?>
 						</td>
+						<td class="text-right">
+							<?php
+							$data = new Phar($phar);
+							$meta = $data->getMetadata();
+							if ($meta) {
+								printf("v%s\n", $meta["version"]);
+							} else {
+								print "v2.0.1\n";
+							}
+							?>
+						</td>
 					</tr>
 					<?php endforeach; ?>
+
 				</tbody>
 			</table>
 			<?php else:	?>
@@ -123,5 +165,15 @@
 			<?php endif; ?>
 
 		</div>
+		<div class="footer">
+			<footer>
+				&copy; 2015 m6w6, Michael Wallner &mdash; Powered by <a href="//github.com/m6w6/pharext">pharext
+					<?php
+					require_once __DIR__."/../vendor/m6w6/pharext/src/pharext/Version.php";
+					printf("v%s\n", pharext\VERSION);
+					?>
+				</a>
+			</footer>
+		</div>
 	</body>
 </html>