first commit

1 files changed, 151 insertions, 0 deletions

diff --git a/www/wiki/mw-config/config.js b/www/wiki/mw-config/config.js
new file mode 100644
index 00000000..99290f44
--- /dev/null
+++ b/www/wiki/mw-config/config.js
@@ -0,0 +1,151 @@
+/* global extDependencyMap */
+( function ( $ ) {
+	$( function () {
+		var $label, labelText;
+
+		function syncText() {
+			var value = $( this ).val()
+				.replace( /[\[\]{}|#<>%+? ]/g, '_' ) // eslint-disable-line no-useless-escape
+				.replace( /&/, '&amp;' )
+				.replace( /__+/g, '_' )
+				.replace( /^_+/, '' )
+				.replace( /_+$/, '' );
+			value = value.charAt( 0 ).toUpperCase() + value.slice( 1 );
+			$label.text( labelText.replace( '$1', value ) );
+		}
+
+		// Set up the help system
+		$( '.config-help-field-data' ).hide()
+			.closest( '.config-help-field-container' ).find( '.config-help-field-hint' )
+			.show()
+			.click( function () {
+				$( this ).closest( '.config-help-field-container' ).find( '.config-help-field-data' )
+					.slideToggle( 'fast' );
+			} );
+
+		// Show/hide code for DB-specific options
+		// FIXME: Do we want slow, fast, or even non-animated (instantaneous) showing/hiding here?
+		$( '.dbRadio' ).each( function () {
+			$( document.getElementById( $( this ).attr( 'rel' ) ) ).hide();
+		} );
+		$( document.getElementById( $( '.dbRadio:checked' ).attr( 'rel' ) ) ).show();
+		$( '.dbRadio' ).click( function () {
+			var $checked = $( '.dbRadio:checked' ),
+				$wrapper = $( document.getElementById( $checked.attr( 'rel' ) ) );
+			if ( $wrapper.is( ':hidden' ) ) {
+				$( '.dbWrapper' ).hide( 'slow' );
+				$wrapper.show( 'slow' );
+			}
+		} );
+
+		// Scroll to the bottom of upgrade log
+		$( '#config-live-log' ).children( 'textarea' ).each( function () {
+			this.scrollTop = this.scrollHeight;
+		} );
+
+		// Show/hide Creative Commons thingy
+		$( '.licenseRadio' ).click( function () {
+			var $wrapper = $( '#config-cc-wrapper' );
+			if ( $( '#config__LicenseCode_cc-choose' ).is( ':checked' ) ) {
+				$wrapper.show( 'slow' );
+			} else {
+				$wrapper.hide( 'slow' );
+			}
+		} );
+
+		// Show/hide random stuff (email, upload)
+		$( '.showHideRadio' ).click( function () {
+			var $wrapper = $( '#' + $( this ).attr( 'rel' ) );
+			if ( $( this ).is( ':checked' ) ) {
+				$wrapper.show( 'slow' );
+			} else {
+				$wrapper.hide( 'slow' );
+			}
+		} );
+		$( '.hideShowRadio' ).click( function () {
+			var $wrapper = $( '#' + $( this ).attr( 'rel' ) );
+			if ( $( this ).is( ':checked' ) ) {
+				$wrapper.hide( 'slow' );
+			} else {
+				$wrapper.show( 'slow' );
+			}
+		} );
+
+		// Hide "other" textboxes by default
+		// Should not be done in CSS for javascript disabled compatibility
+		if ( !$( '#config__NamespaceType_other' ).is( ':checked' ) ) {
+			$( '.enabledByOther' ).closest( '.config-block' ).hide();
+		}
+
+		// Enable/disable "other" textboxes
+		$( '.enableForOther' ).click( function () {
+			var $textbox = $( document.getElementById( $( this ).attr( 'rel' ) ) );
+			// FIXME: Ugh, this is ugly
+			if ( $( this ).val() === 'other' ) {
+				$textbox.prop( 'readonly', false ).closest( '.config-block' ).slideDown( 'fast' );
+			} else {
+				$textbox.prop( 'readonly', true ).closest( '.config-block' ).slideUp( 'fast' );
+			}
+		} );
+
+		// Synchronize radio button label for sitename with textbox
+		$label = $( 'label[for="config__NamespaceType_site-name"]' );
+		labelText = $label.text();
+		$label.text( labelText.replace( '$1', '' ) );
+		$( '#config_wgSitename' ).on( 'keyup change', syncText ).each( syncText );
+
+		// Show/Hide memcached servers when needed
+		$( 'input[name$="config__MainCacheType"]' ).change( function () {
+			var $memc = $( '#config-memcachewrapper' );
+			if ( $( 'input[name$="config__MainCacheType"]:checked' ).val() === 'memcached' ) {
+				$memc.show( 'slow' );
+			} else {
+				$memc.hide( 'slow' );
+			}
+		} );
+
+		function areReqsSatisfied( name ) {
+			var i, ext, skin, node;
+			if ( !extDependencyMap[ name ] ) {
+				return true;
+			}
+
+			if ( extDependencyMap[ name ].extensions ) {
+				for ( i in extDependencyMap[ name ].extensions ) {
+					ext = extDependencyMap[ name ].extensions[ i ];
+					node = document.getElementById( 'config_ext-' + ext );
+					if ( !node || !node.checked ) {
+						return false;
+					}
+				}
+			}
+			if ( extDependencyMap[ name ].skins ) {
+				for ( i in extDependencyMap[ name ].skins ) {
+					skin = extDependencyMap[ name ].skins[ i ];
+					node = document.getElementById( 'config_skin-' + skin );
+					if ( !node || !node.checked ) {
+						return false;
+					}
+				}
+			}
+
+			return true;
+		}
+
+		// Disable checkboxes if the extension has dependencies
+		$( '.mw-ext-with-dependencies input' ).prop( 'disabled', true );
+		$( '.config-ext-input[data-name]' ).on( 'change', function () {
+			$( '.mw-ext-with-dependencies input' ).each( function () {
+				var name = this.getAttribute( 'data-name' );
+				if ( areReqsSatisfied( name ) ) {
+					// Re-enable it!
+					this.disabled = false;
+				} else {
+					// Uncheck and disable the checkbox
+					this.checked = false;
+					this.disabled = true;
+				}
+			} );
+		} );
+	} );
+}( jQuery ) );