added search filter + minor fixes

motion-twin · Dec 23, 2015 · 9c2e005 · 9c2e005
1 parent 6e3cab5
commit 9c2e005
Show file tree

Hide file tree

Showing 6 changed files with 196 additions and 32 deletions.
diff --git a/bin/castle.js b/bin/castle.js
diff --git a/bin/index.html b/bin/index.html
@@ -331,6 +331,11 @@ <h1>About</h1>
 </table>
 </div>
 
+<div id="search">
+<input type="text" name="search"/>
+<i class="fa fa-times-circle"></i>
+</div>
+
 <script type="text/javascript" src="castle.js"></script>
 
 </body>

diff --git a/bin/style.css b/bin/style.css
@@ -277,6 +277,9 @@ div#menu ul.sheets li.active {
 	font-weight : bold;
 	padding-left : 20px;
 }
+.castle tr.filtered {
+	display : none;
+}
 .castle tr.list {
 	background-color : #CCC;
 	border-bottom : 0px;
@@ -762,3 +765,28 @@ div#menu ul.sheets li.active {
 #content .level .scroll .popup td {
 	min-width : 160px;
 }
+#search {
+	display : none;
+	width : 200px;
+	position : fixed;
+	top : 0px;
+	right : 0px;
+	background-color : #CCC;
+	border : 1px solid #333;
+	border-top : none;
+	border-right : none;
+	border-bottom-left-radius : 5px;
+	-moz-border-radius-bottomleft : 5px;
+	-webkit-border-bottom-left-radius : 5px;
+	padding : 5px;
+	color : #444;
+}
+#search input {
+	width : 180px;
+}
+#search i {
+	cursor : pointer;
+}
+#search i:hover {
+	color : #888;
+}
diff --git a/bin/style.hss b/bin/style.hss
@@ -302,6 +302,10 @@ div#menu {
 		}
 	}
 
+	tr.filtered {
+		display : none;
+	}
+
 	tr.list {
 		background-color : #CCC;
 		border-bottom : 0px;
@@ -798,3 +802,26 @@ div#menu {
 
 }
 
+#search {
+	display : none;
+	width : 200px;
+	position : fixed;
+	top : 0px;
+	right : 0px;
+	background-color : #CCC;
+	border : 1px solid #333;
+	border-top : none;
+	border-right : none;
+	border-bottom-left-radius : 5px;
+	padding : 5px;
+	input {
+		width : 180px;
+	}
+	i {
+		cursor : pointer;
+	}
+	i:hover {
+		color : #888;
+	}
+	color : #444;
+}