summaryrefslogtreecommitdiff
path: root/www/wiki/extensions/Translate/resources/js/ext.translate.navitoggle.js
blob: 177b8e8b0a0ad48cdcd6397221a3425efd5f9206 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
/*!
 * Introduces a toggle icon than can be used to hide navigation menu in vector
 * @author Niklas Laxström
 * @license GPL-2.0+
 */
( function ( mw, $ ) {
	'use strict';

	var delay = ( function () {
		var timer = 0;

		return function ( callback, milliseconds ) {
			clearTimeout( timer );
			timer = setTimeout( callback, milliseconds );
		};
	}() );

	$( document ).ready( function () {
		var $miniLogo, $toggle, rtl, delim,
			$body = $( 'body' );

		rtl = $body.hasClass( 'rtl' );
		delim = rtl ?
			$( '#mw-head-base' ).css( 'margin-right' ) :
			$( '#mw-head-base' ).css( 'margin-left' );

		$miniLogo = $( '#p-logo' )
			.clone()
			.removeAttr( 'id' )
			.addClass( 'tux-navi-minilogo' );

		$toggle = $( '<div>' )
			.addClass( 'tux-navitoggle' )
			.css( rtl ? 'right' : 'left', delim )
			.click( function () {
				$body.toggleClass( 'tux-navi-collapsed' );
				// Allow for animations etc to go
				delay( function () {
					$( window ).trigger( 'resize' );
					$( window ).trigger( 'scroll' );
				}, 250 );
			} );

		$( 'body' ).append( $miniLogo, $toggle );

	} );
}( mediaWiki, jQuery ) );