Initial commit

[perso/Immae/Projets/packagist/connexionswing-ckeditor-component.git] / sources / plugins / a11yhelp / dialogs / a11yhelp.js

/**\r
 * @license Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.\r
 * For licensing, see LICENSE.md or http://ckeditor.com/license\r
 */\r
\r
CKEDITOR.dialog.add( 'a11yHelp', function( editor ) {\r
	var lang = editor.lang.a11yhelp,\r
		id = CKEDITOR.tools.getNextId();\r
\r
	// CharCode <-> KeyChar.\r
	var keyMap = {\r
		8: lang.backspace,\r
		9: lang.tab,\r
		13: lang.enter,\r
		16: lang.shift,\r
		17: lang.ctrl,\r
		18: lang.alt,\r
		19: lang.pause,\r
		20: lang.capslock,\r
		27: lang.escape,\r
		33: lang.pageUp,\r
		34: lang.pageDown,\r
		35: lang.end,\r
		36: lang.home,\r
		37: lang.leftArrow,\r
		38: lang.upArrow,\r
		39: lang.rightArrow,\r
		40: lang.downArrow,\r
		45: lang.insert,\r
		46: lang[ 'delete' ],\r
		91: lang.leftWindowKey,\r
		92: lang.rightWindowKey,\r
		93: lang.selectKey,\r
		96: lang.numpad0,\r
		97: lang.numpad1,\r
		98: lang.numpad2,\r
		99: lang.numpad3,\r
		100: lang.numpad4,\r
		101: lang.numpad5,\r
		102: lang.numpad6,\r
		103: lang.numpad7,\r
		104: lang.numpad8,\r
		105: lang.numpad9,\r
		106: lang.multiply,\r
		107: lang.add,\r
		109: lang.subtract,\r
		110: lang.decimalPoint,\r
		111: lang.divide,\r
		112: lang.f1,\r
		113: lang.f2,\r
		114: lang.f3,\r
		115: lang.f4,\r
		116: lang.f5,\r
		117: lang.f6,\r
		118: lang.f7,\r
		119: lang.f8,\r
		120: lang.f9,\r
		121: lang.f10,\r
		122: lang.f11,\r
		123: lang.f12,\r
		144: lang.numLock,\r
		145: lang.scrollLock,\r
		186: lang.semiColon,\r
		187: lang.equalSign,\r
		188: lang.comma,\r
		189: lang.dash,\r
		190: lang.period,\r
		191: lang.forwardSlash,\r
		192: lang.graveAccent,\r
		219: lang.openBracket,\r
		220: lang.backSlash,\r
		221: lang.closeBracket,\r
		222: lang.singleQuote\r
	};\r
\r
	// Modifier keys override.\r
	keyMap[ CKEDITOR.ALT ] = lang.alt;\r
	keyMap[ CKEDITOR.SHIFT ] = lang.shift;\r
	keyMap[ CKEDITOR.CTRL ] = lang.ctrl;\r
\r
	// Sort in desc.\r
	var modifiers = [ CKEDITOR.ALT, CKEDITOR.SHIFT, CKEDITOR.CTRL ];\r
\r
	function representKeyStroke( keystroke ) {\r
		var quotient, modifier,\r
			presentation = [];\r
\r
		for ( var i = 0; i < modifiers.length; i++ ) {\r
			modifier = modifiers[ i ];\r
			quotient = keystroke / modifiers[ i ];\r
			if ( quotient > 1 && quotient <= 2 ) {\r
				keystroke -= modifier;\r
				presentation.push( keyMap[ modifier ] );\r
			}\r
		}\r
\r
		presentation.push( keyMap[ keystroke ] || String.fromCharCode( keystroke ) );\r
\r
		return presentation.join( '+' );\r
	}\r
\r
	var variablesPattern = /\$\{(.*?)\}/g;\r
\r
	var replaceVariables = ( function() {\r
		// Swaps keystrokes with their commands in object literal.\r
		// This makes searching keystrokes by command much easier.\r
		var keystrokesByCode = editor.keystrokeHandler.keystrokes,\r
			keystrokesByName = {};\r
\r
		for ( var i in keystrokesByCode )\r
			keystrokesByName[ keystrokesByCode[ i ] ] = i;\r
\r
		return function( match, name ) {\r
			// Return the keystroke representation or leave match untouched\r
			// if there's no keystroke for such command.\r
			return keystrokesByName[ name ] ? representKeyStroke( keystrokesByName[ name ] ) : match;\r
		};\r
	} )();\r
\r
	// Create the help list directly from lang file entries.\r
	function buildHelpContents() {\r
		var pageTpl = '<div class="cke_accessibility_legend" role="document" aria-labelledby="' + id + '_arialbl" tabIndex="-1">%1</div>' +\r
				'<span id="' + id + '_arialbl" class="cke_voice_label">' + lang.contents + ' </span>',\r
			sectionTpl = '<h1>%1</h1><dl>%2</dl>',\r
			itemTpl = '<dt>%1</dt><dd>%2</dd>';\r
\r
		var pageHtml = [],\r
			sections = lang.legend,\r
			sectionLength = sections.length;\r
\r
		for ( var i = 0; i < sectionLength; i++ ) {\r
			var section = sections[ i ],\r
				sectionHtml = [],\r
				items = section.items,\r
				itemsLength = items.length;\r
\r
			for ( var j = 0; j < itemsLength; j++ ) {\r
				var item = items[ j ],\r
					itemLegend = item.legend.replace( variablesPattern, replaceVariables );\r
\r
				// (#9765) If some commands haven't been replaced in the legend,\r
				// most likely their keystrokes are unavailable and we shouldn't include\r
				// them in our help list.\r
				if ( itemLegend.match( variablesPattern ) )\r
					continue;\r
\r
				sectionHtml.push( itemTpl.replace( '%1', item.name ).replace( '%2', itemLegend ) );\r
			}\r
\r
			pageHtml.push( sectionTpl.replace( '%1', section.name ).replace( '%2', sectionHtml.join( '' ) ) );\r
		}\r
\r
		return pageTpl.replace( '%1', pageHtml.join( '' ) );\r
	}\r
\r
	return {\r
		title: lang.title,\r
		minWidth: 600,\r
		minHeight: 400,\r
		contents: [ {\r
			id: 'info',\r
			label: editor.lang.common.generalTab,\r
			expand: true,\r
			elements: [\r
				{\r
					type: 'html',\r
					id: 'legends',\r
					style: 'white-space:normal;',\r
					focus: function() {\r
						this.getElement().focus();\r
					},\r
					html: buildHelpContents() + '<style type="text/css">' +\r
						'.cke_accessibility_legend' +\r
						'{' +\r
							'width:600px;' +\r
							'height:400px;' +\r
							'padding-right:5px;' +\r
							'overflow-y:auto;' +\r
							'overflow-x:hidden;' +\r
						'}' +\r
						// Some adjustments are to be done for Quirks to work "properly" (#5757)\r
						'.cke_browser_quirks .cke_accessibility_legend,' +\r
						'{' +\r
							'height:390px' +\r
						'}' +\r
						// Override non-wrapping white-space rule in reset css.\r
						'.cke_accessibility_legend *' +\r
						'{' +\r
							'white-space:normal;' +\r
						'}' +\r
						'.cke_accessibility_legend h1' +\r
						'{' +\r
							'font-size: 20px;' +\r
							'border-bottom: 1px solid #AAA;' +\r
							'margin: 5px 0px 15px;' +\r
						'}' +\r
						'.cke_accessibility_legend dl' +\r
						'{' +\r
							'margin-left: 5px;' +\r
						'}' +\r
						'.cke_accessibility_legend dt' +\r
						'{' +\r
							'font-size: 13px;' +\r
							'font-weight: bold;' +\r
						'}' +\r
						'.cke_accessibility_legend dd' +\r
						'{' +\r
							'margin:10px' +\r
						'}' +\r
						'</style>'\r
				}\r
			]\r
		} ],\r
		buttons: [ CKEDITOR.dialog.cancelButton ]\r
	};\r
} );\r