spacedeck-open/public/javascripts/spacedeck_avatars.js
2017-04-07 01:29:05 +02:00

82 lines
2.4 KiB
JavaScript

var SpacedeckAvatars = {
data: {
uploading_avatar: false,
uploading_folder_avatar: false,
uploading_cover: false
},
methods: {
save_avatar_image: function(input, object_type, object) {
if (input.files.length > 0) {
var f = input.files[0];
var finished = function() {
this.uploading_avatar = false;
this.uploading_cover = false;
this.uploading_folder_avatar = false;
}.bind(this);
if (!_.include(["image/jpeg","image/jpg","image/png","image/gif"], f.type)) {
alert("Unsupported file type. Please upload JPEG, PNG or GIF.");
finished();
return;
}
if (f.size > 1024*1024*3) {
alert("File must be smaller than 3 megabytes.");
finished();
return;
}
save_avatar_file(object_type, object, f, function(res) {
finished();
this.uploading_avatar = false;
this.uploading_cover = false;
var newUri = res.avatar_thumb_uri;
object.avatar_thumb_uri = newUri + "?cachebuster=" + Math.random();
}.bind(this), function(error) {
alert("Upload failed: " + error);
finished();
});
}
},
save_space_avatar_image: function(viewmodel) {
this.uploading_avatar = true;
var func = this.save_avatar_image.bind(this);
func(viewmodel.$event.target, "space", this.active_space);
},
save_folder_avatar_image: function(viewmodel) {
this.uploading_folder_avatar = true;
var func = this.save_avatar_image.bind(this);
func(viewmodel.$event.target, "space", this.active_folder);
},
save_user_avatar_image: function(viewmodel) {
this.uploading_avatar = true;
var func = this.save_avatar_image.bind(this);
func(viewmodel.$event.target, "user", viewmodel.$root.user);
},
delete_user_avatar_image: function() {
this.user.avatar_original_uri = "";
this.user.avatar_thumb_uri = "";
save_user(this.user,function(updated) {
}.bind(this));
},
save_user_background_image: function(viewmodel) {
var input = viewmodel.$event.target;
this.uploading_cover = true;
var f = input.files[0];
save_user_background_file(this.user, f, function(res) {
this.user.background_original_uri = res.background_original_uri;
this.uploading_cover = false;
}.bind(this));
}
}
}