Remake profile picture saving with Vue

Signed-off-by: Christopher Ng <chrng8@gmail.com>

1 files changed, 0 insertions, 225 deletions

diff --git a/apps/settings/js/settings/personalInfo.js b/apps/settings/js/settings/personalInfo.js
index 98a2dfe8d48..4309b462e47 100644
--- a/apps/settings/js/settings/personalInfo.js
+++ b/apps/settings/js/settings/personalInfo.js
@@ -41,107 +41,6 @@ jQuery.fn.keyUpDelayedOrEnter = function (callback, allowEmptyValue) {
 	});
 };
 
-function updateAvatar (hidedefault) {
-	var $headerdiv = $('#header .avatardiv'),
-		$displaydiv = $('#displayavatar .avatardiv'),
-		user = OC.getCurrentUser();
-
-	//Bump avatar avatarversion
-	oc_userconfig.avatar.version = -(Math.floor(Math.random() * 1000));
-
-	if (hidedefault) {
-		$headerdiv.hide();
-		$('#header .avatardiv').removeClass('avatardiv-shown');
-	} else {
-		$headerdiv.css({'background-color': ''});
-		$headerdiv.avatar(user.uid, 32, true, false, undefined, user.displayName);
-		$('#header .avatardiv').addClass('avatardiv-shown');
-	}
-	$displaydiv.css({'background-color': ''});
-	$displaydiv.avatar(user.uid, 145, true, null, function() {
-		$displaydiv.removeClass('loading');
-		$('#displayavatar img').show();
-		if($('#displayavatar img').length === 0 || oc_userconfig.avatar.generated) {
-			$('#removeavatar').removeClass('inlineblock').addClass('hidden');
-		} else {
-			$('#removeavatar').removeClass('hidden').addClass('inlineblock');
-		}
-	}, user.displayName);
-	$('#uploadavatar').prop('disabled', false);
-}
-
-function showAvatarCropper () {
-	var $cropper = $('#cropper');
-	var $cropperImage = $('<img/>');
-	$cropperImage.css('opacity', 0); // prevent showing the unresized image
-	$cropper.children('.inner-container').prepend($cropperImage);
-
-	$cropperImage.attr('src',
-		OC.generateUrl('/avatar/tmp') + '?requesttoken=' + encodeURIComponent(OC.requestToken) + '#' + Math.floor(Math.random() * 1000));
-
-	$cropperImage.load(function () {
-		var img = $cropperImage.get()[0];
-		var selectSize = Math.min(img.width, img.height);
-		var offsetX = (img.width - selectSize) / 2;
-		var offsetY = (img.height - selectSize) / 2;
-		$cropperImage.Jcrop({
-			onChange: saveCoords,
-			onSelect: saveCoords,
-			aspectRatio: 1,
-			boxHeight: Math.min(500, $('#app-content').height() -100),
-			boxWidth: Math.min(500, $('#app-content').width()),
-			setSelect: [offsetX, offsetY, selectSize, selectSize]
-		}, function() {
-			$cropper.show();
-		});
-	});
-}
-
-function sendCropData () {
-	cleanCropper();
-
-	var cropperData = $('#cropper').data();
-	var data = {
-		x: cropperData.x,
-		y: cropperData.y,
-		w: cropperData.w,
-		h: cropperData.h
-	};
-	$.post(OC.generateUrl('/avatar/cropped'), {crop: data}, avatarResponseHandler);
-}
-
-function saveCoords (c) {
-	$('#cropper').data(c);
-}
-
-function cleanCropper () {
-	var $cropper = $('#cropper');
-	$('#displayavatar').show();
-	$cropper.hide();
-	$('.jcrop-holder').remove();
-	$('#cropper img').removeData('Jcrop').removeAttr('style').removeAttr('src');
-	$('#cropper img').remove();
-}
-
-function avatarResponseHandler (data) {
-	if (typeof data === 'string') {
-		data = JSON.parse(data);
-	}
-	var $warning = $('#avatarform .warning');
-	$warning.hide();
-	if (data.status === "success") {
-		$('#displayavatar .avatardiv').removeClass('icon-loading');
-		oc_userconfig.avatar.generated = false;
-		updateAvatar();
-	} else if (data.data === "notsquare") {
-		cleanCropper();
-		showAvatarCropper();
-	} else {
-		$warning.show();
-		$warning.text(data.data.message);
-	}
-}
-
 window.addEventListener('DOMContentLoaded', function () {
 	if($('#pass2').length) {
 		$('#pass2').showPassword().keyup();
@@ -208,9 +107,6 @@ window.addEventListener('DOMContentLoaded', function () {
 		showPublishedScope: !!settingsEl.data('lookup-server-upload-enabled'),
 	});
 
-	userSettings.on("sync", function() {
-		updateAvatar(false);
-	});
 	federationSettingsView.render();
 
 	var updateLanguage = function () {
@@ -264,125 +160,6 @@ window.addEventListener('DOMContentLoaded', function () {
 		});
 	};
 	$("#localeinput").change(updateLocale);
-
-	var uploadparms = {
-		pasteZone: null,
-		done: function (e, data) {
-			var response = data;
-			if (typeof data.result === 'string') {
-				response = JSON.parse(data.result);
-			} else if (data.result && data.result.length) {
-				// fetch response from iframe
-				response = JSON.parse(data.result[0].body.innerText);
-			} else {
-				response = data.result;
-			}
-			avatarResponseHandler(response);
-		},
-		submit: function(e, data) {
-			$('#displayavatar img').hide();
-			$('#displayavatar .avatardiv').addClass('icon-loading');
-			$('#uploadavatar').prop('disabled', true)
-			data.formData = _.extend(data.formData || {}, {
-				requesttoken: OC.requestToken
-			});
-		},
-		fail: function (e, data) {
-			$('#displayavatar .avatardiv').removeClass('icon-loading');
-			$('#uploadavatar').prop('disabled', false)
-			var msg = data.jqXHR.statusText + ' (' + data.jqXHR.status + ')';
-			if (!_.isUndefined(data.jqXHR.responseJSON) &&
-				!_.isUndefined(data.jqXHR.responseJSON.data) &&
-				!_.isUndefined(data.jqXHR.responseJSON.data.message)
-			) {
-				msg = data.jqXHR.responseJSON.data.message;
-			}
-			avatarResponseHandler({
-				data: {
-					message: msg
-				}
-			});
-		}
-	};
-
-	$('#uploadavatar').fileupload(uploadparms);
-
-	// Trigger upload action also with keyboard navigation on enter
-	$('#uploadavatarbutton').on('keyup', function(event) {
-		if (event.key === ' ' || event.key === 'Enter') {
-			$('#uploadavatar').trigger('click');
-		}
-	});
-
-	$('#selectavatar').click(function (event) {
-		event.stopPropagation();
-		event.preventDefault();
-
-		OC.dialogs.filepicker(
-			t('settings', "Select a profile picture"),
-			function (path) {
-				$('#displayavatar img').hide();
-				$('#displayavatar .avatardiv').addClass('icon-loading');
-				$('#uploadavatar').prop('disabled', true);
-				$.ajax({
-					type: "POST",
-					url: OC.generateUrl('/avatar/'),
-					data: { path: path }
-				}).done(avatarResponseHandler)
-					.fail(function(jqXHR) {
-						var msg = jqXHR.statusText + ' (' + jqXHR.status + ')';
-						if (!_.isUndefined(jqXHR.responseJSON) &&
-							!_.isUndefined(jqXHR.responseJSON.data) &&
-							!_.isUndefined(jqXHR.responseJSON.data.message)
-						) {
-							msg = jqXHR.responseJSON.data.message;
-						}
-						avatarResponseHandler({
-							data: {
-								message: msg
-							}
-						});
-					});
-			},
-			false,
-			["image/png", "image/jpeg"]
-		);
-	});
-
-	$('#removeavatar').click(function (event) {
-		event.stopPropagation();
-		event.preventDefault();
-
-		$.ajax({
-			type: 'DELETE',
-			url: OC.generateUrl('/avatar/'),
-			success: function () {
-				oc_userconfig.avatar.generated = true;
-				updateAvatar(true);
-			}
-		});
-	});
-
-	$('#abortcropperbutton').click(function () {
-		$('#displayavatar .avatardiv').removeClass('icon-loading');
-		$('#displayavatar img').show();
-		$('#uploadavatar').prop('disabled', false);
-		cleanCropper();
-	});
-
-	$('#sendcropperbutton').click(function () {
-		sendCropData();
-	});
-
-	// Load the big avatar
-	var user = OC.getCurrentUser();
-	$('#avatarform .avatardiv').avatar(user.uid, 145, true, null, function() {
-		if($('#displayavatar img').length === 0 || oc_userconfig.avatar.generated) {
-			$('#removeavatar').removeClass('inlineblock').addClass('hidden');
-		} else {
-			$('#removeavatar').removeClass('hidden').addClass('inlineblock');
-		}
-	}, user.displayName);
 });
 
 window.setInterval(function() {
@@ -390,5 +167,3 @@ window.setInterval(function() {
 	$('#localeexample-date').text(moment().format('L'))
 	$('#localeexample-fdow').text(t('settings', 'Week starts on {fdow}', { fdow: dayNames[firstDay] }))
 }, 1000)
-
-OC.Settings.updateAvatar = updateAvatar;