diff --git a/templates/2k11/admin/entries.tpl b/templates/2k11/admin/entries.tpl index afab0033..250dae6e 100644 --- a/templates/2k11/admin/entries.tpl +++ b/templates/2k11/admin/entries.tpl @@ -34,6 +34,12 @@ +
+

{$CONST.CATEGORIES}

+ + +
+
{$CONST.CATEGORIES} diff --git a/templates/2k11/admin/serendipity_editor.js.tpl b/templates/2k11/admin/serendipity_editor.js.tpl index 68272858..afc44a18 100644 --- a/templates/2k11/admin/serendipity_editor.js.tpl +++ b/templates/2k11/admin/serendipity_editor.js.tpl @@ -612,6 +612,23 @@ $(img).attr('src', $(img).attr('src')+'?'+Math.random()); } + serendipity.categoryList = function() { + var $source = $('#edit_entry_category'); + var $target = $('#category_list > ul'); + var $selected = $source.find('input:checkbox:checked'); + + $target.empty(); + + if ($selected.length > 0) { + $selected.each(function() { + var catText = $(this).next('label').text(); + $('
  • '+ catText +'
  • ').appendTo($target); + }); + } else { + $('
  • {$CONST.NO_CATEGORIES}
  • ').appendTo($target); + } + } + }( window.serendipity = window.serendipity || {}, jQuery )); // Source: https://github.com/yatil/accessifyhtml5.js @@ -841,6 +858,7 @@ var AccessifyHTML5 = function (defaults, more_fixes) { // Editor-area if($('body').has('#serendipityEntry').size() > 0) { + serendipity.categoryList(); serendipity.toggle_category_selector('categoryselector'); serendipity.toggle_extended(); } @@ -942,7 +960,12 @@ var AccessifyHTML5 = function (defaults, more_fixes) { $('#select_category').magnificPopup({ type: "inline", - closeMarkup: '' + closeMarkup: '', + callbacks: { + afterClose: function() { + serendipity.categoryList(); + } + } }); } {/if} diff --git a/templates/2k11/admin/style.css b/templates/2k11/admin/style.css index 25be1c6c..4e78697d 100644 --- a/templates/2k11/admin/style.css +++ b/templates/2k11/admin/style.css @@ -1022,6 +1022,7 @@ h4, } .toggle_headline, +#category_list h3, h5, h6 { font-size: 1em; @@ -1630,6 +1631,22 @@ form > .button_link:first-of-type, padding-bottom: .583335em; } +#category_list h3 { + float: left; + line-height: 1.5em; + margin: 0 2em .75em 0; +} + +#category_list ul { + margin: 0 0 .75em; + line-height: 1.5em; +} + +#category_list li { + display: inline-block; + margin: 0 1em 0 0; +} + #template_select article, .plugins_installable > li, .media_file { @@ -2083,6 +2100,7 @@ label .perm_name, .no-js .customfieldMedia, .no-js .toggle_links, .no-js .toggle_info, +.no-js #category_list, .js .additional_info, .installer .toggle_info, .hidden,