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

Refactor toggle buttons in entry editor according to config.

Browse Source
This commit is contained in:
Matthias Mees
2014-03-01 18:24:49 +01:00
parent 3b547687f9
commit 49319139e0
3 changed files with 22 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
templates/2k11/admin/entries.tpl
View File

@ -60,8 +60,8 @@
<textarea id="serendipity[extended]" name="serendipity[extended]" rows="15">{$entry_vars.entry.extended|@escape}</textarea>
</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-right-dir"></span><span class="visuallyhidden"> {$CONST.TOGGLE_ALL}</span></button> Entry metadata</legend></span> {* i18n *}
<div id="edit_entry_metadata" class="clearfix">
<button id="toggle_metadata" class="icon_link" type="button"><span class="icon-right-dir"></span> Entry metadata</button> {* i18n *}
<div id="meta_data" class="additional_info">
{if $entry_vars.allowDateManipulation}
@ -110,16 +110,16 @@
</fieldset>
</div>
</div>
</fieldset>
</div>
{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-right-dir"></span><span class="visuallyhidden"> {$CONST.TOGGLE_ALL}</span></button> {$CONST.ADVANCED_OPTIONS}</legend></span>
<div id="advanced_options">
<button id="toggle_advanced" class="icon_link" type="button"><span class="icon-right-dir"></span> {$CONST.ADVANCED_OPTIONS}</button>
<div id="adv_opts" class="additional_info">
{$smarty.capture.advanced_options}
</div>
</fieldset>
</div>
{/if}
</form>

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

@ -362,7 +362,8 @@
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-down-dir"></span><span class="visuallyhidden"> {$CONST.TOGGLE_ALL}</span></a>');
$('textarea[name="serendipity[extended]"]').parent().find('label').first().wrap('<button id="toggle_extended" class="icon_link" type="button"></button>');
$(toggleButton).prepend('<span class="icon-down-dir"></span> ');
$(toggleButton).click(function(e) {
e.preventDefault();
serendipity.toggle_extended(true);
@ -806,7 +807,7 @@ var AccessifyHTML5 = function (defaults, more_fixes) {
// also works for advanced options (see below); also not sure if
// the localStorage stuff works here (seems to)
if($('body').has('#edit_entry_metadata').size() > 0) {
$('#edit_entry_metadata legend > button').click(function() {
$('#toggle_metadata').click(function() {
var $el = $(this);
var $toggleIcon = $el.find('> span');
var $toggleState = $toggleIcon.attr('class');
@ -820,7 +821,7 @@ var AccessifyHTML5 = function (defaults, more_fixes) {
$('#meta_data').toggleClass('additional_info');
});
if (localStorage.show_advanced_options == "true") {
$('#edit_entry_metadata > legend > button').click();
$('#toggle_metadata').click();
}
}
@ -840,7 +841,7 @@ var AccessifyHTML5 = function (defaults, more_fixes) {
// Advanced options
if($('body').has('#advanced_options').size() > 0) {
$('#advanced_options legend > button').click(function() {
$('#toggle_advanced').click(function() {
var $el = $(this);
var $toggleIcon = $el.find('> span');
var $toggleState = $toggleIcon.attr('class');
@ -854,7 +855,7 @@ var AccessifyHTML5 = function (defaults, more_fixes) {
$('#adv_opts').toggleClass('additional_info');
});
if (localStorage.show_advanced_options == "true") {
$('#advanced_options legend > button').click();
$('#toggle_advanced').click();
}
}

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

@ -865,7 +865,8 @@ label > span,
.wrap_legend > legend > span,
input[type=checkbox] + label,
input[type=radio] + label,
.form_check label {
.form_check label,
.js #toggle_extended label {
font-weight: normal;
}
@ -903,7 +904,8 @@ input[type=checkbox],
.filter_pane,
#s9y_links > ul,
#serendipity_category .inputs,
#serendipity_customfields textarea {
#serendipity_customfields textarea,
#adv_opts {
margin-top: .75em;
margin-bottom: .75em;
}
@ -1419,7 +1421,8 @@ fieldset p,
#entries_list .actions,
.serendipityCommentForm,
#captchabox .captcha {
#captchabox .captcha,
.editor_toolbar {
margin-top: .75em;
}
@ -1480,10 +1483,6 @@ form > .button_link:first-of-type,
margin-bottom: 3em;
}
.editor_toolbar {
margin-top: .5em;
}
#serendipity_comments_list .actions {
margin: .75em 0;
}
@ -1709,7 +1708,10 @@ form > .button_link:first-of-type,
max-width: 85%;
}
.toggle_headline > button {
.toggle_headline > button,
#toggle_extended,
#toggle_metadata,
#toggle_advanced {
text-align: left;
width: 100%;
}