app = angular.module 'pdfViewerApp', ['pdfPage', 'PDFRenderer', 'pdfHighlights']

app.controller 'pdfViewerController', ['$scope', '$q', 'PDFRenderer', '$element', 'pdfHighlights', ($scope, $q, PDFRenderer, $element, pdfHighlights) ->
	@load = () ->
		$scope.document = new PDFRenderer($scope.pdfSrc, {
			scale: 1,
			navigateFn: (ref) ->
				# this function captures clicks on the annotation links
				$scope.navigateTo = ref
				$scope.$apply()
		})

		# we will have all the main information needed to start display
		# after the following promise is resolved
		$scope.loaded = $q.all({
			numPages: $scope.document.getNumPages()
			destinations: $scope.document.getDestinations()
			# get size of first page as default @ scale 1
			pdfViewport: $scope.document.getPdfViewport 1, 1
			}).then (result) ->
				$scope.pdfViewport = result.pdfViewport
				$scope.pdfPageSize = [
					result.pdfViewport.height,
					result.pdfViewport.width
				]
				$scope.destinations = result.destinations
				console.log 'resolved q.all, page size is', result
				$scope.numPages = result.numPages

	@setScale = (scale, containerHeight, containerWidth) ->
		$scope.loaded.then () ->
			scale = {} if not scale?
			if scale.scaleMode == 'scale_mode_fit_width'
				# TODO make this dynamic
				numScale = (containerWidth - 40) / ($scope.pdfPageSize[1])
			else if scale.scaleMode == 'scale_mode_fit_height'
				# TODO magic numbers for jquery ui layout
				numScale = (containerHeight - 20) / ($scope.pdfPageSize[0])
			else if scale.scaleMode == 'scale_mode_value'
				numScale = scale.scale
			else if scale.scaleMode == 'scale_mode_auto'
				# TODO
			else
				scale.scaleMode = 'scale_mode_fit_width'
				numScale = (containerWidth - 40) / ($scope.pdfPageSize[1])
				# TODO
			$scope.scale.scale = numScale
			$scope.document.setScale(numScale)
			$scope.defaultPageSize = [
				numScale * $scope.pdfPageSize[0],
				numScale * $scope.pdfPageSize[1]
			]
			console.log 'in setScale result', $scope.scale.scale, $scope.defaultPageSize

	@redraw = (position) ->
		console.log 'in redraw'
		console.log 'reseting pages array for', $scope.numPages
		console.log 'position is', position.page, position.offset
		$scope.pages = ({
			pageNum: i
		} for i in [1 .. $scope.numPages])
		if position? && position.page?
			console.log 'setting current page', position.page
			pagenum = position.page
			$scope.pages[pagenum - 1].current = true
			$scope.pages[pagenum - 1].position = position

	@zoomIn = () ->
		console.log 'zoom in'
		newScale = $scope.scale.scale * 1.2
		$scope.forceScale = { scaleMode: 'scale_mode_value', scale: newScale }

	@zoomOut = () ->
		console.log 'zoom out'
		newScale = $scope.scale.scale / 1.2
		$scope.forceScale = { scaleMode: 'scale_mode_value', scale: newScale }

	@fitWidth = () ->
		console.log 'fit width'
		$scope.forceScale = { scaleMode: 'scale_mode_fit_width' }

	@fitHeight = () ->
		console.log 'fit height'
		$scope.forceScale = { scaleMode: 'scale_mode_fit_height' }

	@checkPosition = () ->
		console.log 'check position'
		$scope.forceCheck = ($scope.forceCheck || 0) + 1

	@showRandomHighlights = () ->
		console.log 'show highlights'
		$scope.highlights = [
			{
				page: 3
				h: 100
				v: 100
				height: 30
				width: 200
			}
		]

	# we work with (pagenumber, % of height down page from top)
	# pdfListView works with (pagenumber, vertical position up page from
	# bottom measured in pts)

	@getPdfPosition = () ->
		console.log 'in getPdfPosition'
		visiblePages = $scope.pages.filter (page) ->
			page.visible
		if visiblePages.length
			topPage = visiblePages[0]
		else
			console.log 'CANNOT FIND TOP PAGE'
			topPage = $scope.pages[0]
		console.log 'top page is', topPage.pageNum, topPage.elemTop, topPage.elemBottom, topPage
		top = topPage.elemTop
		bottom = topPage.elemBottom
		viewportTop = 0
		viewportHeight = $element.height()
		topVisible = (top >= viewportTop && top < viewportTop + viewportHeight)
		someContentVisible = (top < viewportTop && bottom > viewportTop)
		console.log 'in PdfListView', top, topVisible, someContentVisible, viewportTop
		if topVisible
			canvasOffset = 0
		else if someContentVisible
			canvasOffset = viewportTop - top
		else
			canvasOffset = null
		console.log 'pdfListview position = ', canvasOffset
		# instead of using promise, check if size is known and revert to
		# default otherwise
		console.log 'looking up viewport', topPage.viewport, $scope.pdfViewport
		if topPage.viewport
			viewport = topPage.viewport
			pdfOffset = viewport.convertToPdfPoint(0, canvasOffset);
		else
			console.log 'WARNING: had to default to global page size'
			viewport = $scope.pdfViewport
			scaledOffset = canvasOffset / $scope.scale.scale
			pdfOffset = viewport.convertToPdfPoint(0, scaledOffset);
		console.log 'converted to offset = ', pdfOffset
		newPosition = {
			"page": topPage.pageNum,
			"offset" : { "top" : pdfOffset[1], "left": 0	}
		}
		return newPosition

	@computeOffset = (page, position) ->
		console.log 'computing offset for', page, position
		element = page.element
		pageTop = $(element).offset().top - $(element).parent().offset().top
		console.log('top of page scroll is', pageTop, 'vs', page.elemTop)
		console.log('inner height is', $(element).innerHeight())
		currentScroll = $(element).parent().scrollTop()
		offset = position.offset
		# convert offset to pixels
		return $scope.document.getPdfViewport(page.pageNum).then (viewport) ->
			page.viewport = viewport
			pageOffset = viewport.convertToViewportPoint(offset.left, offset.top)
			console.log 'addition offset =', pageOffset
			console.log 'total', pageTop + pageOffset[1]
			Math.round(pageTop + pageOffset[1] + currentScroll) ## 10 is margin

	@setPdfPosition = (page, position) ->
		console.log 'required pdf Position is', position
		@computeOffset(page, position).then (offset) ->
			$scope.pleaseScrollTo =  offset
			$scope.position = position

	return this

]

app.directive 'pdfViewer', ['$q', '$timeout', ($q, $timeout) ->
	{
		controller: 'pdfViewerController'
		controllerAs: 'ctrl'
		scope: {
			"pdfSrc": "="
			"highlights": "="
			"position": "="
			"scale": "="
			"dblClickCallback": "="
			"pleaseJumpTo": "="
		}
		template: """
		<div data-pdf-page class='pdf-page-container page-container' ng-repeat='page in pages'></div>
		"""
		link: (scope, element, attrs, ctrl) ->
			console.log 'in pdfViewer element is', element
			console.log 'attrs', attrs
			layoutReady = $q.defer()
			layoutReady.notify 'waiting for layout'
			layoutReady.promise.then () ->
				console.log 'layoutReady was resolved'

			# TODO can we combine this with scope.parentSize, need to finalize boxes
			updateContainer = () ->
				scope.containerSize = [
					element.innerWidth()
					element.innerHeight()
					element.offset().top
				]

			doRescale = (scale) ->
				console.log 'doRescale', scale
				origposition = angular.copy scope.position
				console.log 'origposition', origposition
				layoutReady.promise.then () ->
					[h, w] = [element.innerHeight(), element.width()]
					console.log 'in promise', h, w
					ctrl.setScale(scale, h, w).then () ->
						ctrl.redraw(origposition)

			scope.$on 'layout-ready', () ->
				console.log 'GOT LAYOUT READY EVENT'
				console.log 'calling refresh'
				updateContainer()
				layoutReady.resolve 'layout is ready'
				scope.parentSize = [
					element.innerHeight(),
					element.innerWidth()
				]
				#scope.$apply()

			scope.$on 'layout:pdf:resize', () ->
				console.log 'GOT LAYOUT-RESIZE EVENT'
				scope.parentSize = [
					element.innerHeight(),
					element.innerWidth()
				]
				#scope.$apply()

			element.on 'scroll', () ->
				console.log 'scroll detected', scope.adjustingScroll
				updateContainer()
				scope.$apply()
				#console.log 'pdfposition', element.parent().scrollTop()
				if scope.adjustingScroll
					scope.adjustingScroll = false
					return
				#console.log 'not from auto scroll'
				scope.position = ctrl.getPdfPosition()
				console.log 'position is', scope.position.page, scope.position.offset
				scope.$apply()

			scope.$watch 'pdfSrc', (newVal, oldVal) ->
				console.log 'loading pdf', newVal, oldVal
				return unless newVal?
				ctrl.load()
				doRescale scope.scale

			scope.$watch 'scale', (newVal, oldVal) ->
				# no need to set scale when initialising, done in pdfSrc
				return if newVal == oldVal
				console.log 'XXX calling Setscale in scale watch'
				doRescale newVal

			scope.$watch 'forceScale', (newVal, oldVal) ->
				console.log 'got change in numscale watcher', newVal, oldVal
				return unless newVal?
				doRescale newVal

			scope.$watch 'position', (newVal, oldVal) ->
				console.log 'got change in position watcher', newVal, oldVal

			scope.$watch 'forceCheck', (newVal, oldVal) ->
				console.log 'forceCheck', newVal, oldVal
				return unless newVal?
				scope.adjustingScroll = true  # temporarily disable scroll
				doRescale scope.scale

			scope.$watch('parentSize', (newVal, oldVal) ->
				console.log 'XXX in parentSize watch', newVal, oldVal
				if newVal == oldVal
					console.log 'returning because old and new are the same'
					return
				return unless oldVal?
				console.log 'XXX calling setScale in parentSize watcher'
				doRescale scope.scale
			, true)

			scope.$watch 'elementWidth', (newVal, oldVal) ->
				console.log '*** watch INTERVAL element width is', newVal, oldVal

			scope.$watch 'pleaseScrollTo', (newVal, oldVal) ->
				console.log 'got request to ScrollTo', newVal, 'oldVal', oldVal
				return unless newVal?
				scope.adjustingScroll = true  # temporarily disable scroll
																			# handler while we reposition
				$(element).scrollTop(newVal)
				scope.pleaseScrollTo = undefined

			scope.$watch 'pleaseJumpTo', (newPosition, oldPosition) ->
				console.log 'in pleaseJumpTo', newPosition, oldPosition
				return unless newPosition?
				ctrl.setPdfPosition scope.pages[newPosition.page-1], newPosition

			scope.$watch 'navigateTo', (newVal, oldVal) ->
				return unless newVal?
				console.log 'got request to navigate to', newVal, 'oldVal', oldVal
				scope.navigateTo = undefined
				console.log 'navigate to', newVal
				console.log 'look up page num'
				scope.loaded.then () ->
					console.log 'destinations are', scope.destinations
					r = scope.destinations[newVal.dest]
					console.log 'need to go to', r
					console.log 'page ref is', r[0]
					scope.document.getPageIndex(r[0]).then (pidx) ->
						console.log 'page num is', pidx
						scope.document.getPdfViewport(pidx).then (viewport) ->
							console.log 'got viewport', viewport
							coords = viewport.convertToViewportPoint r[2], r[3]
							console.log	'viewport position', coords
							console.log 'r is', r, 'r[1]', r[1], 'r[1].name', r[1].name
							if r[1].name == 'XYZ'
								console.log 'XYZ:', r[2], r[3]
								newPosition = {page: pidx + 1, offset: {top: r[3], left: r[2]}}
								ctrl.setPdfPosition scope.pages[pidx], newPosition

			scope.$watch "highlights", (areas) ->
				console.log 'got HIGHLIGHTS in pdfViewer', areas
				return if !areas?
				console.log 'areas are', areas
				highlights = for area in areas or []
					{
						page: area.page - 1
						highlight:
							left: area.h
							top: area.v
							height: area.height
							width: area.width
					}
				console.log 'highlights', highlights

				return if !highlights.length

				first = highlights[0]
				ctrl.setPdfPosition(scope.pages[first.page], {
						page: scope.pages[first.page]
						offset:
							left: first.highlight.left
							top: first.highlight.top - 80
					})

				for h in highlights
					console.log 'iterating highlights', h
					page = scope.pages[h.page]
					element = page.element
					viewport = page.viewport
					highlightsElement = $(element).find('.highlights-layer')
					highlightsLayer = new pdfHighlights({
							highlights: highlightsElement
							viewport: viewport
					})
					k=h.highlight
					highlightsLayer.addHighlight(k.left,k.top,k.width,k.height)
					#pdfListView.clearHighlights()
					#ctrl.setHighlights(highlights, true)

					#setTimeout () =>
					#	pdfListView.clearHighlights()
					#, 1000

	}
]