Skip to Content

Changes for page Administration

Last modified by Leon Poon on 2025/05/12 14:26
From version 8.1
edited by Leon Poon
on 2024/03/23 04:26
Change comment: Install extension [org.xwiki.platform:xwiki-platform-administration-ui/15.10.7]
To version 6.1
edited by Leon Poon
on 2021/03/01 13:34
Change comment: Install extension [org.xwiki.platform:xwiki-platform-administration-ui/12.10.4]

Summary

Details

Page properties
Content
... ... @@ -232,8 +232,7 @@
232 232  
233 233  #macro (verticalNavigation $menu $options)
234 234   {{html clean="false"}}
235 - <nav id="$!options.id" class="panel-group $!options.cssClass"
236 - aria-label="$escapetool.xml($services.localization.render('administration.menu.label'))">
235 + <div id="$!options.id" class="panel-group $!options.cssClass" role="tablist" aria-multiselectable="true">
237 237   <div class="panel xform">
238 238   <label for="adminsearchmenu" class="hidden">$services.localization.render('search')</label>
239 239   <input type="text" class="form-control panel-group-filter" autocomplete="off" id="adminsearchmenu"
... ... @@ -249,7 +249,7 @@
249 249   $escapetool.xml($services.localization.render('administration.menu.search.noResults'))
250 250   </div>
251 251   </div>
252 - </nav>
251 + </div>
253 253   {{/html}}
254 254  #end
255 255  
... ... @@ -265,11 +265,11 @@
265 265   #set ($children = [])
266 266   #sortCollectionOfMapsByField($item.children, 'order', 99999, 'asc', $children)
267 267   <div class="panel panel-default">
268 - <a class="panel-heading#if (!$isActive) collapsed#end" id="panel-heading-$escapedId"
267 + <a class="panel-heading#if (!$isActive) collapsed#end" role="tab" id="panel-heading-$escapedId"
269 269   href="$!item.url" data-toggle="collapse"#if ("$!options.id" != '') data-parent="#$options.id" #end
270 270   data-target="#panel-body-$escapedId" aria-expanded="$isActive" aria-controls="panel-body-$escapedId"
271 271   title="$!escapetool.xml($item.description)">$!services.icon.renderHTML($item.icon)$escapetool.xml($name)</a>
272 - <section class="panel-collapse collapse#if ($isActive) in#end" id="panel-body-$escapedId"
271 + <div class="panel-collapse collapse#if ($isActive) in#end" role="tabpanel" id="panel-body-$escapedId"
273 273   aria-labelledby="panel-heading-$escapedId">
274 274   <div class="list-group">
275 275   #foreach ($child in $children)
... ... @@ -276,7 +276,7 @@
276 276   #verticalNavigationItem($child $options)
277 277   #end
278 278   </div>
279 - </section>
278 + </div>
280 280   </div>
281 281   #else
282 282   <a class="list-group-item#if ($isActive) active#end" data-id="$escapedId"
... ... @@ -334,7 +334,7 @@
334 334   #end
335 335  #end
336 336  (% id="document-title" %)(((
337 - = $services.localization.render("administration.sectionTitle$level", 'xwiki/2.1', [$sectionName]) =
336 + = $services.localization.render("administration.sectionTitle$level", [$sectionName]) =
338 338   ## Display the category/section description below the title.
339 339   #set ($categoryOrSectionId = $crtCategory.id)
340 340   #if ("$!crtSection.id" != '')
XWiki.JavaScriptExtension[0]
Code
... ... @@ -26,7 +26,7 @@
26 26   // Filter the categories.
27 27   panelGroup.find('a.panel-heading').each(function() {
28 28   var panel = $(this).closest('.panel');
29 - var hasVisibleSections = panel.find('.list-group-item').not('.hidden').length > 0;
29 + var hasVisibleSections = panel.find('.list-group-item').not('.hidden').size() > 0;
30 30   var matchesFilterQuery = !filterItem.call($(this), text);
31 31   panel.toggle(hasVisibleSections || matchesFilterQuery);
32 32   if (!hasVisibleSections && matchesFilterQuery) {
... ... @@ -50,7 +50,7 @@
50 50   .next('.panel-collapse').addClass('in').css('height', '');
51 51   }
52 52   // Show/Hide the "No results." message.
53 - var hasVisibleCategories = panelGroup.find('a.panel-heading').filter(':visible').length > 0;
53 + var hasVisibleCategories = panelGroup.find('a.panel-heading').filter(':visible').size() > 0;
54 54   panelGroup.find('.noitems').toggleClass('hidden', hasVisibleCategories);
55 55   };
56 56  
... ... @@ -61,7 +61,7 @@
61 61   var panelGroup = $(this).closest('.panel-group');
62 62   var text = $(this).val().toLowerCase();
63 63   // Schedule a new filter operation.
64 - timeoutId = setTimeout(filterPanelGroup.bind(panelGroup, text), 500);
64 + timeoutId = setTimeout($.proxy(filterPanelGroup, panelGroup, text), 500);
65 65  
66 66   // Finally, enable the search input.
67 67   }).prop('disabled', false);
XWiki.StyleSheetExtension[0]
Code
... ... @@ -89,8 +89,8 @@
89 89  }
90 90  
91 91  .admin-menu .panel-heading.collapsed {
92 - border-bottom-left-radius: 5px;
93 - border-bottom-right-radius: 5px;
92 + border-bottom-left-radius: 3px;
93 + border-bottom-right-radius: 3px;
94 94  }
95 95  
96 96  .admin-menu a.panel-heading {
... ... @@ -112,8 +112,8 @@
112 112  }
113 113  
114 114  .admin-menu .panel-collapse > .list-group:last-child .list-group-item.last {
115 - border-bottom-right-radius: 5px;
116 - border-bottom-left-radius: 5px;
115 + border-bottom-right-radius: 3px;
116 + border-bottom-left-radius: 3px;
117 117  }
118 118  
119 119  .admin-menu .panel.noitems > .panel-heading {