Backed out changeset e7cc63b65100 (bug 1713191) for causing failures in browser_all_files_referenced.js CLOSED TREE
This commit is contained in:
Noemi Erli
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -106,7 +106,11 @@
|
||||
.pkt_ext_containersignup .pkt_ext_learnmore {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.pkt_ext_signupdetail {
|
||||
.pkt_ext_containersignup .pkt_ext_learnmoreinactive {
|
||||
visibility: hidden;
|
||||
}
|
||||
.pkt_ext_signupdetail,
|
||||
.los_variant_bottom {
|
||||
overflow: hidden;
|
||||
}
|
||||
.pkt_ext_signupdetail h4 {
|
||||
@@ -139,6 +143,17 @@
|
||||
max-width: 320px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.pkt_ext_containersignup .tryitnowspace {
|
||||
margin-top: 22px;
|
||||
}
|
||||
.pkt_ext_signupdetail p.pkt_ext_tos {
|
||||
color: #777;
|
||||
font-size: 0.7em;
|
||||
line-height: 1.5;
|
||||
margin-top: 17px;
|
||||
padding-top: 0;
|
||||
max-width: 190px;
|
||||
}
|
||||
|
||||
/*=Core detail - storyboard
|
||||
--------------------------------------------------------------------------------------- */
|
||||
@@ -262,6 +277,7 @@
|
||||
opacity: 0.9;
|
||||
}
|
||||
.pkt_ext_containersignup .signup-btn-firefox,
|
||||
.pkt_ext_containersignup .signup-btn-tryitnow,
|
||||
.pkt_ext_containersignup .signup-btn-email,
|
||||
.pkt_ext_containersignup .signupinterim-btn-login,
|
||||
.pkt_ext_containersignup .signupinterim-btn-signup,
|
||||
@@ -275,11 +291,15 @@
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
.pkt_ext_containersignup .signup-btn-tryitnow,
|
||||
.pkt_ext_containersignup .signup-btn-firefox {
|
||||
min-width: 14.5em;
|
||||
position: relative;
|
||||
padding: 0;
|
||||
}
|
||||
.pkt_ext_containersignup .signup-btn-tryitnow{
|
||||
margin-top: 25px;
|
||||
}
|
||||
.pkt_ext_containersignup .signup-btn-firefox .logo {
|
||||
background: url(../img/signup_firefoxlogo@1x.png) center center no-repeat;
|
||||
height: 2.6em;
|
||||
@@ -298,6 +318,7 @@
|
||||
.pkt_ext_containersignup .forgotreset-btn-change {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
.pkt_ext_containersignup .signup-btn-tryitnow .text,
|
||||
.pkt_ext_containersignup .signup-btn-firefox .text {
|
||||
display: inline-block;
|
||||
padding: 0.8em 1.625em;
|
||||
@@ -305,6 +326,7 @@
|
||||
text-shadow: none;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.pkt_ext_containersignup .signup-btn-tryitnow .text,
|
||||
.pkt_ext_containersignup .signup-btn-firefox .text {
|
||||
color: #fff;
|
||||
}
|
||||
@@ -326,22 +348,27 @@
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.pkt_ext_signup_ja .signup-btn-firefox .text,
|
||||
.pkt_ext_signup_ru .signup-btn-firefox .text {
|
||||
.pkt_ext_signup_ja .signup-btn-tryitnow .text,
|
||||
.pkt_ext_signup_ru .signup-btn-firefox .text,
|
||||
.pkt_ext_signup_ru .signup-btn-tryitnow .text {
|
||||
inset-inline-start: 15px;
|
||||
}
|
||||
.pkt_ext_signup_de .signup-btn-firefox .logo,
|
||||
.pkt_ext_signup_es .pkt_ext_signupdetail_hero .signup-btn-firefox .logo,
|
||||
.pkt_ext_signup_ja .signup-btn-firefox .logo,
|
||||
.pkt_ext_signup_ru .signup-btn-firefox .logo {
|
||||
height: 2.4em;
|
||||
}
|
||||
@media (min-resolution: 1.1dppx) {
|
||||
.pkt_ext_signup_de .signup-btn-firefox .logo,
|
||||
.pkt_ext_signup_es .pkt_ext_signupdetail_hero .signup-btn-firefox .logo,
|
||||
.pkt_ext_signup_ja .signup-btn-firefox .logo,
|
||||
.pkt_ext_signup_ru .signup-btn-firefox .logo {
|
||||
height: 2.5em;
|
||||
}
|
||||
}
|
||||
.pkt_ext_signup_de .signup-btn-email,
|
||||
.pkt_ext_signup_es .pkt_ext_signupdetail_hero .signup-btn-email,
|
||||
.pkt_ext_signup_ja .signup-btn-email,
|
||||
.pkt_ext_signup_ru .signup-btn-email {
|
||||
min-width: 13em;
|
||||
@@ -358,3 +385,118 @@
|
||||
.pkt_ext_signup_overflow.pkt_ext_signup_ru .signup-btn-firefox .logo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Signup variants */
|
||||
/* TODO: Delete post-experiment */
|
||||
|
||||
.los_variant {
|
||||
background-color: #fff;
|
||||
padding: 0;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
.los_variant_top {
|
||||
padding: 24px;
|
||||
}
|
||||
|
||||
.los_variant_bottom {
|
||||
text-align: start;
|
||||
padding: 26px 22px 0;
|
||||
}
|
||||
|
||||
.los_variant_a .los_variant_bottom {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.los_variant_bottom .los_variant_button {
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-size: 1.1em;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
border-radius: 4px;
|
||||
background: #0060DF;
|
||||
display: inline-block;
|
||||
padding: 8px 16px;
|
||||
margin-bottom: 16px
|
||||
}
|
||||
|
||||
.los_variant_a .los_variant_bottom .los_variant_button {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.los_variant_bottom .los_variant_button:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.los_variant_c .los_variant_bottom {
|
||||
border-top: 1px solid #D7D7DB;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.los_variant_bottom .los_variant_sub {
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 0.9em;
|
||||
line-height: 16px;
|
||||
color: #737373;
|
||||
}
|
||||
|
||||
.los_variant_bottom .los_variant_sub a {
|
||||
color: #0060DF;
|
||||
}
|
||||
|
||||
.los_variant_top a {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.los_variant_a .los_variant_top {
|
||||
background: #e8f7f6 url(../img/variant_a.png) bottom right no-repeat;
|
||||
background-size: contain;
|
||||
padding-block: 6px 24px;
|
||||
padding-inline: 24px 102px;
|
||||
height: 260px;
|
||||
}
|
||||
|
||||
.los_variant_a .los_variant_top p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.los_variant_b .los_variant_top {
|
||||
background: #DCEAFF url(../img/variant_b.png) bottom right no-repeat;
|
||||
background-size: 80%;
|
||||
padding: 24px 24px 160px;
|
||||
}
|
||||
|
||||
.los_variant_top:dir(rtl) {
|
||||
background-position-x: left;
|
||||
}
|
||||
|
||||
.los_variant_b .los_variant_top a {
|
||||
font-size: 1em;
|
||||
line-height: 18px;
|
||||
text-decoration-line: underline;
|
||||
color: #0C0C0D;
|
||||
}
|
||||
|
||||
.los_variant_c .los_variant_top {
|
||||
background: #fff url(../img/variant_c.png) bottom right no-repeat;
|
||||
background-size: contain;
|
||||
padding: 24px 24px 160px;
|
||||
}
|
||||
|
||||
.los_variant h1 {
|
||||
font-weight: 600;
|
||||
font-size: 1.1em;
|
||||
line-height: 20px;
|
||||
color: #0C0C0D;
|
||||
}
|
||||
|
||||
.los_variant p {
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 1em;
|
||||
line-height: 18px;
|
||||
color: #0C0C0D;
|
||||
}
|
||||
|
||||
@@ -99,10 +99,17 @@ function onDOMLoaded() {
|
||||
thePKT_PANEL.init();
|
||||
}
|
||||
|
||||
var pocketHost = thePKT_PANEL.overlay.pockethost;
|
||||
// send an async message to get string data
|
||||
thePKT_PANEL.sendMessage(
|
||||
"PKT_initL10N",
|
||||
{
|
||||
tos: [
|
||||
"https://" + pocketHost + "/tos?s=ffi&t=tos&tv=panel_tryit",
|
||||
"https://" +
|
||||
pocketHost +
|
||||
"/privacy?s=ffi&t=privacypolicy&tv=panel_tryit",
|
||||
],
|
||||
pockethomeparagraph: ["Pocket"],
|
||||
},
|
||||
function(resp) {
|
||||
|
||||
@@ -29,6 +29,10 @@ var PKT_PANEL_OVERLAY = function(options) {
|
||||
clickHelper(`.signup-btn-firefox`, `sign_up_1`);
|
||||
clickHelper(`.signup-btn-email`, `sign_up_2`);
|
||||
clickHelper(`.pkt_ext_login`, `log_in`);
|
||||
|
||||
// A generic click we don't do anything special for.
|
||||
// Was used for an experiment, possibly not needed anymore.
|
||||
clickHelper(`.signup-btn-tryitnow`);
|
||||
};
|
||||
|
||||
this.getTranslations = function() {
|
||||
@@ -41,6 +45,9 @@ var PKT_PANEL_OVERLAY = function(options) {
|
||||
|
||||
// Extract local variables passed into template via URL query params
|
||||
let queryParams = new URL(window.location.href).searchParams;
|
||||
let controlvariant = queryParams.get(`controlvariant`);
|
||||
let variant = queryParams.get(`variant`);
|
||||
let loggedOutVariant = queryParams.get(`loggedOutVariant`);
|
||||
let pockethost = queryParams.get(`pockethost`) || `getpocket.com`;
|
||||
let language = queryParams
|
||||
.get(`locale`)
|
||||
@@ -54,8 +61,11 @@ var PKT_PANEL_OVERLAY = function(options) {
|
||||
|
||||
// set translations
|
||||
this.getTranslations();
|
||||
this.dictJSON.controlvariant = controlvariant == "true" ? 1 : 0;
|
||||
this.dictJSON.variant = variant ? variant : "undefined";
|
||||
this.dictJSON.pockethost = pockethost;
|
||||
this.dictJSON.utmCampaign = "firefox_door_hanger_menu";
|
||||
this.dictJSON.showlearnmore = true;
|
||||
this.dictJSON.utmCampaign = "logged_out_save_test";
|
||||
this.dictJSON.utmSource = "control";
|
||||
|
||||
// extra modifier class for language
|
||||
@@ -63,10 +73,42 @@ var PKT_PANEL_OVERLAY = function(options) {
|
||||
elBody.classList.add(`pkt_ext_signup_${language}`);
|
||||
}
|
||||
|
||||
// Logged Out Display Variants for MV Testing
|
||||
let variants = {
|
||||
control: "signup_shell",
|
||||
variant_a: "variant_a",
|
||||
variant_b: "variant_b",
|
||||
variant_c: "variant_c",
|
||||
button_variant: "signup_shell",
|
||||
button_control: "signup_shell",
|
||||
};
|
||||
|
||||
let loggedOutVariantTemplate = variants[loggedOutVariant];
|
||||
|
||||
if (
|
||||
loggedOutVariant === "button_variant" ||
|
||||
loggedOutVariant === "button_control"
|
||||
) {
|
||||
this.dictJSON.buttonVariant = true;
|
||||
this.dictJSON.utmCampaign = "logged_out_button_test";
|
||||
this.dictJSON.utmSource = "button_control";
|
||||
if (loggedOutVariant === "button_variant") {
|
||||
this.dictJSON.oneButton = true;
|
||||
this.dictJSON.utmSource = "button_variant";
|
||||
}
|
||||
}
|
||||
|
||||
if (loggedOutVariantTemplate !== `signup_shell`) {
|
||||
elBody.classList.add(`los_variant`);
|
||||
elBody.classList.add(`los_${loggedOutVariantTemplate}`);
|
||||
}
|
||||
|
||||
// Create actual content
|
||||
elBody.append(
|
||||
parser.parseFromString(
|
||||
Handlebars.templates.signup_shell(this.dictJSON),
|
||||
Handlebars.templates[loggedOutVariantTemplate || variants.control](
|
||||
this.dictJSON
|
||||
),
|
||||
`text/html`
|
||||
).documentElement
|
||||
);
|
||||
|
||||
@@ -1,5 +1,14 @@
|
||||
(function() {
|
||||
var template = Handlebars.template, templates = Handlebars.templates = Handlebars.templates || {};
|
||||
templates['variant_a'] = template({"compiler":[6,">= 2.0.0-beta.1"],"main":function(depth0,helpers,partials,data) {
|
||||
return "<div class=\"los_variant_wrapper\">\n <div class=\"los_variant_top\">\n <h1>Click the <img src=\"img/glyph.svg\" alt=\"Pocket Button\" height=\"14\" /> button to save articles, videos, and links to Pocket.</h1>\n <p>Enjoy everything you save, on any device.</p>\n <a class=\"pkt_ext_learnmore\" href=\"https://getpocket.com/pocket-and-firefox?utm_campaign=logged_out_save_test&utm_source=variant_a\">Learn more ›</a>\n </div>\n\n <div class=\"los_variant_bottom\">\n <a class=\"los_variant_button signup-btn-email\" href=\"https://getpocket.com/signup?utm_campaign=logged_out_save_test&utm_source=variant_a\">Get Pocket for free</a>\n <p class=\"los_variant_sub\">Already a Pocket user? <a class=\"pkt_ext_login\" href=\"https://getpocket.com/login?utm_campaign=logged_out_save_test&utm_source=variant_a\">Log in.</a></p>\n </div>\n</div>\n";
|
||||
},"useData":true});
|
||||
templates['variant_b'] = template({"compiler":[6,">= 2.0.0-beta.1"],"main":function(depth0,helpers,partials,data) {
|
||||
return "<div class=\"los_variant_wrapper\">\n <div class=\"los_variant_top\">\n <h1>Here's your save button for the internet.</h1>\n <a class=\"pkt_ext_learnmore\" href=\"https://getpocket.com/pocket-and-firefox?utm_campaign=logged_out_save_test&utm_source=variant_b\">Learn more ›</a>\n </div>\n\n <div class=\"los_variant_bottom\">\n <a class=\"los_variant_button signup-btn-email\" href=\"https://getpocket.com/signup?utm_campaign=logged_out_save_test&utm_source=variant_b\">Get Pocket for free</a>\n <p class=\"los_variant_sub\">Already a Pocket user? <a class=\"pkt_ext_login\" href=\"https://getpocket.com/login?utm_campaign=logged_out_save_test&utm_source=variant_b\">Log in.</a></p>\n </div>\n</div>\n";
|
||||
},"useData":true});
|
||||
templates['variant_c'] = template({"compiler":[6,">= 2.0.0-beta.1"],"main":function(depth0,helpers,partials,data) {
|
||||
return "<div class=\"los_variant_wrapper\">\n <div class=\"los_variant_top\">\n <h1>Get Pocket to save anything to your personal corner of the internet.</h1>\n <a class=\"pkt_ext_learnmore\" href=\"https://getpocket.com/pocket-and-firefox?utm_campaign=logged_out_save_test&utm_source=variant_c\">Learn more ›</a>\n </div>\n\n <div class=\"los_variant_bottom\">\n <a class=\"los_variant_button signup-btn-email\" href=\"https://getpocket.com/signup?utm_campaign=logged_out_save_test&utm_source=variant_c\">Sign up for free</a>\n <p class=\"los_variant_sub\">Already a Pocket user? <a class=\"pkt_ext_login\" href=\"https://getpocket.com/login?utm_campaign=logged_out_save_test&utm_source=variant_c\">Log in.</a></p>\n </div>\n</div>\n";
|
||||
},"useData":true});
|
||||
templates['saved_premiumshell'] = template({"compiler":[6,">= 2.0.0-beta.1"],"main":function(depth0,helpers,partials,data) {
|
||||
var helper;
|
||||
|
||||
@@ -26,40 +35,52 @@ templates['saved_shell'] = template({"compiler":[6,">= 2.0.0-beta.1"],"main":fun
|
||||
+ alias3(((helper = (helper = helpers.save || (depth0 != null ? depth0.save : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"save","hash":{},"data":data}) : helper)))
|
||||
+ "</a>\n </div>\n <div class=\"pkt_ext_edit_msg_container\">\n <p class=\"pkt_ext_edit_msg\"></p>\n </div>\n</div>\n\n<div class=\"pkt_ext_subshell\">\n <div class=\"pkt_ext_item_recs\"></div>\n</div>\n";
|
||||
},"useData":true});
|
||||
templates['signup_shell'] = template({"compiler":[6,">= 2.0.0-beta.1"],"main":function(depth0,helpers,partials,data) {
|
||||
templates['signup_shell'] = template({"1":function(depth0,helpers,partials,data) {
|
||||
var stack1;
|
||||
|
||||
return ((stack1 = helpers['if'].call(depth0,(depth0 != null ? depth0.controlvariant : depth0),{"name":"if","hash":{},"fn":this.program(2, data, 0),"inverse":this.program(4, data, 0),"data":data})) != null ? stack1 : "");
|
||||
},"2":function(depth0,helpers,partials,data) {
|
||||
var helper, alias1=helpers.helperMissing, alias2="function", alias3=this.escapeExpression;
|
||||
|
||||
return "<div class=\"pkt_ext_introdetail pkt_ext_introdetailstoryboard\">\n <div class=\"pkt_ext_introstory pkt_ext_introstoryone\">\n <div class=\"pkt_ext_introstory_text\">\n <p class=\"pkt_ext_tagline\">"
|
||||
+ alias3(((helper = (helper = helpers.taglinestory_one || (depth0 != null ? depth0.taglinestory_one : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"taglinestory_one","hash":{},"data":data}) : helper)))
|
||||
+ "</p>\n </div>\n <div class=\"pkt_ext_introstoryone_img\"></div>\n </div>\n <div class=\"pkt_ext_introstorydivider\"></div>\n <div class=\"pkt_ext_introstory pkt_ext_introstorytwo\">\n <div class=\"pkt_ext_introstory_text\">\n <p class=\"pkt_ext_tagline\">"
|
||||
+ alias3(((helper = (helper = helpers.taglinestory_two || (depth0 != null ? depth0.taglinestory_two : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"taglinestory_two","hash":{},"data":data}) : helper)))
|
||||
+ "</p>\n <p><a class=\"pkt_ext_learnmore\" href=\"https://"
|
||||
return " <p><a class=\"pkt_ext_learnmore\" href=\"https://"
|
||||
+ alias3(((helper = (helper = helpers.pockethost || (depth0 != null ? depth0.pockethost : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"pockethost","hash":{},"data":data}) : helper)))
|
||||
+ "/firefox_learnmore?utm_campaign="
|
||||
+ alias3(((helper = (helper = helpers.utmCampaign || (depth0 != null ? depth0.utmCampaign : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"utmCampaign","hash":{},"data":data}) : helper)))
|
||||
+ "&utm_source="
|
||||
+ alias3(((helper = (helper = helpers.utmSource || (depth0 != null ? depth0.utmSource : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"utmSource","hash":{},"data":data}) : helper)))
|
||||
+ "&s=ffi\" target=\"_blank\">"
|
||||
+ "&s=ffi&t=learnmore&tv=panel_control&v="
|
||||
+ alias3(((helper = (helper = helpers.variant || (depth0 != null ? depth0.variant : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"variant","hash":{},"data":data}) : helper)))
|
||||
+ "\" target=\"_blank\">"
|
||||
+ alias3(((helper = (helper = helpers.learnmore || (depth0 != null ? depth0.learnmore : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"learnmore","hash":{},"data":data}) : helper)))
|
||||
+ "</a></p>\n </div>\n <div class=\"pkt_ext_introstorytwo_img\"></div>\n </div>\n</div>\n<div class=\"pkt_ext_signupdetail\">\n <h4>"
|
||||
+ "</a></p>\n";
|
||||
},"4":function(depth0,helpers,partials,data) {
|
||||
var helper, alias1=helpers.helperMissing, alias2="function", alias3=this.escapeExpression;
|
||||
|
||||
return " <p><a class=\"pkt_ext_learnmore\" href=\"https://"
|
||||
+ alias3(((helper = (helper = helpers.pockethost || (depth0 != null ? depth0.pockethost : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"pockethost","hash":{},"data":data}) : helper)))
|
||||
+ "/firefox_learnmore?utm_campaign="
|
||||
+ alias3(((helper = (helper = helpers.utmCampaign || (depth0 != null ? depth0.utmCampaign : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"utmCampaign","hash":{},"data":data}) : helper)))
|
||||
+ "&utm_source="
|
||||
+ alias3(((helper = (helper = helpers.utmSource || (depth0 != null ? depth0.utmSource : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"utmSource","hash":{},"data":data}) : helper)))
|
||||
+ "&s=ffi&t=learnmore&tv=panel_tryit&v="
|
||||
+ alias3(((helper = (helper = helpers.variant || (depth0 != null ? depth0.variant : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"variant","hash":{},"data":data}) : helper)))
|
||||
+ "\" target=\"_blank\">"
|
||||
+ alias3(((helper = (helper = helpers.learnmore || (depth0 != null ? depth0.learnmore : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"learnmore","hash":{},"data":data}) : helper)))
|
||||
+ "</a></p>\n";
|
||||
},"6":function(depth0,helpers,partials,data) {
|
||||
var helper;
|
||||
|
||||
return " <p><a class=\"pkt_ext_learnmore pkt_ext_learnmoreinactive\" href=\"#\">"
|
||||
+ this.escapeExpression(((helper = (helper = helpers.learnmore || (depth0 != null ? depth0.learnmore : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === "function" ? helper.call(depth0,{"name":"learnmore","hash":{},"data":data}) : helper)))
|
||||
+ "</a></p>\n";
|
||||
},"8":function(depth0,helpers,partials,data) {
|
||||
var stack1, helper, alias1=helpers.helperMissing, alias2="function", alias3=this.escapeExpression;
|
||||
|
||||
return " <h4>"
|
||||
+ alias3(((helper = (helper = helpers.signuptosave || (depth0 != null ? depth0.signuptosave : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"signuptosave","hash":{},"data":data}) : helper)))
|
||||
+ "</h4>\n <p class=\"btn-container\"><a href=\"https://"
|
||||
+ alias3(((helper = (helper = helpers.pockethost || (depth0 != null ? depth0.pockethost : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"pockethost","hash":{},"data":data}) : helper)))
|
||||
+ "/ff_signup?utm_campaign="
|
||||
+ alias3(((helper = (helper = helpers.utmCampaign || (depth0 != null ? depth0.utmCampaign : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"utmCampaign","hash":{},"data":data}) : helper)))
|
||||
+ "&utm_source="
|
||||
+ alias3(((helper = (helper = helpers.utmSource || (depth0 != null ? depth0.utmSource : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"utmSource","hash":{},"data":data}) : helper)))
|
||||
+ "&s=ffi\" target=\"_blank\" class=\"btn signup-btn-firefox\"><span class=\"logo\"></span><span class=\"text\">"
|
||||
+ alias3(((helper = (helper = helpers.signupfirefox || (depth0 != null ? depth0.signupfirefox : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"signupfirefox","hash":{},"data":data}) : helper)))
|
||||
+ "</span></a></p>\n <p class=\"btn-container\"><a href=\"https://"
|
||||
+ alias3(((helper = (helper = helpers.pockethost || (depth0 != null ? depth0.pockethost : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"pockethost","hash":{},"data":data}) : helper)))
|
||||
+ "/signup?utm_campaign="
|
||||
+ alias3(((helper = (helper = helpers.utmCampaign || (depth0 != null ? depth0.utmCampaign : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"utmCampaign","hash":{},"data":data}) : helper)))
|
||||
+ "&utm_source="
|
||||
+ alias3(((helper = (helper = helpers.utmSource || (depth0 != null ? depth0.utmSource : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"utmSource","hash":{},"data":data}) : helper)))
|
||||
+ "&force=email&src=extension&s=ffi\" target=\"_blank\" class=\"btn btn-secondary signup-btn-email signup-btn-initstate\">"
|
||||
+ alias3(((helper = (helper = helpers.signupemail || (depth0 != null ? depth0.signupemail : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"signupemail","hash":{},"data":data}) : helper)))
|
||||
+ "</a></p>\n <p class=\"alreadyhave\">"
|
||||
+ "</h4>\n"
|
||||
+ ((stack1 = helpers['if'].call(depth0,(depth0 != null ? depth0.buttonVariant : depth0),{"name":"if","hash":{},"fn":this.program(9, data, 0),"inverse":this.program(14, data, 0),"data":data})) != null ? stack1 : "")
|
||||
+ " <p class=\"alreadyhave\">"
|
||||
+ alias3(((helper = (helper = helpers.alreadyhaveacct || (depth0 != null ? depth0.alreadyhaveacct : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"alreadyhaveacct","hash":{},"data":data}) : helper)))
|
||||
+ " <a class=\"pkt_ext_login\" href=\"https://"
|
||||
+ alias3(((helper = (helper = helpers.pockethost || (depth0 != null ? depth0.pockethost : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"pockethost","hash":{},"data":data}) : helper)))
|
||||
@@ -67,9 +88,107 @@ templates['signup_shell'] = template({"compiler":[6,">= 2.0.0-beta.1"],"main":fu
|
||||
+ alias3(((helper = (helper = helpers.utmCampaign || (depth0 != null ? depth0.utmCampaign : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"utmCampaign","hash":{},"data":data}) : helper)))
|
||||
+ "&utm_source="
|
||||
+ alias3(((helper = (helper = helpers.utmSource || (depth0 != null ? depth0.utmSource : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"utmSource","hash":{},"data":data}) : helper)))
|
||||
+ "&src=extension&s=ffi\" target=\"_blank\">"
|
||||
+ "&ep=3&tv=panel_control&src=extension&s=ffi&t=login&v="
|
||||
+ alias3(((helper = (helper = helpers.variant || (depth0 != null ? depth0.variant : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"variant","hash":{},"data":data}) : helper)))
|
||||
+ "\" target=\"_blank\">"
|
||||
+ alias3(((helper = (helper = helpers.loginnow || (depth0 != null ? depth0.loginnow : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"loginnow","hash":{},"data":data}) : helper)))
|
||||
+ "</a>.</p>\n</div>\n";
|
||||
+ "</a>.</p>\n";
|
||||
},"9":function(depth0,helpers,partials,data) {
|
||||
var stack1;
|
||||
|
||||
return ((stack1 = helpers['if'].call(depth0,(depth0 != null ? depth0.oneButton : depth0),{"name":"if","hash":{},"fn":this.program(10, data, 0),"inverse":this.program(12, data, 0),"data":data})) != null ? stack1 : "");
|
||||
},"10":function(depth0,helpers,partials,data) {
|
||||
var helper, alias1=helpers.helperMissing, alias2="function", alias3=this.escapeExpression;
|
||||
|
||||
return " <p class=\"btn-container\">\n <a href=\"https://"
|
||||
+ alias3(((helper = (helper = helpers.pockethost || (depth0 != null ? depth0.pockethost : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"pockethost","hash":{},"data":data}) : helper)))
|
||||
+ "/signup?utm_campaign="
|
||||
+ alias3(((helper = (helper = helpers.utmCampaign || (depth0 != null ? depth0.utmCampaign : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"utmCampaign","hash":{},"data":data}) : helper)))
|
||||
+ "&utm_source=button_variant&tv=panel_control&src=extension&s=ffi&t=signupemail&v="
|
||||
+ alias3(((helper = (helper = helpers.variant || (depth0 != null ? depth0.variant : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"variant","hash":{},"data":data}) : helper)))
|
||||
+ "\" target=\"_blank\" class=\"btn signup-btn-email signup-btn-initstate\">Sign up</a>\n </p>\n";
|
||||
},"12":function(depth0,helpers,partials,data) {
|
||||
var helper, alias1=helpers.helperMissing, alias2="function", alias3=this.escapeExpression;
|
||||
|
||||
return " <p class=\"btn-container\">\n <a href=\"https://"
|
||||
+ alias3(((helper = (helper = helpers.pockethost || (depth0 != null ? depth0.pockethost : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"pockethost","hash":{},"data":data}) : helper)))
|
||||
+ "/ff_signup?utm_campaign="
|
||||
+ alias3(((helper = (helper = helpers.utmCampaign || (depth0 != null ? depth0.utmCampaign : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"utmCampaign","hash":{},"data":data}) : helper)))
|
||||
+ "&utm_source=button_control&s=ffi&tv=panel_control&t=signupff&v="
|
||||
+ alias3(((helper = (helper = helpers.variant || (depth0 != null ? depth0.variant : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"variant","hash":{},"data":data}) : helper)))
|
||||
+ "\" target=\"_blank\" class=\"btn signup-btn-firefox\">\n <span class=\"logo\"></span><span class=\"text\">"
|
||||
+ alias3(((helper = (helper = helpers.signupfirefox || (depth0 != null ? depth0.signupfirefox : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"signupfirefox","hash":{},"data":data}) : helper)))
|
||||
+ "</span>\n </a>\n </p>\n <p class=\"btn-container\">\n <a href=\"https://"
|
||||
+ alias3(((helper = (helper = helpers.pockethost || (depth0 != null ? depth0.pockethost : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"pockethost","hash":{},"data":data}) : helper)))
|
||||
+ "/signup?utm_campaign="
|
||||
+ alias3(((helper = (helper = helpers.utmCampaign || (depth0 != null ? depth0.utmCampaign : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"utmCampaign","hash":{},"data":data}) : helper)))
|
||||
+ "&utm_source=button_control&force=email&tv=panel_control&src=extension&s=ffi&t=signupemail&v="
|
||||
+ alias3(((helper = (helper = helpers.variant || (depth0 != null ? depth0.variant : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"variant","hash":{},"data":data}) : helper)))
|
||||
+ "\" target=\"_blank\" class=\"btn btn-secondary signup-btn-email signup-btn-initstate\">"
|
||||
+ alias3(((helper = (helper = helpers.signupemail || (depth0 != null ? depth0.signupemail : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"signupemail","hash":{},"data":data}) : helper)))
|
||||
+ "</a>\n </p>\n";
|
||||
},"14":function(depth0,helpers,partials,data) {
|
||||
var helper, alias1=helpers.helperMissing, alias2="function", alias3=this.escapeExpression;
|
||||
|
||||
return " <p class=\"btn-container\"><a href=\"https://"
|
||||
+ alias3(((helper = (helper = helpers.pockethost || (depth0 != null ? depth0.pockethost : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"pockethost","hash":{},"data":data}) : helper)))
|
||||
+ "/ff_signup?utm_campaign="
|
||||
+ alias3(((helper = (helper = helpers.utmCampaign || (depth0 != null ? depth0.utmCampaign : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"utmCampaign","hash":{},"data":data}) : helper)))
|
||||
+ "&utm_source="
|
||||
+ alias3(((helper = (helper = helpers.utmSource || (depth0 != null ? depth0.utmSource : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"utmSource","hash":{},"data":data}) : helper)))
|
||||
+ "&s=ffi&tv=panel_control&t=signupff&v="
|
||||
+ alias3(((helper = (helper = helpers.variant || (depth0 != null ? depth0.variant : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"variant","hash":{},"data":data}) : helper)))
|
||||
+ "\" target=\"_blank\" class=\"btn signup-btn-firefox\"><span class=\"logo\"></span><span class=\"text\">"
|
||||
+ alias3(((helper = (helper = helpers.signupfirefox || (depth0 != null ? depth0.signupfirefox : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"signupfirefox","hash":{},"data":data}) : helper)))
|
||||
+ "</span></a></p>\n <p class=\"btn-container\"><a href=\"https://"
|
||||
+ alias3(((helper = (helper = helpers.pockethost || (depth0 != null ? depth0.pockethost : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"pockethost","hash":{},"data":data}) : helper)))
|
||||
+ "/signup?utm_campaign="
|
||||
+ alias3(((helper = (helper = helpers.utmCampaign || (depth0 != null ? depth0.utmCampaign : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"utmCampaign","hash":{},"data":data}) : helper)))
|
||||
+ "&utm_source="
|
||||
+ alias3(((helper = (helper = helpers.utmSource || (depth0 != null ? depth0.utmSource : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"utmSource","hash":{},"data":data}) : helper)))
|
||||
+ "&force=email&tv=panel_control&src=extension&s=ffi&t=signupemail&v="
|
||||
+ alias3(((helper = (helper = helpers.variant || (depth0 != null ? depth0.variant : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"variant","hash":{},"data":data}) : helper)))
|
||||
+ "\" target=\"_blank\" class=\"btn btn-secondary signup-btn-email signup-btn-initstate\">"
|
||||
+ alias3(((helper = (helper = helpers.signupemail || (depth0 != null ? depth0.signupemail : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"signupemail","hash":{},"data":data}) : helper)))
|
||||
+ "</a></p>\n";
|
||||
},"16":function(depth0,helpers,partials,data) {
|
||||
var stack1, helper, alias1=helpers.helperMissing, alias2="function", alias3=this.escapeExpression;
|
||||
|
||||
return " <p class=\"btn-container\"><a href=\"https://"
|
||||
+ alias3(((helper = (helper = helpers.pockethost || (depth0 != null ? depth0.pockethost : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"pockethost","hash":{},"data":data}) : helper)))
|
||||
+ "/firefox_tryitnow?utm_campaign="
|
||||
+ alias3(((helper = (helper = helpers.utmCampaign || (depth0 != null ? depth0.utmCampaign : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"utmCampaign","hash":{},"data":data}) : helper)))
|
||||
+ "&utm_source="
|
||||
+ alias3(((helper = (helper = helpers.utmSource || (depth0 != null ? depth0.utmSource : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"utmSource","hash":{},"data":data}) : helper)))
|
||||
+ "&s=ffi&tv=panel_tryit&t=tryitnow\" target=\"_blank\" class=\"btn signup-btn-tryitnow\"><span class=\"text\">"
|
||||
+ alias3(((helper = (helper = helpers.tryitnow || (depth0 != null ? depth0.tryitnow : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"tryitnow","hash":{},"data":data}) : helper)))
|
||||
+ "</span></a></p>\n <p class=\"alreadyhave tryitnowspace\">"
|
||||
+ alias3(((helper = (helper = helpers.alreadyhaveacct || (depth0 != null ? depth0.alreadyhaveacct : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"alreadyhaveacct","hash":{},"data":data}) : helper)))
|
||||
+ " <a class=\"pkt_ext_login\" href=\"https://"
|
||||
+ alias3(((helper = (helper = helpers.pockethost || (depth0 != null ? depth0.pockethost : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"pockethost","hash":{},"data":data}) : helper)))
|
||||
+ "/login?utm_campaign="
|
||||
+ alias3(((helper = (helper = helpers.utmCampaign || (depth0 != null ? depth0.utmCampaign : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"utmCampaign","hash":{},"data":data}) : helper)))
|
||||
+ "&utm_source="
|
||||
+ alias3(((helper = (helper = helpers.utmSource || (depth0 != null ? depth0.utmSource : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"utmSource","hash":{},"data":data}) : helper)))
|
||||
+ "&ep=3&s=ffi&tv=panel_tryit&src=extension&t=login&v="
|
||||
+ alias3(((helper = (helper = helpers.variant || (depth0 != null ? depth0.variant : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"variant","hash":{},"data":data}) : helper)))
|
||||
+ "\" target=\"_blank\">"
|
||||
+ alias3(((helper = (helper = helpers.loginnow || (depth0 != null ? depth0.loginnow : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"loginnow","hash":{},"data":data}) : helper)))
|
||||
+ "</a>.</p>\n <p class=\"pkt_ext_tos\">"
|
||||
+ ((stack1 = ((helper = (helper = helpers.tos || (depth0 != null ? depth0.tos : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"tos","hash":{},"data":data}) : helper))) != null ? stack1 : "")
|
||||
+ "</p>\n";
|
||||
},"compiler":[6,">= 2.0.0-beta.1"],"main":function(depth0,helpers,partials,data) {
|
||||
var stack1, helper, alias1=helpers.helperMissing, alias2="function", alias3=this.escapeExpression;
|
||||
|
||||
return "<div class=\"pkt_ext_introdetail pkt_ext_introdetailstoryboard\">\n <div class=\"pkt_ext_introstory pkt_ext_introstoryone\">\n <div class=\"pkt_ext_introstory_text\">\n <p class=\"pkt_ext_tagline\">"
|
||||
+ alias3(((helper = (helper = helpers.taglinestory_one || (depth0 != null ? depth0.taglinestory_one : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"taglinestory_one","hash":{},"data":data}) : helper)))
|
||||
+ "</p>\n </div>\n <div class=\"pkt_ext_introstoryone_img\"></div>\n </div>\n <div class=\"pkt_ext_introstorydivider\"></div>\n <div class=\"pkt_ext_introstory pkt_ext_introstorytwo\">\n <div class=\"pkt_ext_introstory_text\">\n <p class=\"pkt_ext_tagline\">"
|
||||
+ alias3(((helper = (helper = helpers.taglinestory_two || (depth0 != null ? depth0.taglinestory_two : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"taglinestory_two","hash":{},"data":data}) : helper)))
|
||||
+ "</p>\n"
|
||||
+ ((stack1 = helpers['if'].call(depth0,(depth0 != null ? depth0.showlearnmore : depth0),{"name":"if","hash":{},"fn":this.program(1, data, 0),"inverse":this.program(6, data, 0),"data":data})) != null ? stack1 : "")
|
||||
+ " </div>\n <div class=\"pkt_ext_introstorytwo_img\"></div>\n </div>\n</div>\n<div class=\"pkt_ext_signupdetail\">\n"
|
||||
+ ((stack1 = helpers['if'].call(depth0,(depth0 != null ? depth0.controlvariant : depth0),{"name":"if","hash":{},"fn":this.program(8, data, 0),"inverse":this.program(16, data, 0),"data":data})) != null ? stack1 : "")
|
||||
+ "</div>\n";
|
||||
},"useData":true});
|
||||
templates['home_shell'] = template({"compiler":[6,">= 2.0.0-beta.1"],"main":function(depth0,helpers,partials,data) {
|
||||
var helper, alias1=helpers.helperMissing, alias2="function", alias3=this.escapeExpression;
|
||||
|
||||
@@ -0,0 +1,12 @@
|
||||
<div class="los_variant_wrapper">
|
||||
<div class="los_variant_top">
|
||||
<h1>Click the <img src="img/glyph.svg" alt="Pocket Button" height="14" /> button to save articles, videos, and links to Pocket.</h1>
|
||||
<p>Enjoy everything you save, on any device.</p>
|
||||
<a class="pkt_ext_learnmore" href="https://getpocket.com/pocket-and-firefox?utm_campaign=logged_out_save_test&utm_source=variant_a">Learn more ›</a>
|
||||
</div>
|
||||
|
||||
<div class="los_variant_bottom">
|
||||
<a class="los_variant_button signup-btn-email" href="https://getpocket.com/signup?utm_campaign=logged_out_save_test&utm_source=variant_a">Get Pocket for free</a>
|
||||
<p class="los_variant_sub">Already a Pocket user? <a class="pkt_ext_login" href="https://getpocket.com/login?utm_campaign=logged_out_save_test&utm_source=variant_a">Log in.</a></p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,11 @@
|
||||
<div class="los_variant_wrapper">
|
||||
<div class="los_variant_top">
|
||||
<h1>Here's your save button for the internet.</h1>
|
||||
<a class="pkt_ext_learnmore" href="https://getpocket.com/pocket-and-firefox?utm_campaign=logged_out_save_test&utm_source=variant_b">Learn more ›</a>
|
||||
</div>
|
||||
|
||||
<div class="los_variant_bottom">
|
||||
<a class="los_variant_button signup-btn-email" href="https://getpocket.com/signup?utm_campaign=logged_out_save_test&utm_source=variant_b">Get Pocket for free</a>
|
||||
<p class="los_variant_sub">Already a Pocket user? <a class="pkt_ext_login" href="https://getpocket.com/login?utm_campaign=logged_out_save_test&utm_source=variant_b">Log in.</a></p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,11 @@
|
||||
<div class="los_variant_wrapper">
|
||||
<div class="los_variant_top">
|
||||
<h1>Get Pocket to save anything to your personal corner of the internet.</h1>
|
||||
<a class="pkt_ext_learnmore" href="https://getpocket.com/pocket-and-firefox?utm_campaign=logged_out_save_test&utm_source=variant_c">Learn more ›</a>
|
||||
</div>
|
||||
|
||||
<div class="los_variant_bottom">
|
||||
<a class="los_variant_button signup-btn-email" href="https://getpocket.com/signup?utm_campaign=logged_out_save_test&utm_source=variant_c">Sign up for free</a>
|
||||
<p class="los_variant_sub">Already a Pocket user? <a class="pkt_ext_login" href="https://getpocket.com/login?utm_campaign=logged_out_save_test&utm_source=variant_c">Log in.</a></p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -9,14 +9,45 @@
|
||||
<div class="pkt_ext_introstory pkt_ext_introstorytwo">
|
||||
<div class="pkt_ext_introstory_text">
|
||||
<p class="pkt_ext_tagline">{{taglinestory_two}}</p>
|
||||
<p><a class="pkt_ext_learnmore" href="https://{{pockethost}}/firefox_learnmore?utm_campaign={{utmCampaign}}&utm_source={{utmSource}}&s=ffi" target="_blank">{{learnmore}}</a></p>
|
||||
{{#if showlearnmore}}
|
||||
{{#if controlvariant}}
|
||||
<p><a class="pkt_ext_learnmore" href="https://{{pockethost}}/firefox_learnmore?utm_campaign={{utmCampaign}}&utm_source={{utmSource}}&s=ffi&t=learnmore&tv=panel_control&v={{variant}}" target="_blank">{{learnmore}}</a></p>
|
||||
{{else}}
|
||||
<p><a class="pkt_ext_learnmore" href="https://{{pockethost}}/firefox_learnmore?utm_campaign={{utmCampaign}}&utm_source={{utmSource}}&s=ffi&t=learnmore&tv=panel_tryit&v={{variant}}" target="_blank">{{learnmore}}</a></p>
|
||||
{{/if}}
|
||||
{{else}}
|
||||
<p><a class="pkt_ext_learnmore pkt_ext_learnmoreinactive" href="#">{{learnmore}}</a></p>
|
||||
{{/if}}
|
||||
</div>
|
||||
<div class="pkt_ext_introstorytwo_img"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pkt_ext_signupdetail">
|
||||
<h4>{{signuptosave}}</h4>
|
||||
<p class="btn-container"><a href="https://{{pockethost}}/ff_signup?utm_campaign={{utmCampaign}}&utm_source={{utmSource}}&s=ffi" target="_blank" class="btn signup-btn-firefox"><span class="logo"></span><span class="text">{{signupfirefox}}</span></a></p>
|
||||
<p class="btn-container"><a href="https://{{pockethost}}/signup?utm_campaign={{utmCampaign}}&utm_source={{utmSource}}&force=email&src=extension&s=ffi" target="_blank" class="btn btn-secondary signup-btn-email signup-btn-initstate">{{signupemail}}</a></p>
|
||||
<p class="alreadyhave">{{alreadyhaveacct}} <a class="pkt_ext_login" href="https://{{pockethost}}/login?utm_campaign={{utmCampaign}}&utm_source={{utmSource}}&src=extension&s=ffi" target="_blank">{{loginnow}}</a>.</p>
|
||||
{{#if controlvariant}}
|
||||
<h4>{{signuptosave}}</h4>
|
||||
{{#if buttonVariant}}
|
||||
{{#if oneButton}}
|
||||
<p class="btn-container">
|
||||
<a href="https://{{pockethost}}/signup?utm_campaign={{utmCampaign}}&utm_source=button_variant&tv=panel_control&src=extension&s=ffi&t=signupemail&v={{variant}}" target="_blank" class="btn signup-btn-email signup-btn-initstate">Sign up</a>
|
||||
</p>
|
||||
{{else}}
|
||||
<p class="btn-container">
|
||||
<a href="https://{{pockethost}}/ff_signup?utm_campaign={{utmCampaign}}&utm_source=button_control&s=ffi&tv=panel_control&t=signupff&v={{variant}}" target="_blank" class="btn signup-btn-firefox">
|
||||
<span class="logo"></span><span class="text">{{signupfirefox}}</span>
|
||||
</a>
|
||||
</p>
|
||||
<p class="btn-container">
|
||||
<a href="https://{{pockethost}}/signup?utm_campaign={{utmCampaign}}&utm_source=button_control&force=email&tv=panel_control&src=extension&s=ffi&t=signupemail&v={{variant}}" target="_blank" class="btn btn-secondary signup-btn-email signup-btn-initstate">{{signupemail}}</a>
|
||||
</p>
|
||||
{{/if}}
|
||||
{{else}}
|
||||
<p class="btn-container"><a href="https://{{pockethost}}/ff_signup?utm_campaign={{utmCampaign}}&utm_source={{utmSource}}&s=ffi&tv=panel_control&t=signupff&v={{variant}}" target="_blank" class="btn signup-btn-firefox"><span class="logo"></span><span class="text">{{signupfirefox}}</span></a></p>
|
||||
<p class="btn-container"><a href="https://{{pockethost}}/signup?utm_campaign={{utmCampaign}}&utm_source={{utmSource}}&force=email&tv=panel_control&src=extension&s=ffi&t=signupemail&v={{variant}}" target="_blank" class="btn btn-secondary signup-btn-email signup-btn-initstate">{{signupemail}}</a></p>
|
||||
{{/if}}
|
||||
<p class="alreadyhave">{{alreadyhaveacct}} <a class="pkt_ext_login" href="https://{{pockethost}}/login?utm_campaign={{utmCampaign}}&utm_source={{utmSource}}&ep=3&tv=panel_control&src=extension&s=ffi&t=login&v={{variant}}" target="_blank">{{loginnow}}</a>.</p>
|
||||
{{else}}
|
||||
<p class="btn-container"><a href="https://{{pockethost}}/firefox_tryitnow?utm_campaign={{utmCampaign}}&utm_source={{utmSource}}&s=ffi&tv=panel_tryit&t=tryitnow" target="_blank" class="btn signup-btn-tryitnow"><span class="text">{{tryitnow}}</span></a></p>
|
||||
<p class="alreadyhave tryitnowspace">{{alreadyhaveacct}} <a class="pkt_ext_login" href="https://{{pockethost}}/login?utm_campaign={{utmCampaign}}&utm_source={{utmSource}}&ep=3&s=ffi&tv=panel_tryit&src=extension&t=login&v={{variant}}" target="_blank">{{loginnow}}</a>.</p>
|
||||
<p class="pkt_ext_tos">{{{tos}}}</p>
|
||||
{{/if}}
|
||||
</div>
|
||||
|
||||
@@ -719,6 +719,36 @@ var pktApi = (function() {
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Helper function to get current signup AB group the user is in
|
||||
*/
|
||||
function getSignupPanelTabTestVariant() {
|
||||
return getMultipleTestOption("panelSignUp", { control: 1, v1: 0, v2: 0 });
|
||||
}
|
||||
|
||||
function getMultipleTestOption(testName, testOptions) {
|
||||
// Get the test from preferences if we've already assigned the user to a test
|
||||
var settingName = "test." + testName;
|
||||
var assignedValue = getSetting(settingName);
|
||||
var valArray = [];
|
||||
|
||||
// If not assigned yet, pick and store a value
|
||||
if (!assignedValue) {
|
||||
// Get a weighted array of test variants from the testOptions object
|
||||
Object.keys(testOptions).forEach(function(key) {
|
||||
for (var i = 0; i < testOptions[key]; i++) {
|
||||
valArray.push(key);
|
||||
}
|
||||
});
|
||||
|
||||
// Get a random test variant and set the user to it
|
||||
assignedValue = valArray[Math.floor(Math.random() * valArray.length)];
|
||||
setSetting(settingName, assignedValue);
|
||||
}
|
||||
|
||||
return assignedValue;
|
||||
}
|
||||
|
||||
/**
|
||||
* Public functions
|
||||
*/
|
||||
@@ -735,6 +765,7 @@ var pktApi = (function() {
|
||||
isPremiumUser,
|
||||
getSuggestedTagsForItem,
|
||||
getSuggestedTagsForURL,
|
||||
getSignupPanelTabTestVariant,
|
||||
retrieve,
|
||||
getArticleInfo,
|
||||
getMobileDownload,
|
||||
|
||||
@@ -84,6 +84,11 @@ var pktUI = (function() {
|
||||
const initialPanelSize = {
|
||||
signup: {
|
||||
control: { height: 450, width: 300 },
|
||||
button_control: { height: 442, width: 300 },
|
||||
variant_a: { height: 408, width: 300 },
|
||||
variant_b: { height: 383, width: 300 },
|
||||
variant_c: { height: 424, width: 300 },
|
||||
button_variant: { height: 388, width: 300 },
|
||||
},
|
||||
saved: {
|
||||
control: { height: 132, width: 350 },
|
||||
@@ -149,12 +154,44 @@ var pktUI = (function() {
|
||||
* Show the sign-up panel
|
||||
*/
|
||||
function showSignUp() {
|
||||
// AB test: Direct logged-out users to tab vs panel
|
||||
if (pktApi.getSignupPanelTabTestVariant() == "v2") {
|
||||
let site = Services.prefs.getCharPref("extensions.pocket.site");
|
||||
openTabWithUrl(
|
||||
"https://" +
|
||||
site +
|
||||
"/firefox_learnmore?s=ffi&t=autoredirect&tv=page_learnmore&src=ff_ext",
|
||||
Services.scriptSecurityManager.createNullPrincipal({}),
|
||||
null
|
||||
);
|
||||
|
||||
// force the panel closed before it opens
|
||||
getPanel().hidePopup();
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
// Control: Show panel as normal
|
||||
getFirefoxAccountSignedInUser(function(userdata) {
|
||||
var controlvariant = pktApi.getSignupPanelTabTestVariant() == "control";
|
||||
var variant = "storyboard_lm";
|
||||
const loggedOutVariant =
|
||||
Services.prefs.getCharPref("extensions.pocket.loggedOutVariant") ||
|
||||
"control";
|
||||
let sizes = initialPanelSize.signup.control;
|
||||
if (loggedOutVariant && initialPanelSize.signup[loggedOutVariant]) {
|
||||
sizes = initialPanelSize.signup[loggedOutVariant];
|
||||
}
|
||||
|
||||
showPanel(
|
||||
"about:pocket-signup?pockethost=" +
|
||||
Services.prefs.getCharPref("extensions.pocket.site") +
|
||||
"&loggedOutVariant=" +
|
||||
loggedOutVariant +
|
||||
"&variant=" +
|
||||
variant +
|
||||
"&controlvariant=" +
|
||||
controlvariant +
|
||||
"&locale=" +
|
||||
getUILocale(),
|
||||
sizes
|
||||
|
||||
Reference in New Issue
Block a user