From 072dbd95b14e359b205b6036a27750cb1a4feb73 Mon Sep 17 00:00:00 2001
From: Brad <brad@brad-XPS13-9333.(none)>
Date: Thu, 5 Jun 2014 16:31:12 -0700
Subject: [PATCH] added some simple search functionality to the repo list

---
 server/template/html/user_repos.html | 18 +++++++++++++++---
 server/template/user_repos.amber     | 19 ++++++++++++++++---
 2 files changed, 31 insertions(+), 6 deletions(-)

diff --git a/server/template/html/user_repos.html b/server/template/html/user_repos.html
index 305c0fa86..60ea2d7c1 100644
--- a/server/template/html/user_repos.html
+++ b/server/template/html/user_repos.html
@@ -32,10 +32,10 @@
 				</header>
 				<section>
 					<form class="{{"pure-form"}} {{"search-form"}}">
-						<input type="{{"search"}}" placeholder="{{"Filter List"}}" class="{{"pure-u-1"}}" />
+						<input type="{{"search"}}" placeholder="{{"Filter List"}}" class="{{"pure-u-1"}}" id="{{"search"}}" />
 					</form>
-					<div class="{{"repo-list"}}">{{range $repo := .Repos}}{{$__amber_5 := __amber_add "/" .Remote}}{{$__amber_6 := __amber_add $__amber_5 "/"}}{{$__amber_7 := __amber_add $__amber_6 .Owner}}{{$__amber_8 := __amber_add $__amber_7 "/"}}{{$__amber_9 := __amber_add $__amber_8 .Name}}
-						<a class="{{"pure-g"}} {{"repo-item"}}" data-status="{{.Active}}" href="{{$__amber_9}}">
+					<div class="{{"repo-list"}}">{{range $repo := .Repos}}{{$__amber_5 := __amber_add "/" .Host}}{{$__amber_6 := __amber_add $__amber_5 "/"}}{{$__amber_7 := __amber_add $__amber_6 .Owner}}{{$__amber_8 := __amber_add $__amber_7 "/"}}{{$__amber_9 := __amber_add $__amber_8 .Name}}{{$__amber_10 := __amber_add .Owner "/"}}{{$__amber_11 := __amber_add $__amber_10 .Name}}
+						<a class="{{"pure-g"}} {{"repo-item"}} {{"searchable"}}" data-status="{{.Active}}" href="{{$__amber_9}}" data-index="{{$__amber_11}}">
 							<div class="{{"pure-u-11-12"}}">
 								<h2>
 									<span>{{.Owner}}</span>
@@ -55,5 +55,17 @@
 		<script src="{{"//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"}}"></script>
 		<script src="{{"//cdnjs.cloudflare.com/ajax/libs/jquery-timeago/1.1.0/jquery.timeago.js"}}"></script>
 		<script src="{{"/static/scripts/main.js"}}"></script>
+		<style id="{{"search_style"}}"></style>
+		<script type="{{"text/javascript"}}">
+			var searchStyle = document.getElementById('search_style');
+			document.getElementById('search').addEventListener('input', function() {
+				if (!this.value) {
+					searchStyle.innerHTML = "";
+					return;
+				}
+				// look ma, no indexOf!
+				searchStyle.innerHTML = ".searchable:not([data-index*=\"" + this.value + "\"]) { display: none; }";
+			});
+		</script>
 	</body>
 </html>
diff --git a/server/template/user_repos.amber b/server/template/user_repos.amber
index 39545c716..5471a1cd4 100644
--- a/server/template/user_repos.amber
+++ b/server/template/user_repos.amber
@@ -11,10 +11,10 @@ block content
 				i.fa.fa-rss
 		section
 			form.pure-form.search-form
-				input[type="search"][placeholder="Filter List"].pure-u-1
+				input[type="search"][placeholder="Filter List"].pure-u-1#search
 			div.repo-list
 				each $repo in Repos
-					a.pure-g.repo-item[data-status=Active][href="/"+Remote+"/"+Owner+"/"+Name]
+					a.pure-g.repo-item.searchable[data-status=Active][href="/"+Host+"/"+Owner+"/"+Name][data-index=Owner+"/"+Name]
 						div.pure-u-11-12
 							h2
 								span #{Owner}
@@ -24,4 +24,17 @@ block content
 							if Active
 								span.repo-active On
 							else
-								span.repo-inactive Off
\ No newline at end of file
+								span.repo-inactive Off
+
+block append scripts
+	style#search_style
+	script[type="text/javascript"]
+		var searchStyle = document.getElementById('search_style');
+		document.getElementById('search').addEventListener('input', function() {
+			if (!this.value) {
+				searchStyle.innerHTML = "";
+				return;
+			}
+			// look ma, no indexOf!
+			searchStyle.innerHTML = ".searchable:not([data-index*=\"" + this.value + "\"]) { display: none; }";
+		});