aboutsummaryrefslogtreecommitdiffstats
path: root/themes
diff options
context:
space:
mode:
authorplegall <plg@piwigo.org>2014-06-17 11:11:44 +0000
committerplegall <plg@piwigo.org>2014-06-17 11:11:44 +0000
commit6f8caf22ba22395b0e038989bfdc2726cc4c2342 (patch)
treeeb8f98932f9707adddf23d75d06b6c7f61cc5a71 /themes
parent583af81d3d23ab0e3692dd7bb4a36314deab5994 (diff)
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
Diffstat (limited to '')
-rw-r--r--themes/default/template/search.tpl54
-rw-r--r--themes/default/theme.css32
2 files changed, 56 insertions, 30 deletions
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;
}