diff options
| author | rvelices <rv-github@modusoptimus.com> | 2013-05-11 04:32:07 +0000 |
|---|---|---|
| committer | rvelices <rv-github@modusoptimus.com> | 2013-05-11 04:32:07 +0000 |
| commit | 0f3db14cd4930387db3e01b06e56b29c1e319de2 (patch) | |
| tree | 2697e223af5447cdeb9fb9c2221ab6e6c416970e | |
| parent | 567cc715fac8d05eb7ece2f4d95b94bae22e3fcb (diff) | |
feature 2897: add a a search filter input on tags admin page
git-svn-id: http://piwigo.org/svn/trunk@22592 68402e56-0260-453c-a942-63ccdbb3a9ee
| -rw-r--r-- | admin/themes/default/template/tags.tpl | 45 |
1 files changed, 37 insertions, 8 deletions
diff --git a/admin/themes/default/template/tags.tpl b/admin/themes/default/template/tags.tpl index 4f4542032..d2b155ece 100644 --- a/admin/themes/default/template/tags.tpl +++ b/admin/themes/default/template/tags.tpl @@ -97,7 +97,7 @@ jQuery(document).ready(function(){ {'New tag'|@translate} <input type="text" name="add_tag" size="50"> </label> - + <p><input class="submit" type="submit" name="add" value="{'Submit'|@translate}"></p> </fieldset> @@ -116,6 +116,35 @@ jQuery('.showInfo').tipTip({ 'activation':'click' }); {/literal}{/footer_script} +{if count($all_tags)} +<div><label>{'Search'|@translate}: <input id="searchInput" type="text" size="12"></label></div> +{footer_script}{literal} +$("#searchInput").on( "keydown", function() { + var $this = $(this), + timer = $this.data("timer"); + if (timer) + clearTimeout(timer); + + $this.data("timer", setTimeout( function() { + var val = $this.val(); + if (!val) + $(".tagSelection>li").show(); + else { + var regex = new RegExp( val.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, "\\$&"), "i" ); + $(".tagSelection>li").each( function(i, li) { + var $li = $(li), + text = $.trim( $("label", $li).text() ); + if (regex.test( text )) + $li.show(); + else + $li.hide(); + }); + } + + }, 300) ); +}); +{/literal}{/footer_script} +{/if} <ul class="tagSelection"> {foreach from=$all_tags item=tag} <li>{capture name='showInfo'}<b>{$tag.name}</b> ({$pwg->l10n_dec('%d photo', '%d photos', $tag.counter)}) <br> <a href="{$tag.U_VIEW}">{'View in gallery'|@translate}</a> | <a href="{$tag.U_EDIT}">{'Manage photos'|@translate}</a>{if !empty($tag.alt_names)}<br>{$tag.alt_names}{/if}{/capture} @@ -127,13 +156,13 @@ jQuery('.showInfo').tipTip({ {/foreach} </ul> - <p> - <input type="hidden" name="pwg_token" value="{$PWG_TOKEN}"> - <input class="submit" type="submit" name="edit" value="{'Edit selected tags'|@translate}"> - <input class="submit" type="submit" name="duplicate" value="{'Duplicate selected tags'|@translate}"> - <input class="submit" type="submit" name="merge" value="{'Merge selected tags'|@translate}"> - <input class="submit" type="submit" name="delete" value="{'Delete selected tags'|@translate}" onclick="return confirm('{'Are you sure?'|@translate}');"> - </p> + <p> + <input type="hidden" name="pwg_token" value="{$PWG_TOKEN}"> + <input type="submit" name="edit" value="{'Edit selected tags'|@translate}"> + <input type="submit" name="duplicate" value="{'Duplicate selected tags'|@translate}"> + <input type="submit" name="merge" value="{'Merge selected tags'|@translate}"> + <input type="submit" name="delete" value="{'Delete selected tags'|@translate}" onclick="return confirm('{'Are you sure?'|@translate}');"> + </p> </fieldset> </form> |