From a1a0246c3e4834f983e6c21686605e2f422273fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <baris@nodebb.org>
Date: Thu, 22 Nov 2018 22:56:19 -0500
Subject: [PATCH] a more compact advanced search

---
 templates/search.tpl | 213 ++++++++++++++++++++++---------------------
 1 file changed, 109 insertions(+), 104 deletions(-)

diff --git a/templates/search.tpl b/templates/search.tpl
index e225e18..6347d7a 100644
--- a/templates/search.tpl
+++ b/templates/search.tpl
@@ -6,11 +6,11 @@
 			<form id="advanced-search">
 				<div class="form-group">
 					<div class="row">
-						<div class="col-md-5">
+						<div class="col-md-4">
 							<label>[[global:search]]</label>
 							<input type="text" class="form-control" id="search-input" placeholder="[[global:search]]">
 						</div>
-						<div class="col-md-5">
+						<div class="col-md-3">
 							<label>[[search:in]]</label>
 							<select id="search-in" class="form-control">
 								<option value="titlesposts">[[search:titles-posts]]</option>
@@ -20,6 +20,13 @@
 								<option value="tags">[[tags:tags]]</option>
 							</select>
 						</div>
+						<div class="col-md-3">
+							<label>[[search:match-words]]</label>
+							<select id="match-words-filter" class="form-control">
+								<option value="all">[[search:all]]</option>
+								<option value="any">[[search:any]]</option>
+							</select>
+						</div>
 						<div class="col-md-2">
 							<label>&nbsp;</label>
 							<button type="submit" class="btn btn-primary form-control">[[global:search]]</button>
@@ -32,119 +39,117 @@
 						<h3 class="panel-title"><i class="fa fa-caret-down"></i> [[search:advanced-search]]</h3>
 					</div>
 					<div class="panel-body search-options collapse <!-- IF expandSearch -->in<!-- ENDIF expandSearch -->">
-
-						<div class="form-group post-search-item">
-							<div class="row">
-								<div class="col-md-3">
-									<label>[[search:match-words]]</label>
-									<select id="match-words-filter" class="form-control">
-										<option value="all">[[search:all]]</option>
-										<option value="any">[[search:any]]</option>
-									</select>
-								</div>
-								<div class="col-md-3">
-									<label>[[search:posted-by]]</label>
-									<input type="text" class="form-control" id="posted-by-user" placeholder="[[search:posted-by]]">
-								</div>
-								<div class="col-md-6">
-									<label>[[search:has-tags]]</label>
-									<input type="text" class="form-control" id="has-tags">
-								</div>
-							</div>
-						</div>
-
 						<div class="form-group post-search-item">
-							<label>[[search:in-categories]]</label>
-							<select multiple class="form-control" id="posted-in-categories" size="{categoriesCount}">
-								<!-- BEGIN categories -->
-								<option value="{categories.value}">{categories.text}</option>
-								<!-- END categories -->
-							</select>
-							<input type="checkbox" id="search-children"> [[search:search-child-categories]]
-						</div>
-
-
-						<div class="form-group post-search-item">
-							<label>[[search:reply-count]]</label>
 							<div class="row">
 								<div class="col-md-6">
-									<select id="reply-count-filter" class="form-control">
-										<option value="atleast">[[search:at-least]]</option>
-										<option value="atmost">[[search:at-most]]</option>
+									<label>[[search:in-categories]]</label>
+									<select multiple class="form-control" id="posted-in-categories" size="{categoriesCount}">
+										<!-- BEGIN categories -->
+										<option value="{categories.value}">{categories.text}</option>
+										<!-- END categories -->
 									</select>
+									<input type="checkbox" id="search-children"> [[search:search-child-categories]]
 								</div>
 								<div class="col-md-6">
-									<input type="text" class="form-control" id="reply-count">
+									<div class="form-group post-search-item">
+										<div class="row">
+											<div class="col-md-6">
+												<label>[[search:posted-by]]</label>
+												<input type="text" class="form-control" id="posted-by-user" placeholder="[[search:posted-by]]">
+											</div>
+											<div class="col-md-6">
+												<label>[[search:has-tags]]</label>
+												<input type="text" class="form-control" id="has-tags">
+											</div>
+										</div>
+									</div>
+
+									<div class="form-group post-search-item">
+										<label>[[search:reply-count]]</label>
+										<div class="row">
+											<div class="col-md-6">
+												<select id="reply-count-filter" class="form-control">
+													<option value="atleast">[[search:at-least]]</option>
+													<option value="atmost">[[search:at-most]]</option>
+												</select>
+											</div>
+											<div class="col-md-6">
+												<input type="text" class="form-control" id="reply-count">
+											</div>
+										</div>
+									</div>
+
+									<div class="form-group post-search-item">
+										<label>[[search:post-time]]</label>
+										<div class="row">
+											<div class="col-md-6">
+												<select id="post-time-filter" class="form-control">
+													<option value="newer">[[search:newer-than]]</option>
+													<option value="older">[[search:older-than]]</option>
+												</select>
+											</div>
+											<div class="col-md-6">
+												<select id="post-time-range" class="form-control">
+													<option value="">[[search:any-date]]</option>
+													<option value="86400">[[search:yesterday]]</option>
+													<option value="604800">[[search:one-week]]</option>
+													<option value="1209600">[[search:two-weeks]]</option>
+													<option value="2592000">[[search:one-month]]</option>
+													<option value="7776000">[[search:three-months]]</option>
+													<option value="15552000">[[search:six-months]]</option>
+													<option value="31104000">[[search:one-year]]</option>
+												</select>
+											</div>
+										</div>
+									</div>
+
+									<div class="form-group post-search-item">
+										<label>[[search:sort-by]]</label>
+										<div class="row">
+											<div class="col-md-6">
+												<select id="post-sort-by" class="form-control">
+													<option value="relevance">[[search:relevance]]</option>
+													<option value="timestamp">[[search:post-time]]</option>
+													<option value="votes">[[search:votes]]</option>
+													<option value="topic.lastposttime">[[search:last-reply-time]]</option>
+													<option value="topic.title">[[search:topic-title]]</option>
+													<option value="topic.postcount">[[search:number-of-replies]]</option>
+													<option value="topic.viewcount">[[search:number-of-views]]</option>
+													<option value="topic.votes">[[search:topic-votes]]</option>
+													<option value="topic.timestamp">[[search:topic-start-date]]</option>
+													<option value="user.username">[[search:username]]</option>
+													<option value="category.name">[[search:category]]</option>
+												</select>
+											</div>
+											<div class="col-md-6">
+												<select id="post-sort-direction" class="form-control">
+													<option value="desc">[[search:descending]]</option>
+													<option value="asc">[[search:ascending]]</option>
+												</select>
+											</div>
+										</div>
+									</div>
+
+									<div class="form-group post-search-item">
+										<label>[[search:show-results-as]]</label>
+										<div class="radio">
+											<label>
+												<input type="radio" name="options" id="show-as-posts" checked>
+												[[global:posts]]
+											</label>
+										</div>
+										<div class="radio">
+											<label>
+												<input type="radio" name="options" id="show-as-topics">
+												[[global:topics]]
+											</label>
+										</div>
+									</div>
 								</div>
 							</div>
 						</div>
 
-						<div class="form-group post-search-item">
-							<label>[[search:post-time]]</label>
-							<div class="row">
-								<div class="col-md-6">
-									<select id="post-time-filter" class="form-control">
-										<option value="newer">[[search:newer-than]]</option>
-										<option value="older">[[search:older-than]]</option>
-									</select>
-								</div>
-								<div class="col-md-6">
-									<select id="post-time-range" class="form-control">
-										<option value="">[[search:any-date]]</option>
-										<option value="86400">[[search:yesterday]]</option>
-										<option value="604800">[[search:one-week]]</option>
-										<option value="1209600">[[search:two-weeks]]</option>
-										<option value="2592000">[[search:one-month]]</option>
-										<option value="7776000">[[search:three-months]]</option>
-										<option value="15552000">[[search:six-months]]</option>
-										<option value="31104000">[[search:one-year]]</option>
-									</select>
-								</div>
-							</div>
-						</div>
 
-						<div class="form-group post-search-item">
-							<label>[[search:sort-by]]</label>
-							<div class="row">
-								<div class="col-md-6">
-									<select id="post-sort-by" class="form-control">
-										<option value="relevance">[[search:relevance]]</option>
-										<option value="timestamp">[[search:post-time]]</option>
-										<option value="votes">[[search:votes]]</option>
-										<option value="topic.lastposttime">[[search:last-reply-time]]</option>
-										<option value="topic.title">[[search:topic-title]]</option>
-										<option value="topic.postcount">[[search:number-of-replies]]</option>
-										<option value="topic.viewcount">[[search:number-of-views]]</option>
-										<option value="topic.votes">[[search:topic-votes]]</option>
-										<option value="topic.timestamp">[[search:topic-start-date]]</option>
-										<option value="user.username">[[search:username]]</option>
-										<option value="category.name">[[search:category]]</option>
-									</select>
-								</div>
-								<div class="col-md-6">
-									<select id="post-sort-direction" class="form-control">
-										<option value="desc">[[search:descending]]</option>
-										<option value="asc">[[search:ascending]]</option>
-									</select>
-								</div>
-							</div>
-						</div>
-
-						<div class="form-group post-search-item">
-							<label>[[search:show-results-as]]</label>
-							<div class="radio">
-								<label>
-									<input type="radio" name="options" id="show-as-posts" checked>
-									[[global:posts]]
-								</label>
-							</div>
-							<div class="radio">
-								<label>
-									<input type="radio" name="options" id="show-as-topics">
-									[[global:topics]]
-								</label>
-							</div>
-						</div>
 
 						<div class="btn-group">
 							<button type="submit" class="btn btn-primary">[[global:search]]</button>