mirror of
				https://github.com/flynx/ImageGrid.git
				synced 2025-10-29 18:30:09 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			796 lines
		
	
	
		
			21 KiB
		
	
	
	
		
			JavaScript
		
	
	
		
			Executable File
		
	
	
	
	
			
		
		
	
	
			796 lines
		
	
	
		
			21 KiB
		
	
	
	
		
			JavaScript
		
	
	
		
			Executable File
		
	
	
	
	
| /**********************************************************************
 | |
| * 
 | |
| *
 | |
| *
 | |
| **********************************************************************/
 | |
| 
 | |
| //var DEBUG = DEBUG != null ? DEBUG : true
 | |
| 
 | |
| 
 | |
| 
 | |
| /*********************************************************************/
 | |
| 
 | |
| // Attributes to be ignored my the key handler...
 | |
| //
 | |
| // These are used for system tasks.
 | |
| var KEYBOARD_SYSTEM_ATTRS = [
 | |
| 	'doc',
 | |
| 	'title',
 | |
| 	'ignore',
 | |
| 	'pattern'
 | |
| ]
 | |
| 
 | |
| 
 | |
| // Neither _SPECIAL_KEYS nor _KEY_CODES are meant for direct access, use
 | |
| // toKeyName(<code>) and toKeyCode(<name>) for a more uniform access.
 | |
| //
 | |
| // NOTE: these are un-shifted ASCII key names rather than actual key 
 | |
| // 		code translations.
 | |
| // NOTE: ASCII letters (capital) are not present because they actually 
 | |
| // 		match their key codes and are accessible via:
 | |
| // 			String.fromCharCode(<code>) or <letter>.charCodeAt(0)
 | |
| // NOTE: the lower case letters are accessible by adding 32 to the 
 | |
| // 		capital key code.
 | |
| // NOTE: don't understand why am I the one who has to write this...
 | |
| var _SPECIAL_KEYS = {
 | |
| 	// Special Keys...
 | |
| 	9:		'Tab',		33:		'PgUp',		45:		'Ins',		
 | |
| 	13:		'Enter',	34:		'PgDown',	46:		'Del',		
 | |
| 	16:		'Shift',	35:		'End',		 8:		'Backspace',
 | |
| 	17:		'Ctrl',		36:		'Home',		91:		'Win',		
 | |
| 	18:		'Alt',		37:		'Left',		93:		'Menu',		
 | |
| 	20:		'Caps Lock',38:		'Up',	 
 | |
| 	27:		'Esc',		39:		'Right',  
 | |
| 	32:		'Space',	40:		'Down',  
 | |
| 
 | |
| 	// Function Keys...
 | |
| 	112:	'F1',		116:	'F5',		120:	'F9', 
 | |
| 	113:	'F2',		117:	'F6',		121:	'F10',
 | |
| 	114:	'F3',		118:	'F7',		122:	'F11',
 | |
| 	115:	'F4',		119:	'F8',		123:	'F12',
 | |
| 
 | |
| 	// Number row..
 | |
| 	// NOTE: to avoid conflicts with keys that have a code the same as
 | |
| 	// 		the value of a number key...
 | |
| 	// 			Ex:
 | |
| 	// 				'Backspace' (8) vs. '8' (56)
 | |
| 	// 				'Tab' (9) vs. '9' (57)
 | |
| 	// 		...all of the numbers start with a '#'
 | |
| 	// 		this is a problem due to JS coercing the types to string
 | |
| 	// 		on object attr access.
 | |
| 	// 			Ex:
 | |
| 	// 				o = {1: 2}
 | |
| 	// 				o[1] == o['1'] == true
 | |
| 	49: '#1',	50: '#2',	51: '#3',	52: '#4',	53: '#5',
 | |
| 	54: '#6', 	55: '#7',	56: '#8',	57: '#9',	48: '#0',
 | |
| 
 | |
| 	// Punctuation...
 | |
| 	// top row...
 | |
| 	192: '`',		/* Numbers */		189: '-',	187: '=',
 | |
| 	// right side of keyboard...
 | |
| 				219: '[',	221: ']',	220: '\\',
 | |
| 				186: ';',	222: '\'',
 | |
| 	188: ',',	190: '.',	191: '/',
 | |
| }
 | |
| 
 | |
| 
 | |
| var _SHIFT_KEYS = {
 | |
| 	'`': '~',	'-': '_',	'=':'+',
 | |
| 
 | |
| 	1: '!',		2: '@',		3: '#',		4: '$',		5: '%',
 | |
| 	6:'^',		7:'&',		8: '*',		9: '(',		0: ')',	
 | |
| 
 | |
| 	'[': '{',		']': '}',		'\\': '|',
 | |
| 	';': ':',		'\'': '"',
 | |
| 	',': '<',		'.': '>',		'/': '?'
 | |
| }
 | |
| 
 | |
| 
 | |
| // build a reverse map of _SPECIAL_KEYS
 | |
| var _KEY_CODES = {}
 | |
| for(var k in _SPECIAL_KEYS){
 | |
| 	_KEY_CODES[_SPECIAL_KEYS[k]] = k
 | |
| }
 | |
| 
 | |
| 
 | |
| // XXX some keys look really wrong...
 | |
| function toKeyName(code){
 | |
| 	// check for special keys...
 | |
| 	var k = _SPECIAL_KEYS[code]
 | |
| 	if(k != null){
 | |
| 		return k
 | |
| 	}
 | |
| 	// chars...
 | |
| 	k = String.fromCharCode(code)
 | |
| 	if(k != ''){
 | |
| 		//return k.toLowerCase()
 | |
| 		return k
 | |
| 	}
 | |
| 	return null
 | |
| }
 | |
| 
 | |
| 
 | |
| function toKeyCode(c){
 | |
| 	if(c in _KEY_CODES){
 | |
| 		return _KEY_CODES[c]
 | |
| 	}
 | |
| 	return c.charCodeAt(0)
 | |
| }
 | |
| 
 | |
| 
 | |
| // documentation wrapper...
 | |
| function doc(text, func){
 | |
| 	func = !func ? function(){return true}: func
 | |
| 	func.doc = text
 | |
| 	return func
 | |
| }
 | |
| 
 | |
| 
 | |
| // Build or normalize a modifier string. 
 | |
| //
 | |
| // Acceptable argument sets:
 | |
| // 	- none				-> ""
 | |
| // 	- true, false, true	-> "ctrl+shift"
 | |
| // 	- true, false		-> "ctrl"
 | |
| // 	- [true, false]		-> "ctrl"
 | |
| // 	- 'alt+shift'		-> "alt+shift"
 | |
| // 	- 'shift - alt'		-> "alt+shift"
 | |
| //
 | |
| function normalizeModifiers(c, a, s){
 | |
| 		if(c != null && c.constructor.name == 'Array'){
 | |
| 			a = c[1]
 | |
| 			s = c[2]
 | |
| 			c = c[0]
 | |
| 		}
 | |
| 		if(typeof(c) == typeof('str')){
 | |
| 			var modifiers = c
 | |
| 		} else {
 | |
| 			var modifiers = (c ? 'ctrl' : '') 
 | |
| 				+ (a ? ' alt' : '') 
 | |
| 				+ (s ? ' shift' : '')
 | |
| 		}
 | |
| 
 | |
| 		// build the dormalized modifier string...
 | |
| 		var res = /ctrl/i.test(modifiers) ? 'ctrl' : ''
 | |
| 		res += /alt/i.test(modifiers) ? (res != '' ? '+alt' : 'alt') : ''
 | |
| 		res += /shift/i.test(modifiers) ? (res != '' ? '+shift' : 'shift') : ''
 | |
| 
 | |
| 		return res
 | |
| }
 | |
| 
 | |
| 
 | |
| /* Key handler getter
 | |
|  *
 | |
|  * For doc on format see makeKeyboardHandler(...)
 | |
|  *
 | |
|  * modifiers can be:
 | |
|  * 	- '' (default)		- No modifiers
 | |
|  * 	- '?'				- Return list of applicable modifiers per mode
 | |
|  * 	- <modifier>		- Any of 'ctrl', 'alt' or 'shift' alone or in 
 | |
|  * 							combination. 
 | |
|  * 							Combinations MUST be ordered as shown above.
 | |
|  * 							Combination elements are separated by '+'
 | |
|  * 							Ex:
 | |
|  * 								'ctrl+shift'
 | |
|  * 							NOTE: 'shift+ctrl' is wrong.
 | |
|  * 							NOTE: normalizeModifiers(...) can be used as
 | |
|  * 								a reference, if in doubt.
 | |
|  *
 | |
|  * modes can be:
 | |
|  * 	- 'any'	(default)	- Get list of all applicable handlers up until
 | |
|  * 							the first applicable ignore.
 | |
|  * 	- 'all'				- Get ALL handlers, including ignores
 | |
|  * 	- <mode>			- Get handlers for an explicit mode
 | |
|  *
 | |
|  *
 | |
|  * This will also resolve several shifted keys by name, for example:
 | |
|  * 'shift-/' is the same as '?', and either can be used, but the shorter 
 | |
|  * direct notation has priority (see _SHIFT_KEYS for supported keys).
 | |
|  *
 | |
|  *
 | |
|  * Returns:
 | |
|  * 	{
 | |
|  * 		<mode>: <handler>,
 | |
|  * 		...
 | |
|  * 	}
 | |
|  *
 | |
|  *
 | |
|  * <handler> can be:
 | |
|  * 	- <function>		- handler
 | |
|  * 	- [<doc>, <function>]
 | |
|  * 						- lisp-style handler
 | |
|  * 	- 'IGNORE'			- if mode is 'all' and key is in .ignore
 | |
|  * 	- [<function>, 'IGNORE NEXT']
 | |
|  * 						- if mode is 'all' and the key is both in .ignore
 | |
|  * 						  and a handler is defined in the current section
 | |
|  * 						  NOTE: in this case if this mode matches, all
 | |
|  * 						  		the subsequent handlers will get ignored
 | |
|  * 						  		in normal modes...
 | |
|  *
 | |
|  *
 | |
|  * NOTE: adding a key to the ignore list has the same effect as returning
 | |
|  * 		false form it's handler in the same context.
 | |
|  * NOTE: it is not possible to do a shift-? as it is already shifted.
 | |
|  * NOTE: if a key is not handled in a mode, that mode will not be 
 | |
|  * 		present in the resulting object.
 | |
|  * NOTE: this will not unwrap lisp-style (see below) handlers.
 | |
|  * NOTE: modes are prioritized by order of occurrence.
 | |
|  * NOTE: modifiers can be a list of three bools...
 | |
|  * 		(see: normalizeModifiers(...) for further information)
 | |
|  *
 | |
|  * XXX check do we need did_handling here...
 | |
|  * XXX BUG explicitly given modes do not yield results if the pattern 
 | |
|  * 		does not match...
 | |
|  */
 | |
| function getKeyHandlers(key, modifiers, keybindings, modes, shifted_keys){
 | |
| 	var chr = null
 | |
| 	var s_chr = null
 | |
| 	// XXX I do not understand why this is here...
 | |
| 	var did_handling = false
 | |
| 	var did_ignore = false
 | |
| 	modifiers = modifiers == null ? '' : modifiers
 | |
| 	modifiers = modifiers != '?' ? normalizeModifiers(modifiers) : modifiers
 | |
| 	modes = modes == null ? 'any' : modes
 | |
| 	shifted_keys = shifted_keys == null ? _SHIFT_KEYS : shifted_keys
 | |
| 
 | |
| 	if(typeof(key) == typeof(123)){
 | |
| 		key = key
 | |
| 		chr = toKeyName(key)
 | |
| 	} else {
 | |
| 		chr = key
 | |
| 		key = toKeyCode(key)
 | |
| 	}
 | |
| 
 | |
| 	// XXX this is not done yet...
 | |
| 	if(shifted_keys != false && /shift/i.test(modifiers)){
 | |
| 		var s_chr = shifted_keys[chr]
 | |
| 	}
 | |
| 
 | |
| 	res = {}
 | |
| 
 | |
| 	for(var title in keybindings){
 | |
| 
 | |
| 		// If a key is ignored then look no further...
 | |
| 		if(did_ignore){
 | |
| 			if(modes != 'all'){
 | |
| 				break
 | |
| 			} else {
 | |
| 				did_ignore = false
 | |
| 				if(modifiers != '?' && res[mode] != 'IGNORE'){
 | |
| 					res[mode] = [ res[mode], 'IGNORE NEXT']
 | |
| 				}
 | |
| 			}
 | |
| 		}
 | |
| 
 | |
| 		// older version compatibility...
 | |
| 		if(keybindings[title].pattern != null){
 | |
| 			var mode = keybindings[title].pattern
 | |
| 		} else {
 | |
| 			var mode = title
 | |
| 		}
 | |
| 
 | |
| 		// check if we need to skip this mode...
 | |
| 		if( !(modes == 'all'
 | |
| 			// explicit mode match...
 | |
| 			|| modes == mode
 | |
| 			// 'any' means we need to check the mode...
 | |
| 			|| (modes == 'any'
 | |
| 				// '*' always matches...
 | |
| 				&& mode == '*'
 | |
| 				// match the mode...
 | |
| 				|| $(mode).length != 0))){
 | |
| 			continue
 | |
| 		}
 | |
| 
 | |
| 		var bindings = keybindings[title]
 | |
| 
 | |
| 		if(s_chr != null && s_chr in bindings){
 | |
| 			var handler = bindings[s_chr]
 | |
| 			chr = s_chr
 | |
| 			modifiers = modifiers.replace(/\+?shift/i, '') 
 | |
| 		} else if(chr in bindings){
 | |
| 			var handler = bindings[chr]
 | |
| 		} else {
 | |
| 			var handler = bindings[key]
 | |
| 		}
 | |
| 
 | |
| 		// alias...
 | |
| 		// XXX should this be before after or combined with ignore handling...
 | |
| 		while( handler != null 
 | |
| 				&& (typeof(handler) == typeof(123) 
 | |
| 					|| typeof(handler) == typeof('str')
 | |
| 					|| typeof(handler) == typeof({}) 
 | |
| 						&& handler.constructor.name == 'Object') ){
 | |
| 
 | |
| 			// do the complex handler aliases...
 | |
| 			if(typeof(handler) == typeof({}) && handler.constructor.name == 'Object'){
 | |
| 				// build modifier list...
 | |
| 				if(modifiers == '?'){
 | |
| 					break
 | |
| 				}
 | |
| 				if(modifiers in handler){
 | |
| 					if(typeof(handler[modifiers]) == typeof('str')){
 | |
| 						handler = handler[modifiers]
 | |
| 					} else {
 | |
| 						break
 | |
| 					}
 | |
| 				} else if(typeof(handler['default']) == typeof('str')){
 | |
| 					handler = handler['default']
 | |
| 				} else {
 | |
| 					break
 | |
| 				} 
 | |
| 			}
 | |
| 
 | |
| 			// simple handlers...
 | |
| 			if(handler in bindings){
 | |
| 				// XXX need to take care of that we can always be a number or a string...
 | |
| 				handler = bindings[handler]
 | |
| 			} else if(typeof(handler) == typeof(1)) {
 | |
| 				handler = bindings[toKeyName(handler)]
 | |
| 			} else {
 | |
| 				handler = bindings[toKeyCode(handler)]
 | |
| 			}
 | |
| 		}
 | |
| 
 | |
| 		// if something is ignored then just breakout and stop handling...
 | |
| 		if(bindings.ignore == '*' 
 | |
| 				|| bindings.ignore != null 
 | |
| 					&& (bindings.ignore.indexOf(key) != -1 
 | |
| 						|| bindings.ignore.indexOf(chr) != -1)){
 | |
| 			did_handling = true
 | |
| 			// ignoring a key will stop processing it...
 | |
| 			if(modes == 'all' || mode == modes){
 | |
| 				// NOTE: if a handler is defined in this section, this 
 | |
| 				// 		will be overwritten...
 | |
| 				// XXX need to add the handler to this if it's defined...
 | |
| 				res[mode] = 'IGNORE'
 | |
| 			}
 | |
| 			did_ignore = true
 | |
| 		}
 | |
| 
 | |
| 		// no handler...
 | |
| 		if(handler == null){
 | |
| 			continue
 | |
| 		}
 | |
| 
 | |
| 		// complex handler...
 | |
| 		if(typeof(handler) == typeof({}) && handler.constructor.name == 'Object'){
 | |
| 			// build modifier list...
 | |
| 			if(modifiers == '?'){
 | |
| 				res[mode] = Object.keys(handler)
 | |
| 				did_handling = true
 | |
| 				continue
 | |
| 			}
 | |
| 
 | |
| 			var callback = handler[modifiers]
 | |
| 			if(callback == null){
 | |
| 				callback = handler['default']
 | |
| 			}
 | |
| 
 | |
| 			if(callback != null){
 | |
| 				res[mode] = callback
 | |
| 
 | |
| 				did_handling = true
 | |
| 				continue
 | |
| 			}
 | |
| 
 | |
| 		// simple callback...
 | |
| 		} else {
 | |
| 			// build modifier list...
 | |
| 			if(modifiers == '?'){
 | |
| 				res[mode] = 'none'
 | |
| 			} else {
 | |
| 				res[mode] = handler
 | |
| 			}
 | |
| 
 | |
| 			did_handling = true
 | |
| 			continue
 | |
| 		}
 | |
| 
 | |
| 		if(modes != 'all' && did_handling){
 | |
| 			break
 | |
| 		}
 | |
| 	}
 | |
| 
 | |
| 	return res
 | |
| }
 | |
| 
 | |
| 
 | |
| /* Basic key binding format:
 | |
|  *
 | |
|  * {
 | |
|  * 		<title>: {
 | |
|  * 			doc: <text>,
 | |
|  * 			pattern: <css-selector>,
 | |
|  *
 | |
|  *			// this defines the list of keys to ignore by the handler.
 | |
|  *			// NOTE: use "*" to ignore all keys other than explicitly 
 | |
|  *			// 		defined in the current section.
 | |
|  *			// NOTE: ignoring a key will stop processing it in other 
 | |
|  *			//		compatible modes.
 | |
|  * 			ignore: <ignored-keys>
 | |
|  *
 | |
|  *			// NOTE: a callback can have a .doc attr containing 
 | |
|  *			//		documentation...
 | |
|  * 			<key-def> : <callback>,
 | |
|  *
 | |
|  * 			<key-def> : [
 | |
|  *				// this can be any type of handler except for an alias...
 | |
|  * 				<handler>, 
 | |
|  * 				<doc>
 | |
|  * 			],
 | |
|  *
 | |
|  * 			<key-def> : {
 | |
|  *				// modifiers can either have a callback or an alias as 
 | |
|  *				// a value...
 | |
|  *				// NOTE: when the alias is resolved, the same modifiers 
 | |
|  *				//		will be applied to the final resolved handler.
 | |
|  * 				default: <callback> | <key-def-x>,
 | |
|  *
 | |
|  *				// a modifier can be any single modifier, like shift or a 
 | |
|  *				// combination of modifiers like 'ctrl+shift', in order 
 | |
|  *				// of priority.
 | |
|  *				// supported modifiers, ordered by priority, are:
 | |
|  *				//	- ctrl
 | |
|  *				//	- alt
 | |
|  *				//	- shift
 | |
|  *				// NOTE: if in doubt use normalizeModifiers(..) as a 
 | |
|  *				//		reference...
 | |
|  * 				<modifer>: [...],
 | |
|  * 				...
 | |
|  * 			},
 | |
|  *
 | |
|  *			// alias...
 | |
|  * 			<key-def-a> : <key-def-b>,
 | |
|  *
 | |
|  *			...
 | |
|  * 		},
 | |
|  *
 | |
|  *		// legacy format, still supported... (deprecated)
 | |
|  * 		<css-selector>: {
 | |
|  *			// meta-data used to generate user docs/help/config
 | |
|  * 			title: <text>,
 | |
|  * 			...
 | |
|  * 		},
 | |
|  *
 | |
|  * 		...
 | |
|  * }
 | |
|  *
 | |
|  *
 | |
|  * <key-def> can be:
 | |
|  * 	- explicit key code, e.g. 65
 | |
|  * 	- key name, if present in _SPECIAL_KEYS, e.g. Enter
 | |
|  * 	- key char (uppercase), as is returned by String.fromCharCode(...) e.g. A
 | |
|  * 	- action -- any arbitrary string that is not in the above categories.
 | |
|  *
 | |
|  *
 | |
|  * NOTE: adding a key to the ignore list has the same effect as returning
 | |
|  * 		false form it's handler in the same context.
 | |
|  * NOTE: actions,the last case, are used for alias referencing, they will
 | |
|  * 		never match a real key, but will get resolved in alias searches.
 | |
|  * NOTE: to test what to use as <key-def> use toKeyCode(..) / toKeyName(..).
 | |
|  * NOTE: all fields are optional.
 | |
|  * NOTE: if a handler explicitly returns false then that will break the 
 | |
|  * 		event propagation chain and exit the handler.
 | |
|  * 		i.e. no other matching handlers will be called.
 | |
|  * NOTE: if more than one match is found all matching handlers will be 
 | |
|  * 		called in sequence until one returns false explicitly.
 | |
|  * NOTE: a <css-selector> is used as a predicate to select a section to 
 | |
|  * 		use. if multiple selectors match something then multiple sections 
 | |
|  * 		will be resolved in order of occurrence.
 | |
|  * NOTE: the number keys are named with a leading hash '#' (e.g. '#8') 
 | |
|  * 		to avoid conflicsts with keys that have the code with the same 
 | |
|  * 		value (e.g. 'backspace' (8)).
 | |
|  * NOTE: one can use a doc(<doc-string>, <callback>) as a shorthand to 
 | |
|  * 		assign a docstring to a handler.
 | |
|  * 		it will only assign .doc attr and return the original function.
 | |
|  *
 | |
|  * XXX need an explicit way to prioritize modes...
 | |
|  * XXX will aliases get resolved if they are in a different mode??
 | |
|  */
 | |
| function makeKeyboardHandler(keybindings, unhandled){
 | |
| 	if(unhandled == null){
 | |
| 		unhandled = function(){}
 | |
| 	}
 | |
| 	return function(evt){
 | |
| 		var did_handling = false
 | |
| 		var res = null
 | |
| 
 | |
| 		// key data...
 | |
| 		var key = evt.keyCode
 | |
| 
 | |
| 		// get modifiers...
 | |
| 		var modifiers = [evt.ctrlKey, evt.altKey, evt.shiftKey]
 | |
| 
 | |
| 		//window.DEBUG && console.log('KEY:', key, chr, modifiers)
 | |
| 
 | |
| 		var handlers = getKeyHandlers(key, modifiers, keybindings)
 | |
| 
 | |
| 		for(var mode in handlers){
 | |
| 			var handler = handlers[mode]
 | |
| 			if(handler != null){
 | |
| 
 | |
| 				// Array, lisp style with docs...
 | |
| 				if(typeof(handler) == typeof([]) && handler.constructor.name == 'Array'){
 | |
| 					// we do not care about docs here, so just get the handler...
 | |
| 					handler = handler[0]
 | |
| 				}
 | |
| 
 | |
| 				did_handling = true
 | |
| 				res = handler(evt)
 | |
| 
 | |
| 				if(res === false){
 | |
| 					break
 | |
| 				}
 | |
| 			}
 | |
| 		}
 | |
| 		if(!did_handling){
 | |
| 			return unhandled(key)
 | |
| 		}
 | |
| 		return res
 | |
| 	}
 | |
| }
 | |
| 
 | |
| 
 | |
| /* Build structure ready for conversion to HTML help.
 | |
| * 
 | |
| * Structure:
 | |
| * 	{
 | |
| * 		<section-title>: {
 | |
| * 			doc: ...
 | |
| *
 | |
| * 			<handler-doc>: <keys-spec>
 | |
| * 			...
 | |
| * 		}
 | |
| * 	}
 | |
| *
 | |
| * 	<keys-spec> 	- list of key names.
 | |
| *
 | |
| *
 | |
| * NOTE: this will not add keys (key names) that are not explicit key names.
 | |
| */
 | |
| // XXX do we need to normalize/pre-process keybindings???
 | |
| // 		- might be a good idea to normalize the <modifiers>...
 | |
| function buildKeybindingsHelp(keybindings, shifted_keys){
 | |
| 	shifted_keys = shifted_keys == null ? _SHIFT_KEYS : shifted_keys
 | |
| 	var res = {}
 | |
| 	var mode, title
 | |
| 
 | |
| 	for(var title in keybindings){
 | |
| 		mode = keybindings[title]
 | |
| 
 | |
| 		// older version compatibility...
 | |
| 		if(keybindings[title].pattern != null){
 | |
| 			var pattern = keybindings[title].pattern
 | |
| 		} else {
 | |
| 			var pattern = title
 | |
| 			// titles and docs...
 | |
| 			var title = mode.title == null ? pattern : mode.title
 | |
| 		}
 | |
| 
 | |
| 		res[title] = {
 | |
| 			doc: mode.doc == null ? '' : mode.doc
 | |
| 		}
 | |
| 		section = res[title]
 | |
| 
 | |
| 		// handlers...
 | |
| 		for(var key in mode){
 | |
| 			if(KEYBOARD_SYSTEM_ATTRS.indexOf(key) >= 0){
 | |
| 				continue
 | |
| 			}
 | |
| 			var modifiers = getKeyHandlers(key, '?', keybindings, 'all')[pattern]
 | |
| 			modifiers = modifiers == 'none' || modifiers == undefined ? [''] : modifiers
 | |
| 
 | |
| 			for(var i=0; i < modifiers.length; i++){
 | |
| 				var mod = modifiers[i]
 | |
| 
 | |
| 				var handler = getKeyHandlers(key, mod, keybindings, 'all')[pattern]
 | |
| 
 | |
| 				if(handler.constructor.name == 'Array' && handler[1] == 'IGNORE NEXT'){
 | |
| 					handler = handler[0]
 | |
| 				}
 | |
| 
 | |
| 				// standard object doc...
 | |
| 				if('doc' in handler){
 | |
| 					var doc = handler.doc
 | |
| 
 | |
| 				// lisp style...
 | |
| 				} else if(handler.constructor.name == 'Array'){
 | |
| 					var doc = handler[1]
 | |
| 
 | |
| 				// no doc...
 | |
| 				} else {
 | |
| 					if('name' in handler && handler.name != ''){
 | |
| 						var doc = handler.name
 | |
| 					} else {
 | |
| 						// XXX is this the right way to do this?
 | |
| 						var doc = handler
 | |
| 					}
 | |
| 				}
 | |
| 
 | |
| 				// populate the section...
 | |
| 				// NOTE: we need a list of keys per action...
 | |
| 				if(doc in section){
 | |
| 					var keys = section[doc]
 | |
| 				} else {
 | |
| 					var keys = []
 | |
| 					section[doc] = keys
 | |
| 				}
 | |
| 
 | |
| 				// translate shifted keys...
 | |
| 				if(shifted_keys != false && mod == 'shift' && key in shifted_keys){
 | |
| 					mod = ''
 | |
| 					key = shifted_keys[key]
 | |
| 				}
 | |
| 
 | |
| 				// skip anything that is not a key...
 | |
| 				if(key.length > 1 && !(key in _KEY_CODES)){
 | |
| 					continue
 | |
| 				}
 | |
| 
 | |
| 				keys.push((mod == '' || mod == 'default') ? key : (mod +'+'+ key))
 | |
| 			}
 | |
| 
 | |
| 		}
 | |
| 	}
 | |
| 
 | |
| 	return res
 | |
| }
 | |
| 
 | |
| 
 | |
| // Get a list of keys associated with a given doc...
 | |
| //
 | |
| // The second argument must be a structure formated as returned by 
 | |
| // buildKeybindingsHelp(...)
 | |
| //
 | |
| // Returned format:
 | |
| // 	{
 | |
| // 		<section-name> : <key-spec>
 | |
| // 		...
 | |
| // 	}
 | |
| //
 | |
| // NOTE: <key-spec> is the same as generated by buildKeybindingsHelp(..)
 | |
| function getKeysByDoc(doc, help){
 | |
| 	var res = {}
 | |
| 	for(var mode in help){
 | |
| 		var name = mode
 | |
| 		var section = help[mode]
 | |
| 		if(doc in section){
 | |
| 			res[mode] = section[doc]
 | |
| 		}
 | |
| 	}
 | |
| 	return res
 | |
| }
 | |
| 
 | |
| 
 | |
| // Build a basic HTML table with keyboard help...
 | |
| //
 | |
| //	The table will look like this:
 | |
| //
 | |
| // 		<table class="keyboard-help">
 | |
| //
 | |
| // 			<!-- section head -->
 | |
| // 			<tr class="section-title">
 | |
| // 				<th colspan=2> SECTION TITLE <th>
 | |
| // 			</tr>
 | |
| // 			<tr class="section-doc">
 | |
| // 				<td colspan=2> SECTION DESCRIPTION <td>
 | |
| // 			</tr>
 | |
| //
 | |
| // 			<!-- section keys -->
 | |
| // 			<tr>
 | |
| // 				<td> KEYS <td>
 | |
| // 				<td> ACTION DESCRIPTION <td>
 | |
| // 			</tr>
 | |
| //
 | |
| // 			...
 | |
| //
 | |
| //		</table>
 | |
| //
 | |
| // NOTE: section are not separated in any way other than the <th> element.
 | |
| // NOTE: the actual HTML is created by jQuery, so the table may get 
 | |
| // 		slightly structurally changed, i.e. a <tbody> element will be 
 | |
| // 		added etc.
 | |
| //
 | |
| function buildKeybindingsHelpHTML(keybindings){
 | |
| 	var doc = buildKeybindingsHelp(keybindings)
 | |
| 
 | |
| 	var res = '<table class="keyboard-help">'
 | |
| 	for(var mode in doc){
 | |
| 		if(mode == 'doc'){
 | |
| 			continue
 | |
| 		}
 | |
| 		// section head...
 | |
| 		res += '  <tr class="section-title"><th colspan=2>' + mode + '</th></tr>\n' 
 | |
| 		mode = doc[mode]
 | |
| 		res += '  <tr class="section-doc"><td colspan=2>'+ mode.doc + '</td></tr>\n'
 | |
| 
 | |
| 		// keys...
 | |
| 		for(var action in mode){
 | |
| 			if(action == 'doc'){
 | |
| 				continue
 | |
| 			}
 | |
| 			res += '  <tr><td>' + mode[action].join(', ') +'</td><td>'+ action + '</td></tr>\n'
 | |
| 		}
 | |
| 	}
 | |
| 	res += '</table>'
 | |
| 
 | |
| 	return $(res)
 | |
| }
 | |
| 
 | |
| 
 | |
| // Build HTML for a single key definition...
 | |
| //
 | |
| // Format if combining sections (default):
 | |
| // 		<span class="key-doc">
 | |
| // 			<span class="doc"> DOC </span>
 | |
| // 			<span class="keys"> KEYS </span>
 | |
| // 		</span>
 | |
| //
 | |
| // Format if not combining sections:
 | |
| // 		<span class="key-doc">
 | |
| // 			<span class="doc"> DOC </span>
 | |
| // 			<span class="section">
 | |
| // 				<span class="name"> MODE NAME </span>
 | |
| // 				<span class="keys"> KEYS </span>
 | |
| // 			</span>
 | |
| // 			...
 | |
| // 		</span>
 | |
| //
 | |
| // XXX not yet sure if we are handling the sections correctly...
 | |
| function getKeysByDocHTML(doc, help, combine_sections){
 | |
| 	combine_sections = combine_sections == null ? true : combine_sections
 | |
| 
 | |
| 	var spec = getKeysByDoc(doc, help)
 | |
| 	var res = '<span class="key-doc">'
 | |
| 
 | |
| 	res += '<span class="doc">'+ doc +'</span>'
 | |
| 	
 | |
| 	var keys = []
 | |
| 
 | |
| 	for(var section in spec){
 | |
| 		if(!combine_sections){
 | |
| 			keys = spec[section].join(', ')
 | |
| 			res += '<span class="section">'
 | |
| 					+'<span class="name">'+ section +'</span>'
 | |
| 					+'<span class="keys">'+ keys +'</span>'
 | |
| 				+'</span>'
 | |
| 		} else {
 | |
| 			keys = keys.concat(spec[section])
 | |
| 		}
 | |
| 	}
 | |
| 
 | |
| 	if(combine_sections){
 | |
| 		res += '<span class="keys">'+ keys.join(', ') +'</span>'
 | |
| 	}
 | |
| 
 | |
| 	return res + '</span>'
 | |
| }
 | |
| 
 | |
| 
 | |
| // Update key definitions...
 | |
| //
 | |
| // NOTE: this does not support multiple sections...
 | |
| function updateHTMLKeyDoc(help, root){
 | |
| 	root = root == null ? $('body') : root
 | |
| 	return root.find('.key-doc').each(function(i, e){
 | |
| 		e = $(e)
 | |
| 		var doc = e.find('.doc')
 | |
| 		var keys = $(getKeysByDocHTML(doc.html(), help)).find('.keys')
 | |
| 		e.find('.keys').html(keys.html())
 | |
| 	})
 | |
| }
 | |
| 
 | |
| 
 | |
| 
 | |
| /**********************************************************************
 | |
| * Key binding editor...
 | |
| */
 | |
| 
 | |
| // XXX
 | |
| 
 | |
| 
 | |
| 
 | |
| /**********************************************************************
 | |
| * vim:set ts=4 sw=4 :                                                */
 |