ImageGrid/ui/keybindings3.js

/**********************************************************************
* 
*
*
**********************************************************************/

//var DEBUG = DEBUG != null ? DEBUG : true

var STEPS_TO_CHANGE_DIRECTION = 2
var _STEPS_LEFT_TO_CHANGE_DIRECTION = STEPS_TO_CHANGE_DIRECTION
// XXX code related to this needs testing...
var DIRECTION = 'next'



/*********************************************************************/

var KEYBOARD_CONFIG = {
	// general setup...
	'.viewer': {
		// Navigation...
		// XXX need to cancel the animation of the prev action...
		Left: {
				default: function(){ 
					// update direction...
					if(DIRECTION != 'prev'){
						_STEPS_LEFT_TO_CHANGE_DIRECTION--
						if(_STEPS_LEFT_TO_CHANGE_DIRECTION == 0){
							DIRECTION = 'prev'
							_STEPS_LEFT_TO_CHANGE_DIRECTION = 2
						}
					} else {
							_STEPS_LEFT_TO_CHANGE_DIRECTION = 2
					}
					prevImage() 
					centerRibbons()
				},
				ctrl: function(){ 
					prevScreenImages()
					centerRibbons()
				},
			},
		Right: {
				default: function(){ 
					// update direction...
					if(DIRECTION != 'next'){
						_STEPS_LEFT_TO_CHANGE_DIRECTION--
						if(_STEPS_LEFT_TO_CHANGE_DIRECTION == 0){
							DIRECTION = 'next'
							_STEPS_LEFT_TO_CHANGE_DIRECTION = 2
						}
					} else {
							_STEPS_LEFT_TO_CHANGE_DIRECTION = 2
					}
					nextImage() 
					centerRibbons()
				},
				ctrl: function(){ 
					nextScreenImages()
					centerRibbons()
				},
			},
		Space: {
				default: 'Right',
				shift: 'Left',
				// screen-oriented movement...
				ctrl: 'Right',
				'ctrl+shift': 'Left',
			},
		/* XXX for some reason this does not work,,,
		// XXX for some odd reason, returning false does not cancel 
		//		default behaviour here...
		Backspace: {
				default: 'Left',
				shift: 'Right',
			},
		*/
		Home: function(){
				event.preventDefault()
				firstImage()
				centerRibbons()
			},
		End: function(){
				event.preventDefault()
				lastImage()
				centerRibbons()
			},


		// combined navigation and editor actions...
		Up: {
				default: function(){ 
					event.preventDefault()
					prevRibbon(DIRECTION) 
					centerRibbons()
				},
				shift: function(){ 
					event.preventDefault()
					shiftImageUp(null, DIRECTION) 
					centerRibbons()
				},
				'ctrl+shift': function(){
					event.preventDefault()
					shiftImageUpNewRibbon(null, DIRECTION) 
					centerRibbons()
				},
			},
		Down: {
				default: function(){
					event.preventDefault()
					nextRibbon(DIRECTION) 
					centerRibbons()
				},
				shift: function(){
					event.preventDefault()
					shiftImageDown(null, DIRECTION) 
					centerRibbons()
				},
				'ctrl+shift': function(){
					event.preventDefault()
					shiftImageDownNewRibbon(null, DIRECTION) 
					centerRibbons()
				},
			},


		// zooming...
		'1': function(){ fitNImages(1) },
		'2': function(){ fitNImages(2) },
		'3': function(){ fitNImages(3) },
		'4': function(){ fitNImages(4) },
		'5': function(){ fitNImages(5) },
		'6': function(){ fitNImages(6) },
		'7': function(){ fitNImages(7) },
		// XXX for some reason this also hooks the Backspace key (80)...
		'8': function(){ fitNImages(8) },
		'9': function(){ fitNImages(9) },

		'-': function(){ zoomOut() },
		'=': function(){ zoomIn() },


		Enter: function(){ toggleSingleImageMode() },

		// XXX this should only work on single image mode...
		F: function(){ 
				toggleImageProportions() 
				centerRibbons()
			},

		B: function(){ toggleTheme() },

		S: {
				ctrl: function(){
					saveLocalStorage()
					saveLocalStorageMarks()
				}
			},
		Z: {
				ctrl: function(){
					loadLocalStorage()
					loadLocalStorageMarks()
				}
			},


		// marking...
		// XXX not final, think of a better way to do this...
		// XXX need mark navigation...
		// XXX need marked image shift up/down actions...
		// XXX unmarking an image in marked-only mode results in nothing
		// 		visible focused if we unmark the first or last image in 
		// 		the ribbon...
		M: {
				// NOTE: marking moves in the same direction as the last
				//		move...
				//		i.e. marking can change direction depending on where
				//		we moved last...
				// NOTE: marking does not change move direction...
				default: function(){ 
					toggleImageMark()
					if(DIRECTION == 'next'){
						nextImage()
					} else {
						prevImage()
					}
					if($('.current.image').filter(':visible').length == 0){
						centerImage(focusImage(getImageBefore()))
					}
				},
				// same as default but in reverse direction...
				shift: function(){
					toggleImageMark()
					if(DIRECTION == 'prev'){
						nextImage()
					} else {
						prevImage()
					}
					if($('.current.image').filter(':visible').length == 0){
						centerImage(focusImage(getImageBefore()))
					} 
				},
				ctrl: function(){ 
					var action = toggleImageMark() 
					// focus an image instead of the one that just vanished...
					if(action == 'off' && toggleMarkedOnlyView('?') == 'on'){
						if(DIRECTION == 'next'){
							nextImage()
						} else {
							prevImage()
						}
						if($('.current.image').filter(':visible').length == 0){
							centerImage(focusImage(getImageBefore()))
						} 

					}
				},
			},
		I: {
				// XXX STUB -- replace with a real info window...
				default: function(){
					var gid = getImageGID($('.current.image'))
					var r = getRibbonIndex(getRibbon())
					var data = DATA.images[gid]
					var order = DATA.order.indexOf(gid)
					var name = data.path.split('/').pop()
					alert('"'+ name +'"\n'+
							'GID: '+ gid +'\n'+
							'Path: "'+ data.path +'"\n'+
							'Order: '+ order +'\n'+
							'Position (ribbon): '+ DATA.ribbons[r].indexOf(gid) +
								'/'+ DATA.ribbons[r].length +'\n'+
							'Position (global): '+ order +'/'+ DATA.order.length +'\n'+
							'')
				},
				ctrl: function(){ invertImageMarks() },
			},
		A: {
				shift: function(){ toggleImageMarkBlock() },
				ctrl: function(){ markAll('ribbon') },
			},
		U: {
				ctrl: function(){ removeImageMarks('ribbon') },
				shift: function(){ removeImageMarks('all') },
			},
		F2: {
				default: function(){ toggleMarkesView() },
				shift: function(){
					toggleMarkedOnlyView()
				}
			},
	}
}



/**********************************************************************
* vim:set ts=4 sw=4 :                                                */