mirror of
https://github.com/zulip/zulip.git
synced 2025-11-06 06:53:25 +00:00
66fa31f85c
Long labels like "Unstar messages" can be confusing for translators and it can also create bad strings that can end with like 4 long words in German. It is better to have the simple options like "Confirm" and "Cancel". This commit fixes this issue by changing such text to "Confirm" as default in confirm_dialog_modal. Part of #17926.
106 lines
3.5 KiB
JavaScript
106 lines
3.5 KiB
JavaScript
import $ from "jquery";
|
|
|
|
import render_confirm_delete_user_avatar from "../templates/confirm_delete_user_avatar.hbs";
|
|
|
|
import * as channel from "./channel";
|
|
import * as confirm_dialog from "./confirm_dialog";
|
|
import {i18n} from "./i18n";
|
|
import {page_params} from "./page_params";
|
|
import * as settings_data from "./settings_data";
|
|
import * as upload_widget from "./upload_widget";
|
|
|
|
export function build_bot_create_widget() {
|
|
// We have to do strange gyrations with the file input to clear it,
|
|
// where we replace it wholesale, so we generalize the file input with
|
|
// a callback function.
|
|
const get_file_input = function () {
|
|
return $("#bot_avatar_file_input");
|
|
};
|
|
|
|
const file_name_field = $("#bot_avatar_file");
|
|
const input_error = $("#bot_avatar_file_input_error");
|
|
const clear_button = $("#bot_avatar_clear_button");
|
|
const upload_button = $("#bot_avatar_upload_button");
|
|
|
|
return upload_widget.build_widget(
|
|
get_file_input,
|
|
file_name_field,
|
|
input_error,
|
|
clear_button,
|
|
upload_button,
|
|
);
|
|
}
|
|
|
|
export function build_bot_edit_widget(target) {
|
|
const get_file_input = function () {
|
|
return target.find(".edit_bot_avatar_file_input");
|
|
};
|
|
|
|
const file_name_field = target.find(".edit_bot_avatar_file");
|
|
const input_error = target.find(".edit_bot_avatar_error");
|
|
const clear_button = target.find(".edit_bot_avatar_clear_button");
|
|
const upload_button = target.find(".edit_bot_avatar_upload_button");
|
|
|
|
return upload_widget.build_widget(
|
|
get_file_input,
|
|
file_name_field,
|
|
input_error,
|
|
clear_button,
|
|
upload_button,
|
|
);
|
|
}
|
|
|
|
export function build_user_avatar_widget(upload_function) {
|
|
const get_file_input = function () {
|
|
return $("#user-avatar-upload-widget .image_file_input").expectOne();
|
|
};
|
|
|
|
if (page_params.avatar_source === "G") {
|
|
$("#user-avatar-upload-widget .image-delete-button").hide();
|
|
$("#user-avatar-source").show();
|
|
} else {
|
|
$("#user-avatar-source").hide();
|
|
}
|
|
|
|
$("#user-avatar-upload-widget .image-delete-button").on("click keydown", (e) => {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
function delete_user_avatar() {
|
|
channel.del({
|
|
url: "/json/users/me/avatar",
|
|
success() {
|
|
$("#user-avatar-upload-widget .image-delete-button").hide();
|
|
$("#user-avatar-source").show();
|
|
// Need to clear input because of a small edge case
|
|
// where you try to upload the same image you just deleted.
|
|
get_file_input().val("");
|
|
// Rest of the work is done via the user_events -> avatar_url event we will get
|
|
},
|
|
});
|
|
}
|
|
const modal_parent = $("#account-settings");
|
|
|
|
const html_body = render_confirm_delete_user_avatar();
|
|
|
|
confirm_dialog.launch({
|
|
parent: modal_parent,
|
|
html_heading: i18n.t("Delete profile picture"),
|
|
html_body,
|
|
html_yes_button: i18n.t("Confirm"),
|
|
on_click: delete_user_avatar,
|
|
});
|
|
});
|
|
|
|
if (settings_data.user_can_change_avatar()) {
|
|
return upload_widget.build_direct_upload_widget(
|
|
get_file_input,
|
|
$("#user-avatar-upload-widget .image_file_input_error").expectOne(),
|
|
$("#user-avatar-upload-widget .image_upload_button").expectOne(),
|
|
upload_function,
|
|
page_params.max_avatar_file_size_mib,
|
|
);
|
|
}
|
|
|
|
return undefined;
|
|
}
|