From 6f8caf22ba22395b0e038989bfdc2726cc4c2342 Mon Sep 17 00:00:00 2001
From: plegall <plg@piwigo.org>
Date: Tue, 17 Jun 2014 11:11:44 +0000
Subject: feature 3093: search form, ability to select the list of properties
 on which the search terms applies.

feature 3094: minor redesign on search form.


git-svn-id: http://piwigo.org/svn/trunk@28709 68402e56-0260-453c-a942-63ccdbb3a9ee
---
 themes/default/template/search.tpl | 54 +++++++++++++++++++-------------------
 themes/default/theme.css           | 32 +++++++++++++++++++---
 2 files changed, 56 insertions(+), 30 deletions(-)

(limited to 'themes/default')

diff --git a/themes/default/template/search.tpl b/themes/default/template/search.tpl
index 34b8f3625..21c61e8f7 100644
--- a/themes/default/template/search.tpl
+++ b/themes/default/template/search.tpl
@@ -31,39 +31,46 @@ jQuery(document).ready(function() {
 
 <form class="filter" method="post" name="search" action="{$F_SEARCH_ACTION}">
 <fieldset>
-  <legend>{'Filter'|@translate}</legend>
-  <label>{'Search for words'|@translate}
-    <input type="text" name="search_allwords" size="35">
-  </label>
-  <ul>
-    <li><label>
-      <input type="radio" name="mode" value="AND" checked="checked">{'Search for all terms'|@translate}
-    </label></li>
-    <li><label>
-      <input type="radio" name="mode" value="OR">{'Search for any term'|@translate}
-    </label></li>
-  </ul>
-  <label>{'Search for Author'|@translate}
+  <legend>{'Search for words'|@translate}</legend>
+  <p>
+    <input type="text" name="search_allwords">
+    <br>
+    <label><input type="radio" name="mode" value="AND" checked="checked">{'Search for all terms'|@translate}</label>
+    <label><input type="radio" name="mode" value="OR">{'Search for any term'|@translate}</label>
+  </p>
+
+  <p>
+    <strong>{'Apply on properties'|translate}</strong><br>
+    <label><input type="checkbox" name="fields[]" value="name" checked="checked">{'Photo title'|translate}</label>
+    <label><input type="checkbox" name="fields[]" value="comment" checked="checked">{'Photo description'|translate}</label>
+    <label><input type="checkbox" name="fields[]" value="file" checked="checked">{'File name'|translate}</label>
+  </p>
+
+</fieldset>
+
+<fieldset>
+  <legend>{'Search for Author'|@translate}</legend>
+  <p>
     <select id="authors" placeholder="{'Type in a search term'|translate}" name="authors[]" multiple style="width:500px;">
 {foreach from=$AUTHORS item=author}
       <option value="{$author.author|strip_tags:false|escape:html}">{$author.author|strip_tags:false} ({$author.counter|translate_dec:'%d photo':'%d photos'})</option>
 {/foreach}
     </select>
-  </label>
+  </p>
 </fieldset>
 
 {if isset($TAGS)}
 <fieldset>
   <legend>{'Search tags'|@translate}</legend>
-
+  <p>
   <select id="tags" placeholder="{'Type in a search term'|translate}" name="tags[]" multiple style="width:500px;">
 {foreach from=$TAGS item=tag}
     <option value="{$tag.id}">{$tag.name} ({$tag.counter|translate_dec:'%d photo':'%d photos'})</option>
 {/foreach}
   </select>
-
   <label><span><input type="radio" name="tag_mode" value="AND" checked="checked"> {'All tags'|@translate}</span></label>
   <label><span><input type="radio" name="tag_mode" value="OR"> {'Any tag'|@translate}</span></label>
+  </p>
 </fieldset>
 {/if}
 
@@ -120,20 +127,13 @@ jQuery(document).ready(function() {
 
 <fieldset>
   <legend>{'Search in albums'|@translate}</legend>
-  <label>{'Albums'|@translate}
+  <p>
     <select class="categoryList" name="cat[]" multiple="multiple" size="15">
       {html_options options=$category_options selected=$category_options_selected}
     </select>
-  </label>
-  <ul>
-    <li><label>{'Search in sub-albums'|@translate}</label></li>
-    <li><label>
-      <input type="radio" name="subcats-included" value="1" checked="checked">{'Yes'|@translate}
-    </label></li>
-    <li><label>
-      <input type="radio" name="subcats-included" value="0">{'No'|@translate}
-    </label></li>
-  </ul>
+    <br>
+    <label><input type="checkbox" name="subcats-included" value="1" checked="checked">{'Search in sub-albums'|@translate}</label>
+  </p>
 </fieldset>
 <p>
   <input class="submit" type="submit" name="submit" value="{'Submit'|@translate}">
diff --git a/themes/default/theme.css b/themes/default/theme.css
index bbf5e4091..ab298ecb3 100644
--- a/themes/default/theme.css
+++ b/themes/default/theme.css
@@ -509,8 +509,7 @@ FIELDSET {
 	margin: 1em;
 }
 
-.filter UL,
-.filter LABEL {
+.filter UL {
 	display: block;
 	float: left;
 	margin-right: 1em;
@@ -522,15 +521,42 @@ FIELDSET {
 	margin-bottom: 0.5em;
 }
 
+.filter FIELDSET {
+  padding-bottom:0;
+}
+
 .filter LI LABEL {
 	display: inline;
 	float: none;
 }
 
+.filter P {
+  text-align:left;
+  margin:0 0 15px 0;
+  line-height:20px;
+}
+
+.filter input[name="search_allwords"] {
+  width:500px;
+}
+
+.filter P input[type="checkbox"], .filter P input[type="radio"] {
+  vertical-align:middle;
+  margin-top:-4px;
+}
+
+.filter input[type="submit"] {
+  margin-left:1em;
+}
+
+.filter P LABEL {
+  margin-right:1em;
+}
+
 /*IE6 needs override because of > selector*/
 .filter LABEL>INPUT,
 .filter LABEL>SELECT {
-	display: block;
+	/* display: block; */
 	margin: 0.5em 0;
 }
 
-- 
cgit v1.2.3