gecko-dev/browser/components/pocket/content/panels/js/sendtomobile.js

/* global $:false, Handlebars:false, thePKT_SAVED:false, */

var PKT_SENDTOMOBILE = (function() {
    var width = 350;
    var ctaHeight = 200;
    var confirmHeight = 275;
    var premDetailsHeight = 110;
    var email = null;

    function _initPanelOneClicks() {
        $("#pkt_ext_sendtomobile_button").click(function() {
            $("#pkt_ext_sendtomobile_button").replaceWith("<div class=\"pkt_ext_loadingspinner\"><div></div></div>");

            thePKT_SAVED.sendMessage("getMobileDownload", {}, function(data) {
                if (data.status == 1) {
                    $("body").html(Handlebars.templates.ho2_download({email}));
                    thePKT_SAVED.sendMessage("resizePanel", { width, height: confirmHeight });
                } else {
                    $("body").html(Handlebars.templates.ho2_download_error({email}));
                    thePKT_SAVED.sendMessage("resizePanel", { width, height: confirmHeight });
                }
            });
        });
    }

    function create(ho2, displayName, adjustHeight) {
        email = displayName;
        $("body").addClass("pkt_ext_ho2_experiment");
        var height = (adjustHeight) ? premDetailsHeight : 0;

        // Show "Send to your phone" CTA
        height += ctaHeight;
        $("body").append(Handlebars.templates.ho2_sharebutton());
        thePKT_SAVED.sendMessage("resizePanel", { width, height });

        _initPanelOneClicks();
    }

    /**
     * Public functions
     */
    return {
        create,
    };
}());