/********************************************************************** * * * **********************************************************************/ define(function(require){ var module = {} //var DEBUG = DEBUG != null ? DEBUG : true var actions = require('lib/actions') var features = require('lib/features') var toggler = require('lib/toggler') var keyboard = require('lib/keyboard') var core = require('features/core') /*********************************************************************/ // XXX add this to the global doc... var GLOBAL_KEYBOARD = module.GLOBAL_KEYBOARD = { 'Slideshow': { pattern: '.slideshow-running', ignore: [ 'Esc', 'Up', 'Down', 'Enter', 'R', 'L', ], Esc: 'toggleSlideshow: "off"', Enter: 'slideshowDialog', Left: 'resetSlideshowTimer', Right: 'resetSlideshowTimer', Home: 'resetSlideshowTimer', End: 'resetSlideshowTimer', R: 'toggleSlideshowDirection', L: 'toggleSlideshowLooping', }, 'Single Image': { pattern: '.single-image-mode', ignore: [ 'Esc', // do not crop in single image mode... 'C', 'F2', // XXX not sure about this... //'Up', 'Down', ], Esc: 'toggleSingleImage: "off"', }, 'Global': { doc: 'NOTE: binding priority is the same as the order of sections '+ 'on this page.', pattern: '*', F4: { alt: 'close', }, Q: { meta: 'close', }, F5: keyboard.doc('Full reload viewer', function(){ //a.stop() /* killAllWorkers() .done(function(){ reload() }) */ location.reload() return false }), F12: 'showDevTools', // NOTE: these are for systems where F** keys are not available // or do other stuff... R: { default: 'rotateCW', shift: 'reverseImages', ctrl: 'reload!', 'ctrl+shift': 'F5', }, L: 'rotateCCW', H: { default: 'flipHorizontal', ctrl: 'listURLHistory', alt: 'browseActions: "/History/"', }, V: 'flipVertical', P: { 'ctrl+shift': 'F12', }, // NOTE: this is handled by the wrapper at this point, so we do // not have to do anything here... F11: 'toggleFullScreen', F: { ctrl: 'F11', meta: 'F11', }, // XXX testing... Enter: 'toggleSingleImage', Home: { default: 'firstImage', ctrl: 'firstGlobalImage', shift: 'firstRibbon', }, End: { default: 'lastImage', ctrl: 'lastGlobalImage', shift: 'lastRibbon', }, Left: { default: 'prevImage', alt: 'shiftImageLeft!', ctrl: 'prevScreen', // XXX need to prevent default on mac + browser... meta: 'prevScreen', }, PgUp: 'prevScreen', PgDown: 'nextScreen', Right: { default: 'nextImage', alt: 'shiftImageRight!', ctrl: 'nextScreen', // XXX need to prevent default on mac + browser... meta: 'nextScreen', }, '(': 'prevImageInOrder', ')': 'nextImageInOrder', ',': 'prevMarked', '.': 'nextMarked', '[': 'prevBookmarked', ']': 'nextBookmarked', Up: { default: 'prevRibbon', shift: 'shiftImageUp', 'alt+shift': 'travelImageUp', 'ctrl+shift': 'shiftImageUpNewRibbon', }, Down: { default: 'nextRibbon', shift: 'shiftImageDown', 'alt+shift': 'travelImageDown', 'ctrl+shift': 'shiftImageDownNewRibbon', }, '#0': 'fitMax', '#1': { default: 'fitImage', shift: 'fitRibbon', ctrl: 'fitOrig!', }, '#2': 'fitImage: 2', '#3': { default: 'fitImage: 3', shift: 'fitRibbon: 3.5', }, '#4': 'fitImage: 4', '#5': { default: 'fitImage: 5', shift: 'fitRibbon: 5.5', }, '#6': 'fitImage: 6', '#7': 'fitImage: 7', '#8':'fitImage: 8', '#9': 'fitImage: 9', '+': 'zoomIn', '=': '+', '-': 'zoomOut', F2: { default: 'cropRibbon', shift: 'cropRibbonAndAbove', ctrl: 'cropMarked', alt: 'cropBookmarked', }, Esc: { default: 'uncrop', ctrl: 'uncropAll', }, // marking... M: { default: 'toggleMark', alt: 'browseActions: "/Mark/"', }, A: { alt: 'browseActions', 'alt+shift': 'listActions', ctrl: 'toggleMark!: "ribbon" "on"', }, D: { ctrl: 'toggleMark!: "ribbon" "off"', }, I: { default: 'showMetadata', shift: 'toggleStatusBar', ctrl: 'toggleMark!: "ribbon"', 'ctrl+shift': 'showMetadata: "current" "full"', 'meta+alt': 'showDevTools', }, B: { default: 'toggleBookmark', ctrl: 'toggleTheme!', alt: 'browseActions: "/Bookmark/"', }, E: { default: 'openInExtenalEditor', shift: 'openInExtenalEditor: 1', alt: 'listExtenalEditors', }, C: 'browseActions: "/Crop/"', O: 'browsePath', S: { //default: 'browseActions: "/Slideshow/"', default: 'slideshowDialog', // XXX need to make this save to base_path if it exists and // ask the user if it does not... now it always asks. ctrl: 'saveIndexHere', 'ctrl+shift': 'browseSaveIndex', }, // XXX still experimental... U: { default: 'undoLast', shift: 'redoLast', }, Z: { ctrl: 'undoLast', 'ctrl+shift': 'redoLast', }, G: { default: 'editStatusBarIndex!', shift: 'toggleStatusBarIndexMode!', // XXX for debug... ctrl: function(){ $('.viewer').toggleClass('visible-gid') }, }, }, } /*********************************************************************/ // XXX add introspection and doc actions... var KeyboardActions = actions.Actions({ config: { // limit key repeat to one per N milliseconds. // // Set this to -1 or null to run keys without any limitations. 'max-key-repeat-rate': 0, }, get keyboard(){ return this.__keyboard_config }, toggleKeyboardHandling: ['- Interface/Toggle keyboard handling', toggler.Toggler(null, function(_, state){ if(state == null){ return this.__keyboard_handler ? 'on' : 'off' } // XXX this does not work yet... //var target = this.ribbons.viewer var target = $(document) // start/reset keyboard handling... if(state == 'on'){ var that = this // need to reset... if(this.__keyboard_handler != null){ target.off('keydown', this.__keyboard_handler) } // setup base keyboard for devel, in case something breaks... // This branch does not drop keys... if(this.config['max-key-repeat-rate'] < 0 || this.config['max-key-repeat-rate'] == null){ //this.ribbons.viewer var handler = this.__keyboard_handler = keyboard.makeKeyboardHandler( function(){ return that.__keyboard_config }, function(k){ window.DEBUG && console.log(k) }, this) // drop keys if repeating too fast... // NOTE: this is done for smoother animations... } else { var handler = this.__keyboard_handler = keyboard.dropRepeatingkeys( keyboard.makeKeyboardHandler( function(){ return that.__keyboard_config }, function(k){ window.DEBUG && console.log(k) }, this), function(){ return that.config['max-key-repeat-rate'] }) } target.keydown(handler) // stop keyboard handling... } else { target.off('keydown', this.__keyboard_handler) delete this.__keyboard_handler } }, ['on', 'off'])] }) var Keyboard = module.Keyboard = core.ImageGridFeatures.Feature({ title: '', doc: '', tag: 'keyboard', depends: [ 'ui' ], actions: KeyboardActions, handlers: [ ['start', function(){ var that = this this.__keyboard_config = this.keyboard || GLOBAL_KEYBOARD this.toggleKeyboardHandling('on') }] ], }) /********************************************************************** * vim:set ts=4 sw=4 : */ return module })