mirror of
https://github.com/zulip/zulip.git
synced 2025-11-04 05:53:43 +00:00
e5a09f422c
Notifications essentially don't work on any mobile web clients, so don't even show the banner. This also fixes a traceback where it checks the permission state with `notifications.permission_state()`, which calls `Notification.permission`, which will error due to `Notification` not existing on mobile devices. Fixes: #7105.
76 lines
2.4 KiB
JavaScript
76 lines
2.4 KiB
JavaScript
var desktop_notifications_panel = (function () {
|
|
|
|
var exports = {};
|
|
|
|
var resize_app = function () {
|
|
var panels_height = $("#panels").height();
|
|
$("body > .app").height("calc(100% - " + panels_height + "px)");
|
|
// the floating recipient bar is usually positioned 10px below the
|
|
// header, so add that to the panels height to get the new `top` value.
|
|
$("#floating_recipient_bar").css("top", panels_height + $(".header").height() + 10 + "px");
|
|
};
|
|
|
|
exports.resize_app = resize_app;
|
|
|
|
var show_step = function (step) {
|
|
$("#panels [data-step]").hide().filter("[data-step=" + step + "]").show();
|
|
};
|
|
|
|
var get_step = function () {
|
|
return $("#panels [data-step]").filter(":visible").data("step");
|
|
};
|
|
|
|
exports.initialize = function () {
|
|
var ls = localstorage();
|
|
|
|
var should_show_notifications = (
|
|
// notifications *basically* don't work on any mobile platforms, so don't
|
|
// event show the banners. This prevents trying to access things that
|
|
// don't exist like `Notification.permission`.
|
|
!util.is_mobile() &&
|
|
// if the user said to never show banner on this computer again, it will
|
|
// be stored as `true` so we want to negate that.
|
|
!ls.get("dontAskForNotifications") &&
|
|
// if permission has not been granted yet.
|
|
!notifications.granted_desktop_notifications_permission() &&
|
|
// if permission is allowed to be requested (e.g. not in "denied" state).
|
|
notifications.permission_state() !== "denied"
|
|
);
|
|
|
|
if (should_show_notifications) {
|
|
$("#desktop-notifications-panel").show();
|
|
resize_app();
|
|
}
|
|
|
|
$(".request-desktop-notifications").on("click", function (e) {
|
|
e.preventDefault();
|
|
$(this).closest(".alert").hide();
|
|
notifications.request_desktop_notifications_permission();
|
|
resize_app();
|
|
});
|
|
|
|
$(".reject-notifications").on("click", function () {
|
|
$(this).closest(".alert").hide();
|
|
ls.set("dontAskForNotifications", true);
|
|
resize_app();
|
|
});
|
|
|
|
$("#panels").on("click", ".alert .close, .alert .exit", function (e) {
|
|
e.stopPropagation();
|
|
if (get_step() === 1) {
|
|
show_step(2);
|
|
} else {
|
|
$(this).closest(".alert").hide();
|
|
}
|
|
resize_app();
|
|
});
|
|
};
|
|
|
|
return exports;
|
|
|
|
}());
|
|
|
|
if (typeof module !== 'undefined') {
|
|
module.exports = desktop_notifications_panel;
|
|
}
|