mirror of https://github.com/zulip/zulip.git
107 lines
3.9 KiB
JavaScript
107 lines
3.9 KiB
JavaScript
/* eslint indent: "off" */
|
|
var realm_logo = (function () {
|
|
var exports = {};
|
|
|
|
function build_realm_logo_widget(args) {
|
|
var get_file_input = function () {
|
|
return args.file_input_elem.expectOne();
|
|
};
|
|
|
|
if (page_params.realm_logo_source === 'D') {
|
|
args.delete_button_elem.hide();
|
|
} else {
|
|
args.delete_button_elem.show();
|
|
}
|
|
|
|
var data = {night: JSON.stringify(args.is_night_mode)};
|
|
args.delete_button_elem.on('click', function (e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
channel.del({
|
|
url: '/json/realm/logo',
|
|
data: data,
|
|
});
|
|
});
|
|
|
|
return upload_widget.build_direct_upload_widget(
|
|
get_file_input,
|
|
args.file_input_error_elem.expectOne(),
|
|
args.upload_button_elem.expectOne(),
|
|
args.upload_function,
|
|
page_params.max_logo_file_size
|
|
);
|
|
}
|
|
|
|
exports.build_realm_day_mode_logo_widget = function (upload_function) {
|
|
var args = {
|
|
delete_button_elem: $("#realm_logo_delete_button"),
|
|
file_input_elem: $('#realm_logo_file_input'),
|
|
file_input_error_elem: $("#realm_logo_file_input_error"),
|
|
is_night_mode: false,
|
|
upload_button_elem: $("#realm_logo_upload_button"),
|
|
upload_function: upload_function,
|
|
};
|
|
return build_realm_logo_widget(args);
|
|
};
|
|
|
|
exports.build_realm_night_mode_logo_widget = function (upload_function) {
|
|
var args = {
|
|
delete_button_elem: $("#realm_night_logo_delete_button"),
|
|
file_input_elem: $('#realm_night_logo_file_input'),
|
|
file_input_error_elem: $("#realm_night_logo_file_input_error"),
|
|
is_night_mode: true,
|
|
upload_button_elem: $("#realm_night_logo_upload_button"),
|
|
upload_function: upload_function,
|
|
};
|
|
return build_realm_logo_widget(args);
|
|
};
|
|
|
|
exports.rerender = function () {
|
|
var file_input = $("#realm_logo_file_input");
|
|
var night_file_input = $("#realm_night_logo_file_input");
|
|
$("#realm-settings-logo").attr("src", page_params.realm_logo_url);
|
|
|
|
if (page_params.realm_night_logo_source === 'D' &&
|
|
page_params.realm_logo_source !== 'D') {
|
|
// If no night mode logo is uploaded but a day mode one
|
|
// is, use the day mode one; this handles the common case
|
|
// of transparent background logos that look good on both
|
|
// night and day themes. See also similar code in admin.js.
|
|
|
|
$("#realm-settings-night-logo").attr("src", page_params.realm_logo_url);
|
|
} else {
|
|
$("#realm-settings-night-logo").attr("src", page_params.realm_night_logo_url);
|
|
}
|
|
|
|
if (page_params.night_mode && page_params.realm_night_logo_source !== 'D') {
|
|
$("#realm-logo").attr("src", page_params.realm_night_logo_url);
|
|
} else {
|
|
$("#realm-logo").attr("src", page_params.realm_logo_url);
|
|
}
|
|
if (page_params.realm_logo_source === 'U') {
|
|
$("#realm_logo_delete_button").show();
|
|
} else {
|
|
$("#realm_logo_delete_button").hide();
|
|
// Need to clear input because of a small edge case
|
|
// where you try to upload the same image you just deleted.
|
|
file_input.val('');
|
|
}
|
|
if (page_params.realm_night_logo_source === 'U') {
|
|
$("#realm_night_logo_delete_button").show();
|
|
} else {
|
|
$("#realm_night_logo_delete_button").hide();
|
|
// Need to clear input because of a small edge case
|
|
// where you try to upload the same image you just deleted.
|
|
night_file_input.val('');
|
|
}
|
|
|
|
};
|
|
|
|
return exports;
|
|
}());
|
|
|
|
if (typeof module !== 'undefined') {
|
|
module.exports = realm_logo;
|
|
}
|
|
window.realm_logo = realm_logo;
|