Use new show hide buttons.

This commit is contained in:
Matthias Mees 2014-03-01 15:51:44 +01:00
parent b48f49c444
commit dd013f3a70
8 changed files with 35 additions and 35 deletions

View File

@ -64,7 +64,7 @@
</div>
<h3 class="toggle_headline">
<button class="show_config_option icon_link {if $newSub}show_config_option_now{/if}" type="button" data-href="#category_subcats" title="{$CONST.TOGGLE_OPTION}"><span class="icon-plus"></span> {$CONST.PARENT_CATEGORY}</button>
<button class="show_config_option icon_link {if $newSub}show_config_option_now{/if}" type="button" data-href="#category_subcats" title="{$CONST.TOGGLE_OPTION}"><span class="icon-right-dir"></span> {$CONST.PARENT_CATEGORY}</button>
</h3>
<div id="category_subcats" class="clearfix additional_info">
@ -99,7 +99,7 @@
</div>
<h3 class="toggle_headline">
<button class="show_config_option icon_link" type="button" data-href="#category_permissions" title="{$CONST.TOGGLE_OPTION}"><span class="icon-plus"></span> {$CONST.PERMISSIONS}</button>
<button class="show_config_option icon_link" type="button" data-href="#category_permissions" title="{$CONST.TOGGLE_OPTION}"><span class="icon-right-dir"></span> {$CONST.PERMISSIONS}</button>
</h3>
<div id="category_permissions" class="clearfix additional_info">
@ -125,7 +125,7 @@
</div>
<h3 class="toggle_headline">
<button class="show_config_option icon_link" type="button" data-href="#category_preview" title="{$CONST.TOGGLE_OPTION}"><span class="icon-plus"></span> {$CONST.CATEGORY} {$CONST.IMAGE}</button>
<button class="show_config_option icon_link" type="button" data-href="#category_preview" title="{$CONST.TOGGLE_OPTION}"><span class="icon-right-dir"></span> {$CONST.CATEGORY} {$CONST.IMAGE}</button>
</h3>
<div id="category_preview" class="clearfix additional_info">

View File

@ -156,7 +156,7 @@
<li><a class="button_link comments_delete" href="?serendipity[action]=admin&amp;serendipity[adminModule]=comments&amp;serendipity[adminAction]=delete&amp;serendipity[id]={$comment.id}&amp;serendipity[entry_id]={$comment.entry_id}&amp;{$urltoken}" data-delmsg='{($CONST.COMMENT_DELETE_CONFIRM|sprintf:$comment.id:$comment.author)|escape}' title="{$CONST.DELETE}"><span class="icon-trash"></span><span class="visuallyhidden"> {$CONST.DELETE}</span></a>
</li>
{if $comment.excerpt}
<li><button class="button_link toggle_comment_full" type="button" data-href="#c{$comment.id}_full" title="{$CONST.TOGGLE_ALL}"><span class="icon-plus"></span><span class="visuallyhidden"> {$CONST.TOGGLE_ALL}</span></button></li>
<li><button class="button_link toggle_comment_full" type="button" data-href="#c{$comment.id}_full" title="{$CONST.TOGGLE_ALL}"><span class="icon-right-dir"></span><span class="visuallyhidden"> {$CONST.TOGGLE_ALL}</span></button></li>
{/if}
</ul>
{$comment.action_more}

View File

@ -5,7 +5,7 @@
{$formToken}
{/if}
{if $config|@sizeof > 1 AND $allowToggle}
<a id="show_config_all" class="button_link" href="#serendipity_config_options" title="{$CONST.TOGGLE_ALL}"><span class="icon-plus"></span><span class="visuallyhidden"> {$CONST.TOGGLE_ALL}</span></a>
<a id="show_config_all" class="button_link" href="#serendipity_config_options" title="{$CONST.TOGGLE_ALL}"><span class="icon-right-dir"></span><span class="visuallyhidden"> {$CONST.TOGGLE_ALL}</span></a>
{/if}
<div id="serendipity_config_options">
{foreach $config as $category}
@ -13,7 +13,7 @@
{if $config|@sizeof > 1}
{if $allowToggle}
<h3 class="toggle_headline">
<button id="optionel{$category@iteration}" class="show_config_option icon_link" type="button" data-href="#el{$category@index}" title="{$CONST.TOGGLE_OPTION}"><span class="icon-plus"></span> {$category.title}</button>
<button id="optionel{$category@iteration}" class="show_config_option icon_link" type="button" data-href="#el{$category@index}" title="{$CONST.TOGGLE_OPTION}"><span class="icon-right-dir"></span> {$category.title}</button>
</h3>
{else}
<h3>{$category.title}</h3>

View File

@ -61,7 +61,7 @@
</div>
<fieldset id="edit_entry_metadata" class="clearfix">
<span class="wrap_legend"><legend><button id="toggle_metadata" class="button_link" type="button"><span class="icon-plus"></span><span class="visuallyhidden"> {$CONST.TOGGLE_ALL}</span></button> Entry metadata</legend></span> {* i18n *}
<span class="wrap_legend"><legend><button id="toggle_metadata" class="button_link" type="button"><span class="icon-right-dir"></span><span class="visuallyhidden"> {$CONST.TOGGLE_ALL}</span></button> Entry metadata</legend></span> {* i18n *}
<div id="meta_data" class="additional_info">
{if $entry_vars.allowDateManipulation}
@ -115,7 +115,7 @@
{capture name='advanced_options'}{$entry_vars.entry|@serendipity_refhookPlugin:'backend_display'}{/capture}
{if ! empty($smarty.capture.advanced_options) }
<fieldset id="advanced_options">
<span class="wrap_legend"><legend><button id="toggle_advanced" class="button_link" type="button"><span class="icon-plus"></span><span class="visuallyhidden"> {$CONST.TOGGLE_ALL}</span></button> {$CONST.ADVANCED_OPTIONS}</legend></span>
<span class="wrap_legend"><legend><button id="toggle_advanced" class="button_link" type="button"><span class="icon-right-dir"></span><span class="visuallyhidden"> {$CONST.TOGGLE_ALL}</span></button> {$CONST.ADVANCED_OPTIONS}</legend></span>
<div id="adv_opts" class="additional_info">
{$smarty.capture.advanced_options}
</div>

View File

@ -86,7 +86,7 @@
</div>
<h3 class="toggle_headline">
<button class="show_config_option icon_link" type="button" data-href="#directory_permissions" title="{$CONST.TOGGLE_OPTION}"><span class="icon-plus"></span> {$CONST.PERMISSIONS}</button>
<button class="show_config_option icon_link" type="button" data-href="#directory_permissions" title="{$CONST.TOGGLE_OPTION}"><span class="icon-right-dir"></span> {$CONST.PERMISSIONS}</button>
</h3>
<div id="directory_permissions" class="clearfix additional_info">

View File

@ -41,7 +41,7 @@
<li><a class="button_link comments_delete" href="?serendipity[action]=admin&amp;serendipity[adminModule]=comments&amp;serendipity[adminAction]=delete&amp;serendipity[id]={$comment.id}&amp;serendipity[entry_id]={$comment.entry_id}&amp;{$urltoken}" data-delmsg='{($CONST.COMMENT_DELETE_CONFIRM|sprintf:$comment.id:$comment.author)|escape}' title="{$CONST.DELETE}"><span class="icon-trash"></span><span class="visuallyhidden"> {$CONST.DELETE}</span></a>
</li>
{if $comment.excerpt}
<li><button class="button_link toggle_comment_full" type="button" data-href="#c{$comment.id}_full" title="{$CONST.TOGGLE_ALL}"><span class="icon-plus"></span><span class="visuallyhidden"> {$CONST.TOGGLE_ALL}</span></button></li>
<li><button class="button_link toggle_comment_full" type="button" data-href="#c{$comment.id}_full" title="{$CONST.TOGGLE_ALL}"><span class="icon-right-dir"></span><span class="visuallyhidden"> {$CONST.TOGGLE_ALL}</span></button></li>
{/if}
</ul>
</li>

View File

@ -8,13 +8,13 @@
{/if}
{if is_array($config_groups)}
<button id="show_config_all" class="button_link" type="button" data-href="#serendipity_config_options" title="{$CONST.TOGGLE_ALL}">
<span class="icon-plus"></span><span class="visuallyhidden"> {$CONST.TOGGLE_ALL}</span>
<span class="icon-right-dir"></span><span class="visuallyhidden"> {$CONST.TOGGLE_ALL}</span>
</button>
<div id="serendipity_config_options">
{foreach $config_groups AS $config_header => $config_groupkeys}
<div class="configuration_group">
<h3 class="toggle_headline"><button id="optionel{$config_groupkeys@iteration}" class="show_config_option" type="button" data-href="#el{$config_groupkeys@iteration}" title="{$CONST.TOGGLE_OPTION}"><span class="icon-plus"></span> {$config_header}</button></h3>
<h3 class="toggle_headline"><button id="optionel{$config_groupkeys@iteration}" class="show_config_option" type="button" data-href="#el{$config_groupkeys@iteration}" title="{$CONST.TOGGLE_OPTION}"><span class="icon-right-dir"></span> {$config_header}</button></h3>
<fieldset id="el{$config_groupkeys@iteration}" class="config_optiongroup{if $config_groupkeys@last} config_optiongroup_last{/if} additional_info">
{foreach $config_groupkeys AS $config_groupkey}

View File

@ -362,7 +362,7 @@
if ($('#toggle_extended').length == 0 && $('#tools_extended').length != 0) {
// this function got called on load of the editor
var toggleButton = '#toggle_extended';
$('textarea[name="serendipity[extended]"]').parent().prepend('<a id="toggle_extended" class="button_link" href="#serendipity[extended]"><span class="icon-minus"></span><span class="visuallyhidden"> {$CONST.TOGGLE_ALL}</span></a>');
$('textarea[name="serendipity[extended]"]').parent().prepend('<a id="toggle_extended" class="button_link" href="#serendipity[extended]"><span class="icon-down-dir"></span><span class="visuallyhidden"> {$CONST.TOGGLE_ALL}</span></a>');
$(toggleButton).click(function(e) {
e.preventDefault();
serendipity.toggle_extended(true);
@ -376,12 +376,12 @@
if ($('textarea[name="serendipity[extended]"]:hidden').length > 0) {
$('textarea[name="serendipity[extended]"]').show(); // use name selector instead of id here; id does not work
$('#tools_extended').show();
$('#toggle_extended').find('> .icon-plus').removeClass('icon-plus').addClass('icon-minus');
$('#toggle_extended').find('> .icon-right-dir').removeClass('icon-right-dir').addClass('icon-down-dir');
localStorage.show_extended_editor = "true";
} else {
$('textarea[name="serendipity[extended]"]').hide();
$('#tools_extended').hide();
$('#toggle_extended').find('> .icon-minus').removeClass('icon-minus').addClass('icon-plus');
$('#toggle_extended').find('> .icon-down-dir').removeClass('icon-down-dir').addClass('icon-right-dir');
localStorage.show_extended_editor = "false";
}
if (setCookie) {
@ -396,7 +396,7 @@
// this function got called on load of the editor
var toggleButton = '#toggle_' + id;
$('#'+id).before('<button id="toggle_' + id + '" class="button_link" type="button" href="#' + id + '"><span class="icon-plus"></span><span class="visuallyhidden"> {$CONST.TOGGLE_ALL}</span></button>');
$('#'+id).before('<button id="toggle_' + id + '" class="button_link" type="button" href="#' + id + '"><span class="icon-right-dir"></span><span class="visuallyhidden"> {$CONST.TOGGLE_ALL}</span></button>');
$(toggleButton).click(function(e) {
e.preventDefault();
@ -411,7 +411,7 @@
// when loading the page new for the preview and more than one category was
// selected, collapsing the category-selector would lose those categories
$('#'+id).attr("size", $('#'+id).children().size);
$('#toggle_' + id).find('> .icon-plus').removeClass('icon-plus').addClass('icon-minus');
$('#toggle_' + id).find('> .icon-right-dir').removeClass('icon-right-dir').addClass('icon-down-dir');
return
}
@ -428,12 +428,12 @@
}
$('#'+id).removeAttr("multiple");
$('#'+id).removeAttr("size");
$('#toggle_' + id).find('> .icon-minus').removeClass('icon-minus').addClass('icon-plus');
$('#toggle_' + id).find('> .icon-down-dir').removeClass('icon-down-dir').addClass('icon-right-dir');
} else {
$('#'+id).attr("multiple", "");
$('#'+id).attr("size", $('#'+id).children().size);
$('#toggle_' + id).find('> .icon-plus').removeClass('icon-plus').addClass('icon-minus');
$('#toggle_' + id).find('> .icon-right-dir').removeClass('icon-right-dir').addClass('icon-down-dir');
var selected_categories = categoryselector_stored_categories;
if (selected_categories != null) {
@ -810,11 +810,11 @@ var AccessifyHTML5 = function (defaults, more_fixes) {
var $el = $(this);
var $toggleIcon = $el.find('> span');
var $toggleState = $toggleIcon.attr('class');
if($toggleState == 'icon-minus') {
$toggleIcon.removeClass('icon-minus').addClass('icon-plus');
if($toggleState == 'icon-down-dir') {
$toggleIcon.removeClass('icon-down-dir').addClass('icon-right-dir');
localStorage.show_advanced_options = "false";
} else {
$toggleIcon.removeClass('icon-plus').addClass('icon-minus');
$toggleIcon.removeClass('icon-right-dir').addClass('icon-down-dir');
localStorage.show_advanced_options = "true";
}
$('#meta_data').toggleClass('additional_info');
@ -844,11 +844,11 @@ var AccessifyHTML5 = function (defaults, more_fixes) {
var $el = $(this);
var $toggleIcon = $el.find('> span');
var $toggleState = $toggleIcon.attr('class');
if($toggleState == 'icon-minus') {
$toggleIcon.removeClass('icon-minus').addClass('icon-plus');
if($toggleState == 'icon-down-dir') {
$toggleIcon.removeClass('icon-down-dir').addClass('icon-right-dir');
localStorage.show_advanced_options = "false";
} else {
$toggleIcon.removeClass('icon-plus').addClass('icon-minus');
$toggleIcon.removeClass('icon-right-dir').addClass('icon-down-dir');
localStorage.show_advanced_options = "true";
}
$('#adv_opts').toggleClass('additional_info');
@ -876,10 +876,10 @@ var AccessifyHTML5 = function (defaults, more_fixes) {
}
var $toggleIcon = $el.find('> span');
var $toggleState = $toggleIcon.attr('class');
if($toggleState == 'icon-minus') {
$toggleIcon.removeClass('icon-minus').addClass('icon-plus');
if($toggleState == 'icon-down-dir') {
$toggleIcon.removeClass('icon-down-dir').addClass('icon-right-dir');
} else {
$toggleIcon.removeClass('icon-plus').addClass('icon-minus');
$toggleIcon.removeClass('icon-right-dir').addClass('icon-down-dir');
}
$($toggled).toggleClass('additional_info');
e.preventDefault();
@ -895,14 +895,14 @@ var AccessifyHTML5 = function (defaults, more_fixes) {
var $toggleIcons = $($container).find('.show_config_option > span');
var $toggleOption = $($container).find('.config_optiongroup');
if(optsCollapsed) {
$toggleIcons.removeClass('icon-plus').addClass('icon-minus');
$toggleIcons.removeClass('icon-right-dir').addClass('icon-down-dir');
$toggleOption.removeClass('additional_info');
$toggleIcon.removeClass('icon-plus').addClass('icon-minus');
$toggleIcon.removeClass('icon-right-dir').addClass('icon-down-dir');
optsCollapsed = false;
} else {
$toggleIcons.removeClass('icon-minus').addClass('icon-plus');
$toggleIcons.removeClass('icon-down-dir').addClass('icon-right-dir');
$toggleOption.addClass('additional_info');
$toggleIcon.removeClass('icon-minus').addClass('icon-plus');
$toggleIcon.removeClass('icon-down-dir').addClass('icon-right-dir');
optsCollapsed = true;
}
$(this).toggleClass('active');
@ -1124,10 +1124,10 @@ var AccessifyHTML5 = function (defaults, more_fixes) {
$toggles.prev().toggleClass('additional_info');
var $toggleIcon = $el.find('> span');
var $toggleState = $toggleIcon.attr('class');
if($toggleState == 'icon-minus') {
$toggleIcon.removeClass('icon-minus').addClass('icon-plus');
if($toggleState == 'icon-down-dir') {
$toggleIcon.removeClass('icon-down-dir').addClass('icon-right-dir');
} else {
$toggleIcon.removeClass('icon-plus').addClass('icon-minus');
$toggleIcon.removeClass('icon-right-dir').addClass('icon-down-dir');
}
e.preventDefault();
});