zulip/static/js/desktop_notifications_panel.js

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;
}