mirror of
https://github.com/flynx/ImageGrid.git
synced 2025-10-30 10:50:08 +00:00
cleaned-up marked-only mode...
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
parent
9f302223bb
commit
0605570b2d
@ -287,10 +287,12 @@ function centerImage(image, mode){
|
|||||||
}
|
}
|
||||||
// do the actual work...
|
// do the actual work...
|
||||||
if(mode == 'animate'){
|
if(mode == 'animate'){
|
||||||
return ribbons.stop().animate(res, 100, 'linear')
|
ribbons.stop().animate(res, 100, 'linear')
|
||||||
} else {
|
} else {
|
||||||
return ribbons.css(res)
|
ribbons.css(res)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
return image
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -492,6 +494,8 @@ function fitNImages(n){
|
|||||||
|
|
||||||
// Marks...
|
// Marks...
|
||||||
|
|
||||||
|
// XXX if this unmarks an image in marked-only mode no visible image is
|
||||||
|
// going to be current...
|
||||||
var toggleImageMark = createCSSClassToggler('.current.image', 'marked')
|
var toggleImageMark = createCSSClassToggler('.current.image', 'marked')
|
||||||
|
|
||||||
// mode can be:
|
// mode can be:
|
||||||
|
|||||||
@ -6,15 +6,15 @@
|
|||||||
|
|
||||||
//var DEBUG = DEBUG != null ? DEBUG : true
|
//var DEBUG = DEBUG != null ? DEBUG : true
|
||||||
|
|
||||||
|
|
||||||
/*********************************************************************/
|
|
||||||
|
|
||||||
var STEPS_TO_CHANGE_DIRECTION = 2
|
var STEPS_TO_CHANGE_DIRECTION = 2
|
||||||
var _STEPS_LEFT_TO_CHANGE_DIRECTION = STEPS_TO_CHANGE_DIRECTION
|
var _STEPS_LEFT_TO_CHANGE_DIRECTION = STEPS_TO_CHANGE_DIRECTION
|
||||||
// XXX code related to this needs testing...
|
// XXX code related to this needs testing...
|
||||||
var DIRECTION = 'next'
|
var DIRECTION = 'next'
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*********************************************************************/
|
||||||
|
|
||||||
var KEYBOARD_CONFIG = {
|
var KEYBOARD_CONFIG = {
|
||||||
// general setup...
|
// general setup...
|
||||||
'.viewer': {
|
'.viewer': {
|
||||||
@ -96,6 +96,9 @@ var KEYBOARD_CONFIG = {
|
|||||||
End: function(){
|
End: function(){
|
||||||
lastImage()
|
lastImage()
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
// combined navigation and editor actions...
|
||||||
Up: {
|
Up: {
|
||||||
default: function(){ prevRibbon(DIRECTION) },
|
default: function(){ prevRibbon(DIRECTION) },
|
||||||
shift: function(){ shiftImageUp(null, DIRECTION) },
|
shift: function(){ shiftImageUp(null, DIRECTION) },
|
||||||
@ -106,7 +109,6 @@ var KEYBOARD_CONFIG = {
|
|||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// zooming...
|
// zooming...
|
||||||
'1': function(){ fitNImages(1) },
|
'1': function(){ fitNImages(1) },
|
||||||
'2': function(){ fitNImages(2) },
|
'2': function(){ fitNImages(2) },
|
||||||
@ -118,6 +120,7 @@ var KEYBOARD_CONFIG = {
|
|||||||
// XXX for some reason this also hooks the Backspace key (80)...
|
// XXX for some reason this also hooks the Backspace key (80)...
|
||||||
'8': function(){ fitNImages(8) },
|
'8': function(){ fitNImages(8) },
|
||||||
'9': function(){ fitNImages(9) },
|
'9': function(){ fitNImages(9) },
|
||||||
|
// XXX bind the +/- keys...
|
||||||
|
|
||||||
|
|
||||||
// XXX this is temporary, combine this with single image mode...
|
// XXX this is temporary, combine this with single image mode...
|
||||||
@ -128,6 +131,10 @@ var KEYBOARD_CONFIG = {
|
|||||||
// marking...
|
// marking...
|
||||||
// XXX not final, think of a better way to do this...
|
// XXX not final, think of a better way to do this...
|
||||||
// XXX need mark navigation...
|
// 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: {
|
M: {
|
||||||
// NOTE: marking moves in the same direction as the last
|
// NOTE: marking moves in the same direction as the last
|
||||||
// move...
|
// move...
|
||||||
@ -136,6 +143,9 @@ var KEYBOARD_CONFIG = {
|
|||||||
// NOTE: marking does not change move direction...
|
// NOTE: marking does not change move direction...
|
||||||
default: function(){
|
default: function(){
|
||||||
toggleImageMark()
|
toggleImageMark()
|
||||||
|
if($('.current.image').filter(':visible').length == 0){
|
||||||
|
centerImage(focusImage(getImageBefore()), 'css')
|
||||||
|
}
|
||||||
if(DIRECTION == 'next'){
|
if(DIRECTION == 'next'){
|
||||||
nextImage()
|
nextImage()
|
||||||
} else {
|
} else {
|
||||||
@ -145,13 +155,30 @@ var KEYBOARD_CONFIG = {
|
|||||||
// same as default but in reverse direction...
|
// same as default but in reverse direction...
|
||||||
shift: function(){
|
shift: function(){
|
||||||
toggleImageMark()
|
toggleImageMark()
|
||||||
|
if($('.current.image').filter(':visible').length == 0){
|
||||||
|
centerImage(focusImage(getImageBefore()), 'css')
|
||||||
|
}
|
||||||
if(DIRECTION == 'prev'){
|
if(DIRECTION == 'prev'){
|
||||||
nextImage()
|
nextImage()
|
||||||
} else {
|
} else {
|
||||||
prevImage()
|
prevImage()
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
ctrl: function(){ toggleImageMark() },
|
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: {
|
I: {
|
||||||
ctrl: function(){ invertImageMarks() },
|
ctrl: function(){ invertImageMarks() },
|
||||||
@ -170,9 +197,5 @@ var KEYBOARD_CONFIG = {
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**********************************************************************
|
/**********************************************************************
|
||||||
* vim:set ts=4 sw=4 : */
|
* vim:set ts=4 sw=4 : */
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user