lychee/src/scripts/upload.js

/**
 * @description Takes care of every action an album can handle and execute.
 * @copyright   2015 by Tobias Reich
 */

upload = {}

upload.show = function(title, files, callback) {

	basicModal.show({
		body: build.uploadModal(title, files),
		buttons: {
			action: {
				title: 'Close',
				class: 'hidden',
				fn: basicModal.close
			}
		},
		callback
	})

}

upload.notify = function(title, text) {

	if (text==null||text==='') text = 'You can now manage your new photo(s).'

	if (!window.webkitNotifications) return false

	if (window.webkitNotifications.checkPermission()!==0) window.webkitNotifications.requestPermission()

	if (window.webkitNotifications.checkPermission()===0 && title) {
		let popup = window.webkitNotifications.createNotification('', title, text)
		popup.show()
	}

}

upload.start = {

	local: function(files) {

		let albumID = album.getID(),
		    error   = false,
		    warning = false

		const process = function(files, file) {

			let formData     = new FormData(),
				xhr          = new XMLHttpRequest(),
				pre_progress = 0,
				progress     = 0

			const finish = function() {

				window.onbeforeunload = null

				$('#upload_files').val('')

				if (error===false && warning===false) {

					// Success
					basicModal.close()
					upload.notify('Upload complete')

				} else if (error===false && warning===true) {

					// Warning
					$('.basicModal #basicModal__action.hidden').show()
					upload.notify('Upload complete')

				} else {

					// Error
					$('.basicModal #basicModal__action.hidden').show()
					upload.notify('Upload complete', 'Failed to upload one or more photos.')

				}

				albums.refresh()

				if (album.getID()===false) lychee.goto('0')
				else                       album.load(albumID)

			}

			// Check if file is supported
			if (file.supported===false) {

				// Skip file
				if (file.next!=null) process(files, file.next)
				else {

					// Look for supported files
					// If zero files are supported, hide the upload after a delay

					let hasSupportedFiles = false

					for (let i = 0; i < files.length; i++) {

						if (files[i].supported===true) {
							hasSupportedFiles = true
							break
						}

					}

					if (hasSupportedFiles===false) setTimeout(finish, 2000)

				}

				return false

			}

			formData.append('function', 'Photo::add')
			formData.append('albumID', albumID)
			formData.append('tags', '')
			formData.append(0, file)

			xhr.open('POST', api.path)

			xhr.onload = function() {

				let wait      = false,
				    errorText = ''

				file.ready = true

				// Set status
				if (xhr.status===200 && xhr.responseText==='1') {

					// Success
					$('.basicModal .rows .row:nth-child(' + (file.num+1) + ') .status')
						.html('Finished')
						.addClass('success')

				} else {

					if (xhr.responseText.substr(0, 6)==='Error:') {

						errorText = xhr.responseText.substr(6) + ' Please take a look at the console of your browser for further details.'
						error     = true

						// Error Status
						$('.basicModal .rows .row:nth-child(' + (file.num+1) + ') .status')
							.html('Failed')
							.addClass('error')

					} else if (xhr.responseText.substr(0, 8)==='Warning:') {

						errorText = xhr.responseText.substr(8)
						warning   = true

						// Warning Status
						$('.basicModal .rows .row:nth-child(' + (file.num+1) + ') .status')
							.html('Skipped')
							.addClass('warning')

					} else {

						errorText = 'Server returned an unknown response. Please take a look at the console of your browser for further details.'
						error     = true

						// Error Status
						$('.basicModal .rows .row:nth-child(' + (file.num+1) + ') .status')
							.html('Failed')
							.addClass('error')

					}

					$('.basicModal .rows .row:nth-child(' + (file.num+1) + ') p.notice')
						.html(errorText)
						.show()

					// Throw error
					if (error===true) lychee.error('Upload failed. Server returned the status code ' + xhr.status + '!', xhr, xhr.responseText)

				}

				// Check if there are file which are not finished
				for (let i = 0; i < files.length; i++) {

					if (files[i].ready===false) {
						wait = true
						break
					}

				}

				// Finish upload when all files are finished
				if (wait===false) finish()

			}

			xhr.upload.onprogress = function(e) {

				if (e.lengthComputable!==true) return false

				// Calculate progress
				progress = (e.loaded / e.total * 100 | 0)

				// Set progress when progress has changed
				if (progress>pre_progress) {
					$('.basicModal .rows .row:nth-child(' + (file.num+1) + ') .status').html(progress + '%')
					pre_progress = progress
				}

				if (progress>=100) {

					// Scroll to the uploading file
					let scrollPos = 0
					if ((file.num+1)>4) scrollPos = (file.num + 1 - 4) * 40
					$('.basicModal .rows').scrollTop(scrollPos)

					// Set status to processing
					$('.basicModal .rows .row:nth-child(' + (file.num+1) + ') .status').html('Processing')

					// Upload next file
					if (file.next!=null) process(files, file.next)

				}

			}

			xhr.send(formData)

		}

		if (files.length<=0) return false
		if (albumID===false || visible.albums()===true) albumID = 0

		for (let i = 0; i < files.length; i++) {

			files[i].num       = i
			files[i].ready     = false
			files[i].supported = true

			if (i < files.length-1) files[i].next = files[i+1]
			else                    files[i].next = null

			// Check if file is supported
			if (files[i].type!=='image/jpeg' && files[i].type!=='image/jpg' && files[i].type!=='image/png' && files[i].type!=='image/gif') {

				files[i].ready     = true
				files[i].supported = false

			}

		}

		window.onbeforeunload = function() { return 'Lychee is currently uploading!' }

		upload.show('Uploading', files, function() {

			// Upload first file
			process(files, files[0])

		})

	},

	url: function(url = '') {

		let albumID = album.getID()

		url = (typeof url === 'string' ? url : '')

		if (albumID===false) albumID = 0

		const action = function(data) {

			let files = []

			if (data.link && data.link.length>3) {

				basicModal.close()

				let extension = data.link.split('.').pop()
				if (extension!=='jpeg' && extension!=='jpg' && extension!=='png' && extension!=='gif' && extension!=='webp') {
					loadingBar.show('error', 'File format of link not supported.')
					return false
				}

				files[0] = {
					name      : data.link,
					supported : true
				}

				upload.show('Importing URL', files, function() {

					$('.basicModal .rows .row .status').html('Importing')

					let params = {
						url: data.link,
						albumID
					}

					api.post('Import::url', params, function(data) {

						// Same code as in import.dropbox()

						if (data!==true) {

							$('.basicModal .rows .row p.notice')
								.html('The import has been finished, but returned warnings or errors. Please take a look at the log (Settings -> Show Log) for further details.')
								.show()

							$('.basicModal .rows .row .status')
								.html('Finished')
								.addClass('warning')

							// Show close button
							$('.basicModal #basicModal__action.hidden').show()

							// Log error
							lychee.error(null, params, data)

						} else {

							basicModal.close()

						}

						upload.notify('Import complete')

						albums.refresh()

						if (album.getID()===false) lychee.goto('0')
						else                       album.load(albumID)

					})

				})

			} else basicModal.error('link')

		}

		basicModal.show({
			body: `<p>Please enter the direct link to a photo to import it: <input class='text' name='link' type='text' placeholder='http://' value='${ url }'></p>`,
			buttons: {
				action: {
					title: 'Import',
					fn: action
				},
				cancel: {
					title: 'Cancel',
					fn: basicModal.close
				}
			}
		})

	},

	server: function() {

		let albumID = album.getID()
		if (albumID===false) albumID = 0

		const action = function(data) {

			let files = []

			files[0] = {
				name      : data.path,
				supported : true
			}

			upload.show('Importing from server', files, function() {

				$('.basicModal .rows .row .status').html('Importing')

				let params = {
					albumID,
					path: data.path
				}

				api.post('Import::server', params, function(data) {

					albums.refresh()
					upload.notify('Import complete')

					if (data==='Notice: Import only contained albums!') {

						// No error, but the folder only contained albums

						// Go back to the album overview to show the imported albums
						if (visible.albums()) lychee.load()
						else                  lychee.goto('')

						basicModal.close()

						return true

					} else if (data==='Warning: Folder empty or no readable files to process!') {

						// Error because the import could not start

						$('.basicModal .rows .row p.notice')
							.html('Folder empty or no readable files to process. Please take a look at the log (Settings -> Show Log) for further details.')
							.show()

						$('.basicModal .rows .row .status')
							.html('Failed')
							.addClass('error')

						// Log error
						lychee.error('Could not start import because the folder was empty!', params, data)

					} else if (data!==true) {

						// Maybe an error, maybe just some skipped photos

						$('.basicModal .rows .row p.notice')
							.html('The import has been finished, but returned warnings or errors. Please take a look at the log (Settings -> Show Log) for further details.')
							.show()

						$('.basicModal .rows .row .status')
							.html('Finished')
							.addClass('warning')

						// Log error
						lychee.error(null, params, data)

					} else {

						// No error, everything worked fine

						basicModal.close()

					}

					if (album.getID()===false) lychee.goto('0')
					else                       album.load(albumID)

					// Show close button
					$('.basicModal #basicModal__action.hidden').show()

				})

			})

		}

		basicModal.show({
			body: `<p>This action will import all photos, folders and sub-folders which are located in the following directory. The <b>original files will be deleted</b> after the import when possible. <input class='text' name='path' type='text' maxlength='100' placeholder='Absolute path to directory' value='${ lychee.location }uploads/import/'></p>`,
			buttons: {
				action: {
					title: 'Import',
					fn: action
				},
				cancel: {
					title: 'Cancel',
					fn: basicModal.close
				}
			}
		})

	},

	dropbox: function() {

		let albumID = album.getID()
		if (albumID===false) albumID = 0

		const success = function(files) {

			let links = ''

			for (let i = 0; i < files.length; i++) {

				links += files[i].link + ','

				files[i] = {
					name      : files[i].link,
					supported : true
				}

			}

			// Remove last comma
			links = links.substr(0, links.length-1)

			upload.show('Importing from Dropbox', files, function() {

				$('.basicModal .rows .row .status').html('Importing')

				let params = {
					url: links,
					albumID
				}

				api.post('Import::url', params, function(data) {

					// Same code as in import.url()

					if (data!==true) {

						$('.basicModal .rows .row p.notice')
							.html('The import has been finished, but returned warnings or errors. Please take a look at the log (Settings -> Show Log) for further details.')
							.show()

						$('.basicModal .rows .row .status')
							.html('Finished')
							.addClass('warning')

						// Show close button
						$('.basicModal #basicModal__action.hidden').show()

						// Log error
						lychee.error(null, params, data)

					} else {

						basicModal.close()

					}

					upload.notify('Import complete')

					albums.refresh()

					if (album.getID()===false) lychee.goto('0')
					else                       album.load(albumID)

				})

			})

		}

		lychee.loadDropbox(function() {
			Dropbox.choose({
				linkType: 'direct',
				multiselect: true,
				success
			})
		})

	}

}