2016-09-14 06:16:43 +02:00
|
|
|
angular
|
2016-09-01 06:34:38 +02:00
|
|
|
.module('bit.current')
|
|
|
|
|
2016-09-15 04:44:04 +02:00
|
|
|
.controller('currentController', function ($scope, siteService, cipherService, tldjs, toastr, $q, $window, $state) {
|
2016-09-15 01:41:50 +02:00
|
|
|
var pageDetails = null,
|
2016-09-15 04:44:04 +02:00
|
|
|
tabId = null,
|
|
|
|
url = null,
|
|
|
|
domain = null;
|
|
|
|
|
2016-09-15 01:41:50 +02:00
|
|
|
$scope.canAutofill = false;
|
|
|
|
|
2016-09-14 06:16:43 +02:00
|
|
|
chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
|
|
|
|
if (tabs.length > 0) {
|
2016-09-15 01:41:50 +02:00
|
|
|
url = tabs[0].url;
|
|
|
|
tabId = tabs[0].id;
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
return;
|
2016-09-14 06:16:43 +02:00
|
|
|
}
|
2016-09-01 06:34:38 +02:00
|
|
|
|
2016-09-15 04:44:04 +02:00
|
|
|
domain = tldjs.getDomain(url);
|
2016-09-14 06:16:43 +02:00
|
|
|
$scope.sites = [];
|
|
|
|
if (!domain) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2016-09-15 01:41:50 +02:00
|
|
|
chrome.tabs.sendMessage(tabId, { command: 'collectPageDetails' }, function (details) {
|
|
|
|
pageDetails = details;
|
|
|
|
$scope.canAutofill = true;
|
|
|
|
});
|
|
|
|
|
2016-09-16 03:22:47 +02:00
|
|
|
var filteredSites = [],
|
|
|
|
promises = [];
|
2016-09-14 06:16:43 +02:00
|
|
|
|
2016-09-16 03:22:47 +02:00
|
|
|
var sitePromise = $q.when(siteService.getAllDecrypted());
|
|
|
|
sitePromise.then(function (sites) {
|
2016-09-15 01:41:50 +02:00
|
|
|
for (var i = 0; i < sites.length; i++) {
|
2016-09-16 03:22:47 +02:00
|
|
|
if (sites[i].domain && sites[i].domain == domain) {
|
|
|
|
filteredSites.push(sites[i]);
|
2016-09-15 01:41:50 +02:00
|
|
|
}
|
2016-09-16 03:22:47 +02:00
|
|
|
}
|
|
|
|
});
|
|
|
|
promises.push(sitePromise);
|
2016-09-15 01:41:50 +02:00
|
|
|
|
2016-09-16 03:22:47 +02:00
|
|
|
$q.all(promises).then(function () {
|
|
|
|
$scope.sites = filteredSites;
|
2016-09-14 06:16:43 +02:00
|
|
|
});
|
|
|
|
});
|
2016-09-15 01:41:50 +02:00
|
|
|
|
2016-09-15 04:45:22 +02:00
|
|
|
$scope.clipboardError = function (e, password) {
|
|
|
|
toastr.info('Your web browser does not support easy clipboard copying. Copy it manually instead.');
|
|
|
|
};
|
|
|
|
|
|
|
|
$scope.clipboardSuccess = function (e, type) {
|
|
|
|
e.clearSelection();
|
|
|
|
toastr.info(type + ' copied!');
|
|
|
|
};
|
|
|
|
|
2016-09-15 04:44:04 +02:00
|
|
|
$scope.addSite = function () {
|
|
|
|
$state.go('addSite', {
|
|
|
|
animation: 'in-slide-up',
|
|
|
|
name: domain,
|
|
|
|
uri: url
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
2016-09-15 01:41:50 +02:00
|
|
|
$scope.fillSite = function (site) {
|
|
|
|
var fillScript = null;
|
|
|
|
if (site && $scope.canAutofill && pageDetails) {
|
|
|
|
fillScript = makeFillScript(site.username, site.password);
|
|
|
|
}
|
|
|
|
|
|
|
|
if (tabId && fillScript) {
|
|
|
|
chrome.tabs.sendMessage(tabId, {
|
|
|
|
command: 'fillForm',
|
|
|
|
fillScript: fillScript
|
2016-09-15 04:14:06 +02:00
|
|
|
}, function () {
|
|
|
|
$window.close()
|
|
|
|
});
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
toastr.error('Unable to auto-fill the selected site. Copy/paste your username and/or password instead.');
|
2016-09-15 01:41:50 +02:00
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
function makeFillScript(fillUsername, fillPassword) {
|
|
|
|
if (!pageDetails) {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
var fillScript = {
|
|
|
|
documentUUID: pageDetails.documentUUID,
|
|
|
|
script: [],
|
|
|
|
autosubmit: null,
|
|
|
|
properties: {},
|
|
|
|
options: {},
|
|
|
|
metadata: {}
|
|
|
|
};
|
|
|
|
|
|
|
|
var passwordFields = [];
|
|
|
|
for (var i = 0; i < pageDetails.fields.length; i++) {
|
|
|
|
if (pageDetails.fields[i].type == 'password') {
|
|
|
|
passwordFields.push(pageDetails.fields[i]);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
var passwordForms = [];
|
|
|
|
for (var formKey in pageDetails.forms) {
|
|
|
|
for (var j = 0; j < passwordFields.length; j++) {
|
|
|
|
if (formKey == passwordFields[j].form) {
|
|
|
|
passwordForms.push(pageDetails.forms[formKey]);
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!passwordForms.length) {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
var loginForm = null;
|
|
|
|
if (passwordForms.length > 1) {
|
|
|
|
// More than one form with a password field is on the page.
|
|
|
|
// This usually occurs when a website has a login and signup form on the same page.
|
|
|
|
// Let's try to guess which one is the login form.
|
|
|
|
|
|
|
|
// First let's try to guess the correct login form by examining the form attribute strings
|
|
|
|
// for common login form attribute.
|
2016-09-15 01:59:03 +02:00
|
|
|
for (i = 0; i < passwordForms.length; i++) {
|
2016-09-15 04:14:06 +02:00
|
|
|
var formDescriptor = (passwordForms[i].htmlName + '~' + passwordForms[i].htmlId +
|
|
|
|
'~' + passwordForms[i].htmlAction).toLowerCase();
|
2016-09-15 01:59:03 +02:00
|
|
|
|
2016-09-15 04:14:06 +02:00
|
|
|
if (formDescriptor.indexOf('login') !== -1 || formDescriptor.indexOf('log-in') !== -1 ||
|
|
|
|
formDescriptor.indexOf('signin') !== -1 || formDescriptor.indexOf('sign-in') !== -1 ||
|
|
|
|
formDescriptor.indexOf('logon') !== -1 || formDescriptor.indexOf('log-on') !== -1) {
|
2016-09-15 01:59:03 +02:00
|
|
|
loginForm = passwordForms[i];
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
2016-09-15 01:41:50 +02:00
|
|
|
|
|
|
|
if (!loginForm) {
|
|
|
|
// Next we can try to find the login form that only has one password field. Typically
|
|
|
|
// a registration form may have two password fields for password confirmation.
|
2016-09-15 01:59:03 +02:00
|
|
|
for (i = 0; i < passwordForms.length; i++) {
|
|
|
|
var passwordFieldCount = 0;
|
2016-09-15 01:41:50 +02:00
|
|
|
|
2016-09-15 01:59:03 +02:00
|
|
|
for (var j = 0; j < passwordFields.length; j++) {
|
|
|
|
if (passwordForms[i].opid == passwordFields[j].form) {
|
|
|
|
passwordFieldCount++;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
if (passwordFieldCount === 1) {
|
|
|
|
loginForm = passwordForms[i];
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
2016-09-15 01:41:50 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!loginForm) {
|
|
|
|
loginForm = passwordForms[0];
|
|
|
|
}
|
|
|
|
|
|
|
|
var password = null;
|
|
|
|
for (i = 0; i < pageDetails.fields.length; i++) {
|
|
|
|
var f = pageDetails.fields[i];
|
|
|
|
if (f.form == loginForm.opid && f.type == 'password') {
|
|
|
|
password = f;
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
var username = null;
|
|
|
|
for (i = 0; i < pageDetails.fields.length; i++) {
|
|
|
|
var f = pageDetails.fields[i];
|
|
|
|
if (f.form == loginForm.opid && (f.type == 'text' || f.type == 'email')
|
|
|
|
&& f.elementNumber < password.elementNumber) {
|
|
|
|
username = f;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
if (username) {
|
|
|
|
fillScript.script.push(['click_on_opid', username.opid]);
|
|
|
|
fillScript.script.push(['fill_by_opid', username.opid, fillUsername]);
|
|
|
|
}
|
|
|
|
|
|
|
|
fillScript.script.push(['click_on_opid', password.opid]);
|
|
|
|
fillScript.script.push(['fill_by_opid', password.opid, fillPassword]);
|
|
|
|
|
|
|
|
if (loginForm.htmlAction) {
|
|
|
|
fillScript.autosubmit = { focusOpid: password.opid };
|
|
|
|
}
|
|
|
|
|
|
|
|
return fillScript;
|
|
|
|
}
|
2016-09-01 06:34:38 +02:00
|
|
|
});
|