billing: Reduce clickable area to visible button area.

Clicking outside the button also used to work for cancel plan and
other buttons in that area which can deceiving for the user.
This commit is contained in:
Aman Agrawal
2023-11-10 13:35:55 +00:00
committed by Tim Abbott
parent f5ba6fe03c
commit e3f20cdb8a

View File

@@ -47,8 +47,6 @@ export function create_update_next_cycle_license_request(): void {
}
export function initialize(): void {
helpers.set_tab("billing");
$("#update-card-button").on("click", (e) => {
$("#update-card-button .billing-button-text").text("");
$("#update-card-button .loader").show();
@@ -167,7 +165,7 @@ export function initialize(): void {
);
$(
"#confirm-cancel-subscription-modal .dialog_submit_button, #reactivate-subscription, #confirm-end-free-trial .dialog_submit_button",
"#confirm-cancel-subscription-modal .dialog_submit_button, #reactivate-subscription .reactivate-current-plan-button, #confirm-end-free-trial .dialog_submit_button",
).on("click", (e) => {
helpers.create_ajax_request("/json/billing/plan", "planchange", [], "PATCH", () =>
window.location.replace("/billing/"),
@@ -175,12 +173,12 @@ export function initialize(): void {
e.preventDefault();
});
$("#cancel-subscription").on("click", (e) => {
$("#cancel-subscription .cancel-current-plan-button").on("click", (e) => {
e.preventDefault();
portico_modals.open("confirm-cancel-subscription-modal");
});
$("#end-free-trial").on("click", (e) => {
$("#end-free-trial .end-free-trial-button").on("click", (e) => {
e.preventDefault();
portico_modals.open("confirm-end-free-trial");
});