bryce/jquery.uls
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #272 from wikimedia/fix-no-search-results

Browse Source 
Improve how "no search results" is handled
This commit is contained in:
Santhosh Thottingal
2017-09-11 11:32:46 +05:30
committed by GitHub
parent 0075ef59bc ca550e22cd
commit 34df56f650
3 changed files with 8 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
css/jquery.uls.lcd.css
View File

@@ -103,13 +103,6 @@
vertical-align: middle;
}
/* TODO: ugly hack that forces last matching search results to shift down.
* They should be hidden properly.
*/
.uls-no-results-view {
height: 100%;
}
.uls-no-results-found-title {
font-size: 16px;
padding: 0 16px 0 28px;

2
src/jquery.uls.core.js
View File

@@ -221,7 +221,7 @@
},
/**
* callback for results found context.
* Callback for results found context.
*/
success: function () {
this.$resultsView.show();

11
src/jquery.uls.lcd.js
View File

@@ -31,7 +31,6 @@
.addClass( 'uls-no-results-found-title' )
.text( 'No results found' ),
$( '<div>' )
.attr( 'id', 'uls-no-found-more' )
.addClass( 'uls-no-found-more' )
.append(
$( '<div>' )
@@ -54,7 +53,7 @@
this.renderTimeout = null;
this.cachedQuicklist = null;
this.$element.append( $( noResultsTemplate ) );
this.$element.append( noResultsTemplate.clone() );
this.$noResults = this.$element.children( '.uls-no-results-view' );
this.render();
@@ -175,7 +174,7 @@
lcd = this;
this.$noResults.addClass( 'hide' );
this.$element.find( '.uls-lcd-region-section' ).each( function () {
this.$element.children( '.uls-lcd-region-section' ).each( function () {
var $region = $( this ),
regionCode = $region.attr( 'id' );
@@ -367,16 +366,20 @@
noResults: function () {
this.$noResults.removeClass( 'hide' );
this.$noResults.siblings( '.uls-lcd-region-section' ).addClass( 'hide' );
// Only build the data once
if ( this.$noResults.find( '.uls-lcd-region-title' ).length ) {
return;
}
var $suggestions = this.buildQuicklist().clone();
$suggestions.removeClass( 'hide' ).removeAttr( 'id' );
$suggestions.find( 'h3' )
.data( 'i18n', 'uls-no-results-suggestion-title' )
.text( 'You may be interested in:' )
.i18n();
this.$noResults.find( 'h2' ).after( $suggestions.show() );
this.$noResults.find( 'h2' ).after( $suggestions );
},
listen: function () {