github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-09-16 02:52:31 -04:00
Code Issues Projects Releases Packages Wiki Activity

queue all pdf rescale/relayout events to avoid duplicate redraws

Browse source 
delay spinner by 100ms, since it now shows sooner
This commit is contained in:
Brian Gough 2015-01-26 10:20:30 +00:00
parent 866de306d6
commit 20d1a8b0f7
1 changed files with 47 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
services/web/public/coffee/ide/pdfng/directives/pdfViewer.coffee
View file

@ -273,6 +273,16 @@ define [
extra.push scope.pages[lastVisiblePageIdx + 2]
return visiblePages.concat extra
rescaleTimer = null
queueRescale = (scale) ->
console.log 'call to queueRescale'
return if rescaleTimer? or layoutTimer? or elementTimer?
console.log 'adding to rescale queue'
rescaleTimer = setTimeout () ->
doRescale scale
rescaleTimer = null
, 0
doRescale = (scale) ->
console.log 'doRescale', scale
return unless scale?
@ -283,16 +293,16 @@ define [
console.log 'in promise', h, w
ctrl.setScale(scale, h, w).then () ->
console.log 'in setscale then', scale, h, w
spinner.remove(element)
scope.$evalAsync () ->
if spinnerTimer
clearTimeout spinnerTimer
else
spinner.remove(element)
ctrl.redraw(origposition)
$timeout renderVisiblePages
scope.$on 'layout:pdf:view', (e, args) ->
console.log 'pdf view change', element, e, args
layoutReady = $q.defer()
elementTimer = null
spinnerTimer = null
updateLayout = () ->
# if element is zero-sized keep checking until it is ready
console.log 'checking element ready', element.height(), element.width()
@ -309,21 +319,42 @@ define [
]
console.log 'resolving layoutReady with', scope.parentSize
$timeout () ->
spinner.add(element)
if not spinnerTimer?
spinnerTimer = setTimeout () ->
spinner.add(element)
spinnerTimer = null
, 100
layoutReady.resolve scope.parentSize
scope.$emit 'flash-controls'
updateLayout()
layoutTimer = null
queueLayout = () ->
console.log 'call to queue layout'
return if layoutTimer?
console.log 'added to queue layoyt'
layoutReady = $q.defer()
layoutTimer = setTimeout () ->
console.log 'calling update layout'
updateLayout()
console.log 'setting layout timer to null'
layoutTimer = null
, 0
queueLayout()
scope.$on 'layout:pdf:view', (e, args) ->
console.log 'pdf view change', element, e, args
queueLayout()
scope.$on 'layout:main:resize', () ->
console.log 'GOT LAYOUT-MAIN-RESIZE EVENT'
updateLayout()
queueLayout()
scope.$on 'layout:pdf:resize', () ->
# FIXME we get this event twice
# also we need to start a new layout when we get it
console.log 'GOT LAYOUT-PDF-RESIZE EVENT'
updateLayout()
queueLayout()
scope.$on 'pdf:error', (event, error) ->
return if error == 'cancelled'
@ -375,12 +406,12 @@ define [
# no need to set scale when initialising, done in pdfSrc
return if newVal == oldVal
# console.log 'XXX calling Setscale in scale watch'
doRescale newVal
queueRescale newVal
scope.$watch 'forceScale', (newVal, oldVal) ->
# console.log 'got change in numscale watcher', newVal, oldVal
return unless newVal?
doRescale newVal
queueRescale newVal
# scope.$watch 'position', (newVal, oldVal) ->
# console.log 'got change in position watcher', newVal, oldVal
@ -389,7 +420,7 @@ define [
# console.log 'forceCheck', newVal, oldVal
return unless newVal?
scope.adjustingScroll = true # temporarily disable scroll
doRescale scope.scale
queueRescale scope.scale
scope.$watch('parentSize', (newVal, oldVal) ->
# console.log 'XXX in parentSize watch', newVal, oldVal
@ -399,7 +430,7 @@ define [
# return unless oldVal?
# console.log 'XXX calling setScale in parentSize watcher'
return unless newVal?
doRescale scope.scale
queueRescale scope.scale
, true)
# scope.$watch 'elementWidth', (newVal, oldVal) ->
@ -475,5 +506,8 @@ define [
scope.$on '$destroy', () ->
console.log 'handle pdfng directive destroy'
clearTimeout elementTimer if elementTimer?
clearTimeout layoutTimer if layoutTimer?
clearTimeout rescaleTimer if rescaleTimer?
clearTimeout spinnerTimer if spinnerTimer?
}
]