paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-16 11:52:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use our own buttons and text field for uploading bot avatars.

Browse Source 
(The file-input widgets that come with browsers are ugly and
nonstandard across browsers, so it is a common technique to
have your own button that controls the file upload, and it
delegates to a hidden copy of the browser file-input widget.
We also allow you to clear the file.)

(imported from commit b55ef655e75746330dc3cc396cb908670e5019cc)
This commit is contained in:
Steve Howell
2013-06-28 11:41:18 -04:00
parent b04bd4a1ad
commit 1e246ba32d
3 changed files with 32 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
zephyr/static/js/settings.js
View File

@@ -47,18 +47,34 @@ $(function () {
},
"Please only use characters that are valid in an email address");
function accept_bot_avatar_file_input(file) {
$('#bot_avatar_file').text(file.name);
$('#bot_avatar_file_input_error').hide();
$('#bot_avatar_clear_button').show();
$('#bot_avatar_upload_button').hide();
}
function clear_bot_avatar_file_input() {
var control = $('#bot_avatar_file_input');
var new_control = control.clone(true);
control.replaceWith(new_control);
$('#bot_avatar_file').text('');
$('#bot_avatar_clear_button').hide();
$('#bot_avatar_upload_button').show();
}
$('#bot_avatar_file_input').on('drop', function(e) {
$('#bot_avatar_clear_button').click(function(e) {
clear_bot_avatar_file_input();
e.preventDefault();
});
$('#bot_avatar_upload_button').on('drop', function(e) {
var files = e.dataTransfer.files;
if (files === null || files === undefined || files.length === 0) {
return false;
}
this.files = files;
$('#bot_avatar_file_input').get(0).files = files;
e.preventDefault();
return false;
});
@@ -91,7 +107,7 @@ $(function () {
$('#bot_avatar_file_input_error').show();
clear_bot_avatar_file_input();
} else {
$('#bot_avatar_file_input_error').hide();
accept_bot_avatar_file_input(file);
}
}
else {
@@ -99,6 +115,11 @@ $(function () {
}
});
$('#bot_avatar_upload_button').click(function(e) {
$('#bot_avatar_file_input').trigger('click');
e.preventDefault();
});
$('#create_bot_form').validate({
errorClass: 'text-error',
success: function () {