Skip to Content
0 Votes

Changes for page Solr Search

Last modified by Сергей Коршунов on 2025/01/12 00:53
From version 3.1
edited by Сергей Коршунов
on 2023/10/28 16:30
Change comment: Install extension [org.xwiki.platform:xwiki-platform-search-solr-ui/15.8]
To version 2.1
edited by Сергей Коршунов
on 2022/03/08 17:00
Change comment: Install extension [org.xwiki.platform:xwiki-platform-search-solr-ui/14.1]

Summary

Details

dark-grey-disclosure-arrow-down.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.admins
Size
... ... @@ -1,0 +1,1 @@
1 +94 bytes
Content
dark-grey-disclosure-arrow-left.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.admins
Size
... ... @@ -1,0 +1,1 @@
1 +94 bytes
Content
light-grey-disclosure-arrow-down.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.admins
Size
... ... @@ -1,0 +1,1 @@
1 +94 bytes
Content
light-grey-disclosure-arrow-left.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.admins
Size
... ... @@ -1,0 +1,1 @@
1 +94 bytes
Content
XWiki.JavaScriptExtension[0]
Code
... ... @@ -37,21 +37,14 @@
37 37   }
38 38   };
39 39  
40 - var addFacetValueCheckbox = function(index) {
41 - // Create an id unique to the facet value.
42 - let facetContainer = $(this).parents('.search-facet').first();
43 - $(this).attr('id', facetContainer.attr('data-name') + '-' + index.toString());
44 - // Initialize the checkbox.
45 - let checkBox = $(document.createElement('input')).attr('type', 'checkbox');
46 - checkBox.attr('aria-labelledby', $(this).attr('id'));
40 + var addFacetValueCheckbox = function() {
41 + var checkBox = $(document.createElement('input')).attr('type', 'checkbox');
47 47   checkBox.prop('checked', $(this).hasClass('selected'));
48 48   // Add the 'checked' attribute so that it can be easily located with CSS.
49 49   checkBox.prop('checked') && checkBox.attr('checked', 'checked');
50 50   checkBox.on('click', this.click.bind(this));
51 - // Remove the 'selected' class because the selected state is already marked using the check box.
52 - $(this).removeClass('selected')
53 - // Add the checkbox to the DOM
54 - $(this).before(checkBox)
46 + // Remove the 'selected' class because the selected state is marked using the check box.
47 + $(this).removeClass('selected').before(checkBox);
55 55   };
56 56  
57 57   var enhanceSearchFacets = function() {
... ... @@ -68,8 +68,8 @@
68 68   updateExpandCollapseAllFacetsState(facetsContainer);
69 69  
70 70   // Expand/Collapse toggle for each facet.
71 - facetsContainer.find('.facet-toggler').on('click', function(event) {
72 - $(event.target).parents('.search-facet').toggleClass('expanded');
64 + facetsContainer.find('.search-facet-header').on('click', function(event) {
65 + $(event.target).parent('.search-facet').toggleClass('expanded');
73 73   updateExpandCollapseAllFacetsState(facetsContainer);
74 74   });
75 75  
XWiki.StyleSheetExtension[0]
Code
... ... @@ -287,6 +287,7 @@
287 287  }
288 288  
289 289  .search-facet-header {
290 + background: url("$doc.getAttachmentURL('dark-grey-disclosure-arrow-left.png')") no-repeat scroll 100% 50% transparent;
290 290   color: $theme.titleColor;
291 291   cursor: pointer;
292 292   line-height: 1.4em;
... ... @@ -328,41 +328,13 @@
328 328  }
329 329  
330 330  .search-facet-body li {
331 - display: flex;
332 - flex-wrap: wrap;
333 333   padding: .1em .2em;
334 334  }
335 335  
336 -.search-facet .search-facet-header .facet-toggler, button.facet-value-toggler {
337 - background: transparent;
338 - float: right;
335 +.search-facet.expanded .search-facet-header {
336 + background-image: url("$doc.getAttachmentURL('dark-grey-disclosure-arrow-down.png')");
339 339  }
340 340  
341 -button.facet-value-toggler:not(:active) {
342 - color: $theme.btn-primary-color;
343 -}
344 -
345 -.search-facet .search-facet-header .facet-toggler:active, button.facet-value-toggler:active {
346 - box-shadow: unset;
347 -}
348 -
349 -.search-facet .search-facet-header .facet-toggler > span, button.facet-value-toggler > span,
350 -.search-facet .search-facet-header .facet-toggler > img, button.facet-value-toggler > img {
351 - transform: rotate(90deg);
352 -}
353 -
354 -.search-facet.expanded .search-facet-header .facet-toggler > span, .expanded > button.facet-value-toggler > span,
355 -.search-facet.expanded .search-facet-header .facet-toggler > img, .expanded > button.facet-value-toggler > img {
356 - transform: rotate(0deg);
357 -}
358 -
359 -@media not (prefers-reduced-motion) {
360 - .search-facet .search-facet-header .facet-toggler > span, button.facet-value-toggler > span,
361 - .search-facet .search-facet-header .facet-toggler > img, button.facet-value-toggler > img {
362 - transition: transform 0.2s ease;
363 - }
364 -}
365 -
366 366  .search-facet.expanded .search-facet-body {
367 367   display: block;
368 368  }
... ... @@ -380,6 +380,7 @@
380 380  }
381 381  
382 382  .search-facet-body input[type="checkbox"] {
356 + float: left;
383 383   margin: .2em 0;
384 384  }
385 385  
... ... @@ -410,8 +410,8 @@
410 410  }
411 411  
412 412  .search-facet-body .itemCount {
387 + float: right;
413 413   padding: .1em 0;
414 - margin-left: auto;
415 415  }
416 416  
417 417  @media (max-width: 768px) {