mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
fixes #157 - User permissions
This commit is contained in:
Luke Pulverenti
parent
05a6467c35
commit
498aa4b31e
2 changed files with 126 additions and 99 deletions
|
|
@ -1,17 +1,8 @@
|
|||
var UserImagePage = {
|
||||
(function ($, window, document, FileReader) {
|
||||
|
||||
onPageShow: function () {
|
||||
var currentFile;
|
||||
|
||||
UserImagePage.reloadUser();
|
||||
|
||||
$("#userImageDropZone", this).on('dragover', UserImagePage.onImageDragOver).on('drop', UserImagePage.onImageDrop);
|
||||
},
|
||||
|
||||
onPageHide: function () {
|
||||
$("#userImageDropZone", this).off('dragover', UserImagePage.onImageDragOver).off('drop', UserImagePage.onImageDrop);
|
||||
},
|
||||
|
||||
reloadUser: function () {
|
||||
function reloadUser(page) {
|
||||
|
||||
var userId = getParameterByName("userId");
|
||||
|
||||
|
|
@ -19,8 +10,6 @@
|
|||
|
||||
ApiClient.getUser(userId).done(function (user) {
|
||||
|
||||
var page = $($.mobile.activePage);
|
||||
|
||||
if (user.Configuration.IsAdministrator) {
|
||||
$('.lnkMediaLibrary', page).show();
|
||||
} else {
|
||||
|
|
@ -51,75 +40,20 @@
|
|||
|
||||
Dashboard.hideLoadingMsg();
|
||||
});
|
||||
},
|
||||
|
||||
deleteImage: function () {
|
||||
|
||||
Dashboard.confirm("Are you sure you wish to delete the image?", "Delete Image", function (result) {
|
||||
|
||||
if (result) {
|
||||
|
||||
Dashboard.showLoadingMsg();
|
||||
|
||||
var userId = getParameterByName("userId");
|
||||
|
||||
ApiClient.deleteUserImage(userId, "primary").done(UserImagePage.processImageChangeResult);
|
||||
}
|
||||
|
||||
});
|
||||
},
|
||||
|
||||
processImageChangeResult: function () {
|
||||
function processImageChangeResult() {
|
||||
|
||||
Dashboard.hideLoadingMsg();
|
||||
|
||||
Dashboard.validateCurrentUser($.mobile.activePage);
|
||||
UserImagePage.reloadUser();
|
||||
},
|
||||
|
||||
onFileUploadChange: function (fileUpload) {
|
||||
|
||||
UserImagePage.setFiles(fileUpload.files);
|
||||
},
|
||||
|
||||
setFiles: function (files) {
|
||||
|
||||
var page = $.mobile.activePage;
|
||||
|
||||
var file = files[0];
|
||||
|
||||
if (!file || !file.type.match('image.*')) {
|
||||
$('#userImageOutput', page).html('');
|
||||
$('#fldUpload', page).hide();
|
||||
UserImagePage.currentFile = null;
|
||||
return;
|
||||
Dashboard.validateCurrentUser(page);
|
||||
reloadUser(page);
|
||||
}
|
||||
|
||||
UserImagePage.currentFile = file;
|
||||
|
||||
var reader = new FileReader();
|
||||
|
||||
reader.onerror = UserImagePage.onFileReaderError;
|
||||
reader.onloadstart = UserImagePage.onFileReaderOnloadStart;
|
||||
reader.onabort = UserImagePage.onFileReaderAbort;
|
||||
|
||||
// Closure to capture the file information.
|
||||
reader.onload = (function (theFile) {
|
||||
return function (e) {
|
||||
|
||||
// Render thumbnail.
|
||||
var html = ['<img style="max-width:500px;max-height:200px;" src="', e.target.result, '" title="', escape(theFile.name), '"/>'].join('');
|
||||
|
||||
$('#userImageOutput', page).html(html);
|
||||
$('#fldUpload', page).show();
|
||||
};
|
||||
})(file);
|
||||
|
||||
// Read in the image file as a data URL.
|
||||
reader.readAsDataURL(file);
|
||||
},
|
||||
|
||||
onFileReaderError: function (evt) {
|
||||
function onFileReaderError(evt) {
|
||||
|
||||
Dashboard.hideLoadingMsg();
|
||||
|
||||
|
|
@ -135,22 +69,81 @@
|
|||
default:
|
||||
Dashboard.showError('An error occurred reading this file.');
|
||||
};
|
||||
},
|
||||
}
|
||||
|
||||
onFileReaderOnloadStart: function (evt) {
|
||||
function onFileReaderOnloadStart(evt) {
|
||||
|
||||
$('#fldUpload', $.mobile.activePage).hide();
|
||||
},
|
||||
}
|
||||
|
||||
onFileReaderAbort: function (evt) {
|
||||
function onFileReaderAbort(evt) {
|
||||
|
||||
Dashboard.hideLoadingMsg();
|
||||
Dashboard.showError('File read cancelled');
|
||||
},
|
||||
}
|
||||
|
||||
onSubmit: function () {
|
||||
function setFiles(files) {
|
||||
|
||||
var file = UserImagePage.currentFile;
|
||||
var page = $.mobile.activePage;
|
||||
|
||||
var file = files[0];
|
||||
|
||||
if (!file || !file.type.match('image.*')) {
|
||||
$('#userImageOutput', page).html('');
|
||||
$('#fldUpload', page).hide();
|
||||
currentFile = null;
|
||||
return;
|
||||
}
|
||||
|
||||
currentFile = file;
|
||||
|
||||
var reader = new FileReader();
|
||||
|
||||
reader.onerror = onFileReaderError;
|
||||
reader.onloadstart = onFileReaderOnloadStart;
|
||||
reader.onabort = onFileReaderAbort;
|
||||
|
||||
// Closure to capture the file information.
|
||||
reader.onload = (function (theFile) {
|
||||
return function (e) {
|
||||
|
||||
// Render thumbnail.
|
||||
var html = ['<img style="max-width:500px;max-height:200px;" src="', e.target.result, '" title="', escape(theFile.name), '"/>'].join('');
|
||||
|
||||
$('#userImageOutput', page).html(html);
|
||||
$('#fldUpload', page).show();
|
||||
};
|
||||
})(file);
|
||||
|
||||
// Read in the image file as a data URL.
|
||||
reader.readAsDataURL(file);
|
||||
}
|
||||
|
||||
function onImageDrop(e) {
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
setFiles(e.originalEvent.dataTransfer.files);
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
function onImageDragOver(e) {
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
e.originalEvent.dataTransfer.dropEffect = 'Copy';
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
function userImagePage() {
|
||||
|
||||
var self = this;
|
||||
|
||||
self.onSubmit = function () {
|
||||
|
||||
var file = currentFile;
|
||||
|
||||
if (!file) {
|
||||
return false;
|
||||
|
|
@ -164,28 +157,62 @@
|
|||
|
||||
var userId = getParameterByName("userId");
|
||||
|
||||
ApiClient.uploadUserImage(userId, 'Primary', file).done(UserImagePage.processImageChangeResult);
|
||||
ApiClient.uploadUserImage(userId, 'Primary', file).done(processImageChangeResult);
|
||||
|
||||
return false;
|
||||
},
|
||||
};
|
||||
|
||||
onImageDrop: function (e) {
|
||||
self.deleteImage = function () {
|
||||
|
||||
e.preventDefault();
|
||||
Dashboard.confirm("Are you sure you wish to delete the image?", "Delete Image", function (result) {
|
||||
|
||||
UserImagePage.setFiles(e.originalEvent.dataTransfer.files);
|
||||
if (result) {
|
||||
|
||||
return false;
|
||||
},
|
||||
Dashboard.showLoadingMsg();
|
||||
|
||||
onImageDragOver: function (e) {
|
||||
var userId = getParameterByName("userId");
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
e.originalEvent.dataTransfer.dropEffect = 'Copy';
|
||||
|
||||
return false;
|
||||
ApiClient.deleteUserImage(userId, "primary").done(processImageChangeResult);
|
||||
}
|
||||
};
|
||||
|
||||
$(document).on('pageshow', "#userImagePage", UserImagePage.onPageShow).on('pagehide', "#userImagePage", UserImagePage.onPageHide);
|
||||
});
|
||||
};
|
||||
|
||||
self.onFileUploadChange = function (fileUpload) {
|
||||
|
||||
setFiles(fileUpload.files);
|
||||
};
|
||||
}
|
||||
|
||||
window.UserImagePage = new userImagePage();
|
||||
|
||||
$(document).on('pagebeforeshow', "#userImagePage", function () {
|
||||
|
||||
var page = this;
|
||||
|
||||
Dashboard.getCurrentUser().done(function (loggedInUser) {
|
||||
|
||||
if (loggedInUser.Configuration.IsAdministrator) {
|
||||
$('.lnkMediaLibrary', page).show().prev().removeClass('ui-last-child');
|
||||
} else {
|
||||
$('.lnkMediaLibrary', page).hide().prev().addClass('ui-last-child');
|
||||
}
|
||||
});
|
||||
|
||||
}).on('pageshow', "#userImagePage", function () {
|
||||
|
||||
var page = this;
|
||||
|
||||
reloadUser(page);
|
||||
|
||||
$("#userImageDropZone", page).on('dragover', onImageDragOver).on('drop', onImageDrop);
|
||||
|
||||
}).on('pagehide', "#userImagePage", function () {
|
||||
|
||||
var page = this;
|
||||
|
||||
$("#userImageDropZone", page).off('dragover', onImageDragOver).off('drop', onImageDrop);
|
||||
});
|
||||
|
||||
|
||||
})(jQuery, window, document, window.FileReader);
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
<a href="#" onclick="Dashboard.navigate('edituser.html', true);" data-role="button">Profile</a>
|
||||
<a href="#" data-role="button" class="ui-btn-active">Image</a>
|
||||
<a href="#" data-role="button" onclick="Dashboard.navigate('updatepassword.html', true);">Password</a>
|
||||
<a href="#" data-role="button" onclick="Dashboard.navigate('library.html', true);">Media Library</a>
|
||||
<a href="#" data-role="button" onclick="Dashboard.navigate('library.html', true);" class="lnkMediaLibrary" style="display:none;">Media Library</a>
|
||||
</div>
|
||||
<div class="readOnlyContent">
|
||||
<p id="fldImage"></p>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue