server/core/js/update.js

/*
 * Copyright (c) 2014
 *
 * This file is licensed under the Affero General Public License version 3
 * or later.
 *
 * See the COPYING-README file.
 *
 */

(function() {
	OC.Update = {
		_started : false,

		/**
		 * Start the upgrade process.
		 *
		 * @param $el progress list element
		 */
		start: function($el) {
			if (this._started) {
				return;
			}

			this.$el = $el;

			this._started = true;
			this.addMessage(t(
				'core',
				'Updating {productName} to version {version}, this may take a while.', {
					productName: OC.theme.name || 'ownCloud',
					version: OC.config.versionstring
				}),
				'bold'
			).append('<br />'); // FIXME: these should be ul/li with CSS paddings!

			var updateEventSource = new OC.EventSource(OC.webroot+'/core/ajax/update.php');
			updateEventSource.listen('success', function(message) {
				$('<span>').append(message).append('<br />').appendTo($el);
			});
			updateEventSource.listen('error', function(message) {
				$('<span>').addClass('error').append(message).append('<br />').appendTo($el);
				message = t('core', 'Please reload the page.');
				$('<span>').addClass('error').append(message).append('<br />').appendTo($el);
				updateEventSource.close();
			});
			updateEventSource.listen('failure', function(message) {
				$('<span>').addClass('error').append(message).append('<br />').appendTo($el);
				$('<span>')
				.addClass('error bold')
				.append('<br />')
				.append(t('core', 'The update was unsuccessful.' +
					'Please report this issue to the ' +
					'<a href="https://github.com/owncloud/core/issues" target="_blank">ownCloud community</a>.'))
				.appendTo($el);
			});
			updateEventSource.listen('done', function() {
				// FIXME: use product name
				$('<span>').addClass('bold')
					.append('<br />')
					.append(t('core', 'The update was successful. Redirecting you to ownCloud now.'))
					.appendTo($el);
				setTimeout(function () {
					OC.redirect(OC.webroot);
				}, 3000);
			});
		},

		addMessage: function(message, className) {
			var $span = $('<span>');
			$span.addClass(className).append(message).append('<br />').appendTo(this.$el);
			return $span;
		}
	};

})();

$(document).ready(function() {
	$('.updateButton').on('click', function() {
		var $progressEl = $('.updateProgress');
		$progressEl.removeClass('hidden');
		$('.updateOverview').addClass('hidden');
		OC.Update.start($progressEl);
		return false;
	});
});