zulip/static/js/settings_emoji.js

136 lines
4.2 KiB
JavaScript

var settings_emoji = (function () {
var exports = {};
var meta = {
loaded: false,
};
function can_admin_emoji(emoji) {
if (page_params.is_admin) {
return true;
}
if (emoji.author === null) {
// If we don't have the author information then only admin is allowed to disable that emoji.
return false;
}
if (!page_params.realm_add_emoji_by_admins_only && people.is_current_user(emoji.author.email)) {
return true;
}
return false;
}
exports.update_custom_emoji_ui = function () {
var tip = templates.render("emoji-settings-tip", {
realm_add_emoji_by_admins_only: page_params.realm_add_emoji_by_admins_only,
});
$('#emoji-settings').find('.emoji-settings-tip-container').html(tip);
if (page_params.realm_add_emoji_by_admins_only && !page_params.is_admin) {
$('.admin-emoji-form').hide();
$('#emoji-settings').removeClass('can_edit');
} else {
$('.admin-emoji-form').show();
$('#emoji-settings').addClass('can_edit');
}
exports.populate_emoji(page_params.realm_emoji);
};
exports.reset = function () {
meta.loaded = false;
};
exports.populate_emoji = function (emoji_data) {
if (!meta.loaded) {
return;
}
var emoji_table = $('#admin_emoji_table').expectOne();
emoji_table.find('tr.emoji_row').remove();
_.each(emoji_data, function (data) {
if (data.deactivated !== true) {
emoji_table.append(templates.render('admin_emoji_list', {
emoji: {
name: data.name, source_url: data.source_url,
display_url: data.source_url,
author: data.author || '',
can_admin_emoji: can_admin_emoji(data),
},
}));
}
});
loading.destroy_indicator($('#admin_page_emoji_loading_indicator'));
};
exports.set_up = function () {
meta.loaded = true;
loading.make_indicator($('#admin_page_emoji_loading_indicator'));
// Populate emoji table
exports.populate_emoji(page_params.realm_emoji);
$('.admin_emoji_table').on('click', '.delete', function (e) {
e.preventDefault();
e.stopPropagation();
var btn = $(this);
channel.del({
url: '/json/realm/emoji/' + encodeURIComponent(btn.attr('data-emoji-name')),
error: function (xhr) {
ui_report.generic_row_button_error(xhr, btn);
},
success: function () {
var row = btn.parents('tr');
row.remove();
},
});
});
var emoji_widget = emoji.build_emoji_upload_widget();
$(".organization form.admin-emoji-form").off('submit').on('submit', function (e) {
e.preventDefault();
e.stopPropagation();
var emoji_status = $('#admin-emoji-status');
$('#admin_emoji_submit').attr('disabled', true);
var emoji = {};
var formData = new FormData();
_.each($(this).serializeArray(), function (obj) {
emoji[obj.name] = obj.value;
});
$.each($('#emoji_file_input')[0].files, function (i, file) {
formData.append('file-' + i, file);
});
channel.post({
url: "/json/realm/emoji/" + encodeURIComponent(emoji.name),
data: formData,
cache: false,
processData: false,
contentType: false,
success: function () {
$('#admin-emoji-status').hide();
ui_report.success(i18n.t("Custom emoji added!"), emoji_status);
$("form.admin-emoji-form input[type='text']").val("");
$('#admin_emoji_submit').removeAttr('disabled');
emoji_widget.clear();
},
error: function (xhr) {
$('#admin-emoji-status').hide();
var errors = JSON.parse(xhr.responseText).msg;
xhr.responseText = JSON.stringify({msg: errors});
ui_report.error(i18n.t("Failed"), xhr, emoji_status);
$('#admin_emoji_submit').removeAttr('disabled');
emoji_widget.clear();
},
});
});
};
return exports;
}());
if (typeof module !== 'undefined') {
module.exports = settings_emoji;
}