X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.rcfilters%2Fmw.rcfilters.init.js;h=0819351fd30e2e77c198832e8caecc6507461d18;hb=31495b9e60e01438f5906cb24d484599e4930e66;hp=12a83cda094a1e4baf4a1cad3993e57097088a3d;hpb=7911744c3d66256fc4cd187723156e7ef36fc412;p=lhc%2Fweb%2Fwiklou.git

diff --git a/resources/src/mediawiki.rcfilters/mw.rcfilters.init.js b/resources/src/mediawiki.rcfilters/mw.rcfilters.init.js
index 12a83cda09..bab8ee5d14 100644
--- a/resources/src/mediawiki.rcfilters/mw.rcfilters.init.js
+++ b/resources/src/mediawiki.rcfilters/mw.rcfilters.init.js
@@ -8,24 +8,39 @@
 		 * @private
 		 */
 		init: function () {
-			var toplinksTitle,
-				topLinksCookieName = 'rcfilters-toplinks-collapsed-state',
-				topLinksCookie = mw.cookie.get( topLinksCookieName ),
-				topLinksCookieValue = topLinksCookie || 'collapsed',
+			var $topLinks,
+				rcTopSection,
+				$watchlistDetails,
+				wlTopSection,
+				savedQueriesPreferenceName = mw.config.get( 'wgStructuredChangeFiltersSavedQueriesPreferenceName' ),
 				filtersModel = new mw.rcfilters.dm.FiltersViewModel(),
 				changesListModel = new mw.rcfilters.dm.ChangesListViewModel(),
-				savedQueriesModel = new mw.rcfilters.dm.SavedQueriesModel(),
-				controller = new mw.rcfilters.Controller( filtersModel, changesListModel, savedQueriesModel ),
+				savedQueriesModel = new mw.rcfilters.dm.SavedQueriesModel( filtersModel ),
+				controller = new mw.rcfilters.Controller(
+					filtersModel, changesListModel, savedQueriesModel,
+					{
+						savedQueriesPreferenceName: savedQueriesPreferenceName
+					}
+				),
 				$overlay = $( '<div>' )
 					.addClass( 'mw-rcfilters-ui-overlay' ),
 				filtersWidget = new mw.rcfilters.ui.FilterWrapperWidget(
-					controller, filtersModel, savedQueriesModel, { $overlay: $overlay } );
+					controller, filtersModel, savedQueriesModel, changesListModel, { $overlay: $overlay } ),
+				savedLinksListWidget = new mw.rcfilters.ui.SavedLinksListWidget(
+					controller, savedQueriesModel, { $overlay: $overlay }
+				),
+				specialPage = mw.config.get( 'wgCanonicalSpecialPageName' );
 
 			// TODO: The changesListWrapperWidget should be able to initialize
 			// after the model is ready.
 			// eslint-disable-next-line no-new
 			new mw.rcfilters.ui.ChangesListWrapperWidget(
-				filtersModel, changesListModel, $( '.mw-changeslist, .mw-changeslist-empty' ) );
+				filtersModel, changesListModel, controller, $( '.mw-changeslist, .mw-changeslist-empty' ) );
+
+			// Remove the -loading class that may have been added on the server side.
+			// If we are in fact going to load a default saved query, this .initialize()
+			// call will do that and add the -loading class right back.
+			$( 'body' ).removeClass( 'mw-rcfilters-ui-loading' );
 
 			controller.initialize(
 				mw.config.get( 'wgStructuredChangeFilters' ),
@@ -35,11 +50,12 @@
 
 			// eslint-disable-next-line no-new
 			new mw.rcfilters.ui.FormWrapperWidget(
-				filtersModel, changesListModel, controller, $( 'fieldset.rcoptions' ) );
+				filtersModel, changesListModel, controller, $( 'fieldset.cloptions' ) );
 
 			$( '.rcfilters-container' ).append( filtersWidget.$element );
-			$( 'body' ).append( $overlay );
-			$( '.rcfilters-head' ).addClass( 'mw-rcfilters-ui-ready' );
+			$( 'body' )
+				.append( $overlay )
+				.addClass( 'mw-rcfilters-ui-initialized' );
 
 			$( 'a.mw-helplink' ).attr(
 				'href',
@@ -48,34 +64,42 @@
 
 			controller.replaceUrl();
 
-			toplinksTitle = new OO.ui.ButtonWidget( {
-				framed: false,
-				indicator: topLinksCookieValue === 'collapsed' ? 'down' : 'up',
-				flags: [ 'progressive' ],
-				label: $( '<span>' ).append( mw.message( 'rcfilters-other-review-tools' ).parse() ).contents()
-			} );
-			$( '.mw-recentchanges-toplinks-title' ).replaceWith( toplinksTitle.$element );
-			// Move the top links to a designated area so it's near the
-			// 'saved filters' button and make it collapsible
-			$( '.mw-recentchanges-toplinks' )
-				.addClass( 'mw-rcfilters-ui-ready' )
-				.makeCollapsible( {
-					collapsed: topLinksCookieValue === 'collapsed',
-					$customTogglers: toplinksTitle.$element
-				} )
-				.on( 'beforeExpand.mw-collapsible', function () {
-					mw.cookie.set( topLinksCookieName, 'expanded' );
-					toplinksTitle.setIndicator( 'up' );
-				} )
-				.on( 'beforeCollapse.mw-collapsible', function () {
-					mw.cookie.set( topLinksCookieName, 'collapsed' );
-					toplinksTitle.setIndicator( 'down' );
-				} )
-				.appendTo( '.mw-rcfilters-ui-filterWrapperWidget-top-placeholder' );
+			if ( specialPage === 'Recentchanges' ||
+				specialPage === 'Recentchangeslinked' ) {
+				$topLinks = $( '.mw-recentchanges-toplinks' ).detach();
+
+				rcTopSection = new mw.rcfilters.ui.RcTopSectionWidget(
+					savedLinksListWidget, $topLinks
+				);
+				filtersWidget.setTopSection( rcTopSection.$element );
+			} // end Special:RC
+
+			if ( specialPage === 'Watchlist' ) {
+				$( '#contentSub, form#mw-watchlist-resetbutton' ).detach();
+				$watchlistDetails = $( '.watchlistDetails' ).detach().contents();
+
+				wlTopSection = new mw.rcfilters.ui.WatchlistTopSectionWidget(
+					controller, changesListModel, savedLinksListWidget, $watchlistDetails
+				);
+				filtersWidget.setTopSection( wlTopSection.$element );
+			} // end Special:WL
+
+			/**
+			 * Fired when initialization of the filtering interface for changes list is complete.
+			 *
+			 * @event structuredChangeFilters_ui_initialized
+			 * @member mw.hook
+			 */
+			mw.hook( 'structuredChangeFilters.ui.initialized' ).fire();
 		}
 	};
 
-	$( rcfilters.init );
+	// Early execute of init
+	if ( document.readyState === 'interactive' || document.readyState === 'complete' ) {
+		rcfilters.init();
+	} else {
+		$( rcfilters.init );
+	}
 
 	module.exports = rcfilters;