html: add search form to project pages, +supporting css

3 files changed, 74 insertions, 0 deletions

diff --git a/html/projectpage.html b/html/projectpage.html
index f41cb61..faff12a 100644
--- a/html/projectpage.html
+++ b/html/projectpage.html
@@ -67,6 +67,27 @@
 			</div>
 
 			<div id="right">
+				<form id="bugsearch">
+					<div id="searchbar">
+						<input type="text" name="subject" value="{filter_subject}" placeholder="<filter by subject>">
+						<input type="submit" value="Find!">
+					</div>
+					<div class="split5050">
+						Type:<br>
+						<input type="checkbox" name="bug" {filter_bug} id="bug"><label for="bug">bugs</label>
+						<input type="checkbox" name="patch" {filter_patch} id="patch"><label for="patch">patches</label>
+						<input type="checkbox" name="discus" {filter_discus} id="discus"><label for="discus">discussions</label>
+					</div>
+					<div class="split5050">
+						Status:<br>
+						<input type="checkbox" name="open" {filter_open} id="open"><label for="open">open</label>
+						<input type="checkbox" name="closed" {filter_closed} id="closed"><label for="closed">closed</label>
+						<input type="checkbox" name="reject" {filter_reject} id="reject"><label for="reject">rejected</label>
+						<br>
+						<input type="checkbox" name="upstrm" {filter_upstrm} id="upstrm"><label for="upstrm">upstream</label>
+						<input type="checkbox" name="unconf" {filter_unconf} id="unconf"><label for="unconf">unconfirmed</label>
+					</div>
+				</form>
 				<table>
 					<tr> <th>#</th> <th>Subject</th> <th>Status</th> <th>Type</th></tr>
 					{maillist}
diff --git a/html/style.css b/html/style.css
index 3488621..8e366ab 100644
--- a/html/style.css
+++ b/html/style.css
@@ -156,6 +156,22 @@ h1, h2 {
 			}
 		}
 	}
+
+	form {
+		#searchbar {
+			display: flex;
+			width: 100%;
+
+			input[type="text"] {
+				flex-grow: 1;
+				margin-right: 5px;
+			}
+		}
+		.split5050 {
+			float: left;
+			margin-right: 15px;
+		}
+	}
 }
 
 .center-text {
diff --git a/src/acit/html.py b/src/acit/html.py
index 8224c46..30da258 100644
--- a/src/acit/html.py
+++ b/src/acit/html.py
@@ -125,6 +125,27 @@ projectpage="""
 			</div>
 
 			<div id="right">
+				<form id="bugsearch">
+					<div id="searchbar">
+						<input type="text" name="subject" value="{filter_subject}" placeholder="<filter by subject>">
+						<input type="submit" value="Find!">
+					</div>
+					<div class="split5050">
+						Type:<br>
+						<input type="checkbox" name="bug" {filter_bug} id="bug"><label for="bug">bugs</label>
+						<input type="checkbox" name="patch" {filter_patch} id="patch"><label for="patch">patches</label>
+						<input type="checkbox" name="discus" {filter_discus} id="discus"><label for="discus">discussions</label>
+					</div>
+					<div class="split5050">
+						Status:<br>
+						<input type="checkbox" name="open" {filter_open} id="open"><label for="open">open</label>
+						<input type="checkbox" name="closed" {filter_closed} id="closed"><label for="closed">closed</label>
+						<input type="checkbox" name="reject" {filter_reject} id="reject"><label for="reject">rejected</label>
+						<br>
+						<input type="checkbox" name="upstrm" {filter_upstrm} id="upstrm"><label for="upstrm">upstream</label>
+						<input type="checkbox" name="unconf" {filter_unconf} id="unconf"><label for="unconf">unconfirmed</label>
+					</div>
+				</form>
 				<table>
 					<tr> <th>#</th> <th>Subject</th> <th>Status</th> <th>Type</th></tr>
 					{maillist}
@@ -295,6 +316,22 @@ h1, h2 {
 			}
 		}
 	}
+
+	form {
+		#searchbar {
+			display: flex;
+			width: 100%;
+
+			input[type="text"] {
+				flex-grow: 1;
+				margin-right: 5px;
+			}
+		}
+		.split5050 {
+			float: left;
+			margin-right: 15px;
+		}
+	}
 }
 
 .center-text {