feat: hide some filters behind 'more filters' button

templates/partials/flags/filters.tpl

@@ -15,6 +15,7 @@
 	</div>
 	<div class="panel-body">
 		<form role="form" component="flags/filters">
+			<fieldset>
 				<div class="form-group">
 					<label for="filter-state">[[flags:filter-state]]</label>
 					<select class="form-control" id="filter-state" name="state">
@@ -35,11 +36,6 @@
 					</select>
 				</div>
 
-			<div class="form-group">
-				<label for="filter-assignee">[[flags:filter-assignee]]</label>
-				<input type="number" class="form-control" id="filter-assignee" name="assignee" min="0" />
-			</div>
-
 				<div class="form-group">
 					<label for="filter-cid">[[flags:filter-cid]]</label>
 					<select class="form-control" id="filter-cid" name="cid" multiple="true">
@@ -49,6 +45,13 @@
 						{{{end}}}
 					</select>
 				</div>
+			</fieldset>
+
+			<fieldset class="collapse" id="more-filters">
+				<div class="form-group">
+					<label for="filter-assignee">[[flags:filter-assignee]]</label>
+					<input type="number" class="form-control" id="filter-assignee" name="assignee" min="0" />
+				</div>
 
 				<div class="form-group">
 					<label for="filter-targetUid">[[flags:filter-targetUid]]</label>
@@ -59,8 +62,10 @@
 					<label for="filter-reporterId">[[flags:filter-reporterId]]</label>
 					<input type="number" class="form-control" id="filter-reporterId" name="reporterId" min="0" />
 				</div>
+			</fieldset>
 
-			<button type="button" class="btn btn-primary btn-block">[[flags:apply-filters]]</button>
+			<button type="button" class="btn btn-link btn-block" data-toggle="collapse" data-target="#more-filters">[[flags:more-filters]]&nbsp;<span class="caret"></span></button>
+			<button type="button" id="apply-filters" class="btn btn-primary btn-block">[[flags:apply-filters]]</button>
 		</form>
 	</div>
 </div>