flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-10-28 18:00:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

more refactoring + some docs...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2016-06-21 06:06:34 +03:00
parent 6bffb4db59
commit a828ed4ec6
2 changed files with 66 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

79
ui (gen4)/features/base.js
View File

@ -518,23 +518,72 @@ actions.Actions({
// basic image editing...
//
// XXX should we have .rotate(..) and .flip(..) generic actions???
rotateCW: ['Image|Edit/',
function(target){
// Rotate image...
//
// Rotate current image clockwise...
// .rotate()
// .rotate('cw')
// -> actions
//
// Rotate current image counterclockwise...
// .rotate('ccw')
// -> actions
//
// Rotate target image clockwise...
// .rotate(target)
// .rotate(target, 'cw')
// -> actions
//
// Rotate target image counterclockwise...
// .rotate(target, 'ccw')
// -> actions
//
//
// Flip is similar...
//
// Flip current image ('horizontal' is default)...
// .flip()
// .flip('horizontal')
// .flip('vertical')
// -> actions
//
// Flip target...
// .flip(target)
// .flip(target, 'horizontal')
// .flip(target, 'vertical')
// -> actions
//
//
// NOTE: target must be .data.getImage(..) compatible, see it for docs...
rotate: ['- Image|Edit/Rotate image',
function(target, direction){
if(target == 'cw' || target == 'ccw'){
direction = target
target = null
}
this.images
&& this.images.rotateImage(this.data.getImage(target), 'cw') }],
rotateCCW: ['Image|Edit/',
function(target){
&& this.images.rotateImage(this.data.getImage(target), direction || 'cw')
}],
flip: ['- Flip|edit/Flip image',
function(target, direction){
if(target == 'vertical' || target == 'horizontal'){
direction = target
target = null
}
this.images
&& this.images.rotateImage(this.data.getImage(target), 'ccw') }],
flipVertical: ['Image|Edit/',
function(target){
this.images
&& this.images.flipImage(this.data.getImage(target), 'vertical') }],
flipHorizontal: ['Image|Edit/',
function(target){
this.images
&& this.images.flipImage(this.data.getImage(target), 'horizontal') }],
&& this.images.flipImage(this.data.getImage(target), direction || 'horizontal')
}],
// shorthands...
// NOTE: these are here mostly for the menus...
rotateCW: ['Image|Edit/Rotate image clockwise',
function(target){ this.rotate(traget, 'cw') }],
rotateCCW: ['Image|Edit/Rotate image counterclockwise',
function(target){ this.rotate(traget, 'ccw') }],
flipVertical: ['Image|Edit/Flip image vertically',
function(target){ this.flip(traget, 'vertical') }],
flipHorizontal: ['Image|Edit/Flip image horizontally',
function(target){ this.flip(traget, 'horizontal') }],
})

4
ui (gen4)/features/keyboard.js
View File

@ -88,12 +88,12 @@ module.GLOBAL_KEYBOARD = {
'#2': {
default: 'fitNormal',
'alt': 'setNormalScale -- Set current image size as normal',
'ctrl+shift': 'setNormalScale: null -- Reset normal size to default',
'ctrl+shift': 'setNormalScale: null -- Reset normal image size to default',
},
'#3': {
default: 'fitSmall',
'alt': 'setSmallScale -- Set current image size as small',
'ctrl+shift': 'setSmallScale: null -- Reset small size to default',
'ctrl+shift': 'setSmallScale: null -- Reset small image size to default',
},
'#4': customScale(4),
'#5': customScale(5),