Add search

natanfelles · natanfelles · commit 3087ef8f497f · 2018-06-12T03:06:52.000-03:00
diff --git a/src/pages/_template.php b/src/pages/_template.php
@@ -47,6 +47,9 @@
 			margin-top: -1px;
 			border-bottom: 1px dotted;
 		}
+		p {
+			margin: 10px 0;
+		}
 		table {
 			border: 1px solid #ccc;
 			border-collapse: collapse;
@@ -68,6 +71,7 @@
 		td, th {
 			border-bottom: 1px solid #ccc;
 			text-indent: .5rem;
+			padding: 2px ;
 		}
 		th {
 			border-color: #c4c9df;
@@ -107,6 +111,21 @@
 			margin: 1.5rem 0;
 			overflow: hidden;
 		}
+		#search {
+			float: right;
+			background: #fff;
+			border: 1px solid #ccc;
+			padding: .125rem .5rem;
+			box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
+			color: #333;
+		}
+		#search:focus {
+			border-color: #369;
+		}
+		.half {
+			width: 50%;
+			float: left;
+		}
 	</style>
 </head>
 <body>
@@ -167,6 +186,30 @@
 				}
 			}, true);
 		}
+
+		var search = document.getElementById('search');
+
+		if (search) {
+			search.value = '';
+			search.focus();
+			search.onkeyup = function () {
+				var filter, table, tr, td, i;
+				filter = this.value.toUpperCase();
+				table = document.getElementsByTagName('table')[0];
+				tr = table.getElementsByTagName('tr');
+
+				for (i = 0; i < tr.length; i++) {
+					td = tr[i].getElementsByTagName('td')[0];
+					if (td) {
+						if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
+							tr[i].style.display = '';
+						} else {
+							tr[i].style.display = 'none';
+						}
+					}
+				}
+			}
+		}
 	</script>
 </body>
 </html>
diff --git a/src/pages/default.php b/src/pages/default.php
@@ -4,7 +4,10 @@
 	array_pop($rdirs);
 	$rdirs = implode('/', $rdirs);
 	?>
-<p><a href="<?= ! empty($rdirs) ? $rdirs : '/' ?>">Parent dir</a></p>
+<p class="half"><a href="<?= ! empty($rdirs) ? $rdirs : '/' ?>">Parent dir</a></p>
+<?php endif ?>
+<?php if(! empty($paths)): ?>
+<p class="half" style="float: right"><input type="text" id="search" placeholder="Search..."></p>
 <?php endif ?>
 <table>
 	<thead>
