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

tweaked timeouts...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2017-04-20 16:04:33 +03:00
parent 127fad78b5
commit 800cc11c7a
1 changed files with 63 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

111
ui (gen4)/features/ui-chrome.js
View File

@ -150,8 +150,6 @@ var CurrentImageIndicatorActions = actions.Actions({
'current-image-indicator-fadein': 500, 'current-image-indicator-fadein': 500,
'current-image-indicator-hide-timeout': 250,
'current-image-indicator-restore-delay': 500, 'current-image-indicator-restore-delay': 500,
// this can be: // this can be:
@ -431,6 +429,51 @@ module.CurrentImageIndicator = core.ImageGridFeatures.Feature({
}) })
// XXX is it a good idea to used the same timers for all instances???
var makeIndicatorHiderOnFastAction = function(hide_timeout){
return function(){
var that = this
var m = this.ribbons.viewer.find('.current-marker')
var t = this.config[hide_timeout]
var cur = this.current
var hide = function(){
delete that.__current_indicator_t0
m.css({ opacity: 0 })
}
var show = function(){
delete that.__current_indicator_t0
m.animate({ opacity: 1 })
}
return function(){
// delay fadeout...
if(cur != this.current
&& m.css('opacity') == 1
&& this.__current_indicator_t0 == null){
this.__current_indicator_t0 = setTimeout(hide, t)
}
// cancel/delay previous fadein...
this.__current_indicator_t1 != null
&& clearTimeout(this.__current_indicator_t1)
// cancel fadeout and do fadein...
this.__current_indicator_t1 = setTimeout(function(){
delete that.__current_indicator_t1
// cancel fadeout...
that.__current_indicator_t0 != null
&& clearTimeout(that.__current_indicator_t0)
delete that.__current_indicator_t0
show()
}, t-50)
}
}
}
var CurrentImageIndicatorHideOnFastScreenNav = var CurrentImageIndicatorHideOnFastScreenNav =
module.CurrentImageIndicatorHideOnFastScreenNav = core.ImageGridFeatures.Feature({ module.CurrentImageIndicatorHideOnFastScreenNav = core.ImageGridFeatures.Feature({
title: '', title: '',
@ -445,54 +488,26 @@ module.CurrentImageIndicatorHideOnFastScreenNav = core.ImageGridFeatures.Feature
], ],
exclusive: ['ui-current-image-indicator-hide'], exclusive: ['ui-current-image-indicator-hide'],
config: {
'current-image-indicator-screen-hide-threshold': 100,
'current-image-indicator-hide-threshold': 250,
},
handlers: [ handlers: [
// hide indicator on screen next/prev... // hide indicator on next/prev...
// [[
// XXX experimental -- not sure if we need this... 'prevImage.pre',
// XXX need to think about the trigger mechanics here and make 'nextImage.pre',
// them more natural... ],
['prevScreen.pre nextScreen.pre', makeIndicatorHiderOnFastAction(
function(){ 'current-image-indicator-hide-threshold')],
var m = this.ribbons.viewer.find('.current-marker') [[
var t = this.config['current-image-indicator-hide-timeout'] 'prevImage.pre',
'nextImage.pre',
var cur = this.current ],
makeIndicatorHiderOnFastAction(
return function(){ 'current-image-indicator-screen-hide-threshold')],
var that = this
// delay fadeout...
if(cur != this.current
&& m.css('opacity') == 1
&& this.__current_indicator_t0 == null){
this.__current_indicator_t0 = setTimeout(function(){
delete that.__current_indicator_t0
m.css({ opacity: 0 })
}, t)
}
// cancel/delay previous fadein...
if(this.__current_indicator_t1 != null){
clearTimeout(this.__current_indicator_t1)
}
// cancel fadeout and do fadein...
this.__current_indicator_t1 = setTimeout(function(){
delete that.__current_indicator_t1
// cancel fadeout...
if(that.__current_indicator_t0 != null){
clearTimeout(that.__current_indicator_t0)
delete that.__current_indicator_t0
}
// show...
m.animate({ opacity: '1' })
}, t-50)
}
}],
], ],
}) })