mbirth/LuckyCoinkydink
Archived
1
0
Fork 0
Code Issues Pull Requests Activity

Hide/show media db filters and sorting.

Browse Source
This commit is contained in:
Matthias Mees
2013-06-04 00:05:54 +02:00
parent 4617ed15a9
commit d348235050
3 changed files with 87 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
templates/2k11/admin/media_pane.tpl
View File

@@ -1,14 +1,28 @@
<script src="{serendipity_getFile file='admin/js/jquery.syncheight.js'}"></script>
<div class="has_toolbar">
<h2>{$CONST.FIND_MEDIA}</h2>
<form method="get" action="?">
{$media.token}
{$media.form_hidden}
<fieldset id="media_pane_filter">
<legend><span>{$CONST.FILTERS}</span></legend>
<ul class="filters_toolbar plainList">
<li><a class="button_link" href="#media_pane_filter" title="Show filters"><span class="icon-filter"></span><span class="visuallyhidden"> Show filters</span></a></li> {* i18n *}
<li><a class="button_link" href="#media_pane_sort" title="{$CONST.SORT_ORDER}"><span class="icon-sort"></span><span class="visuallyhidden"> {$CONST.SORT_ORDER}</span></a></li>
{if $media.show_upload}
<li><input type="button" value="{$CONST.ADD_MEDIA|@escape}" onclick="location.href='{$media.url}&amp;serendipity[adminAction]=addSelect&amp;serendipity[only_path]={$media.only_path|escape:url}'; return false"></li>
{/if}
<li><input type="radio" id="serendipity[filter][fileCategory][All]" name="serendipity[filter][fileCategory]" {if $media.filter.fileCategory == ""}checked{/if} value=""></input>
<label for="serendipity[filter][fileCategory][All]" class="media_selector button_link">All</label>
<input id="serendipity[filter][fileCategory][Image]" type="radio" name="serendipity[filter][fileCategory]" {if $media.filter.fileCategory == "image"}checked{/if} value="image"></input>
<label for="serendipity[filter][fileCategory][Image]" class="media_selector button_link">{$CONST.IMAGE}</label>
<input id="serendipity[filter][fileCategory][Video]" type="radio" name="serendipity[filter][fileCategory]" {if $media.filter.fileCategory == "video"}checked{/if} value="video"></input>
<label for="serendipity[filter][fileCategory][Video]" class="media_selector button_link">{$CONST.VIDEO}</label>
</li>
</ul>
<a id="toggle_filters" class="button_link icon_link" href="#" title="{$CONST.FILTERS}" onclick="showFilters(); return false"><span class="icon-filter"></span><span class="visuallyhidden"> {$CONST.FILTERS}</span></a>
<fieldset id="media_pane_filter" class="additional_info">
<legend class="visuallyhidden">{$CONST.FILTERS}</legend>
<div id="media_filter" class="clearfix">
<div id="media_filter_path" class="form_select">
@@ -25,9 +39,7 @@
<label for="serendipity_only_filename">{$CONST.SORT_ORDER_NAME}</label>
<input id="serendipity_only_filename" name="serendipity[only_filename]" type="text" value="{$media.only_filename|@escape}">
</div>
</div>
<div id="moreFilter" class="serendipity_pluginlist_section clearfix" style="height: auto; display: none">
<div class="form_field">
<label for="keyword_input">{$CONST.MEDIA_KEYWORDS}</label>
<input id="keyword_input" name="serendipity[keywords]" type="text" value="{$media.keywords_selected|@escape}">
@@ -38,6 +50,12 @@
{/foreach}
</div>
</div>
</div>
</fieldset>
{* {if $media.keywords_selected != ''}<script>showFilters();</script>{/if} *}
<fieldset id="media_pane_sort" class="additional_info">
<legend class="visuallyhidden">{$CONST.SORT_ORDER}</legend>
{foreach from=$media.sort_order item="so_val" key="so_key"}
<div class="{cycle values="left,center,right"}">
{if $so_val.type == 'date' || $so_val.type == 'intrange'}
@@ -90,14 +108,6 @@
{/if}
</div>
{/foreach}
</div>
</fieldset>
{if $media.keywords_selected != '' OR $show_filter}
<script>showFilters();</script>
{/if}
<fieldset id="media_pane_sort">
<legend><span>{$CONST.SORT_ORDER}</span></legend>
<div class="clearfix">
<div class="form_select">
<label for="serendipity_sortorder_order">{$CONST.SORT_BY}</label>
@@ -128,25 +138,13 @@
</select>
</div>
</div>
</fieldset>
{if $media.show_upload}
<input type="button" value="{$CONST.ADD_MEDIA|@escape}" onclick="location.href='{$media.url}&amp;serendipity[adminAction]=addSelect&amp;serendipity[only_path]={$media.only_path|escape:url}'; return false">
{/if}
<div class="form_buttons">
<input name="go" type="submit" value="{$CONST.GO}">
</div>
<input type="radio" id="serendipity[filter][fileCategory][All]" name="serendipity[filter][fileCategory]" {if $media.filter.fileCategory == ""}checked{/if} value=""></input>
<label for="serendipity[filter][fileCategory][All]" class="media_selector button_link">All</label>
<input id="serendipity[filter][fileCategory][Image]" type="radio" name="serendipity[filter][fileCategory]" {if $media.filter.fileCategory == "image"}checked{/if} value="image"></input>
<label for="serendipity[filter][fileCategory][Image]" class="media_selector button_link">{$CONST.IMAGE}</label>
<input id="serendipity[filter][fileCategory][Video]" type="radio" name="serendipity[filter][fileCategory]" {if $media.filter.fileCategory == "video"}checked{/if} value="video"></input>
<label for="serendipity[filter][fileCategory][Video]" class="media_selector button_link">{$CONST.VIDEO}</label>
</fieldset>
</form>
</div>
{if $media.nr_files < 1}
<span class="msg_notice"><span class="icon-info-circle"></span> {$CONST.NO_IMAGES_FOUND}</span>
{else}

1
templates/2k11/admin/serendipity_editor.js.tpl
View File

@@ -735,6 +735,7 @@ function highlightComment(id, checkvalue) {
// Clone form submit buttons
$('#sort_entries > .form_buttons').clone().appendTo('#filter_entries');
$('#media_pane_sort > .form_buttons').clone().appendTo('#media_pane_filter');
// Clone pagination
$('.media_pane .pagination').clone().prependTo('.media_pane');

10
templates/2k11/admin/style.css
View File

@@ -1701,7 +1701,9 @@ input:checked + .media_selector {
#serendipity_category > .clearfix > div,
#serendipity_comment .form_field,
#media_filter > div,
#moreFilter > div,
#media_pane_sort > .left,
#media_pane_sort > .center,
#media_pane_sort > .right,
#media_pane_sort > .clearfix > div {
float: left;
width: 33% ;
@@ -1719,7 +1721,7 @@ input:checked + .media_selector {
width: 25%;
}
#moreFilter .left,
#media_pane_sort .left,
#serendipity_comment .form_area { clear: both; }
#main_menu { width: 23%; }
@@ -1741,8 +1743,8 @@ input:checked + .media_selector {
#back_to_blog { margin: 1em auto 4em; }
#moreFilter fieldset input,
#moreFilter fieldset select { margin-bottom: .75em; }
#media_pane_sort div fieldset input,
#media_pane_sort div fieldset select { margin-bottom: .75em; }
}