Publish Vulpes Preview 15 sources for desktop, Android and Tundra
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
This commit is contained in:
OverSu
parent
93e3a48004
commit
b38dea0597
25901 changed files with 9982925 additions and 369 deletions
507
gaia/tv_apps/browser/js/sync/settings.js
Executable file
507
gaia/tv_apps/browser/js/sync/settings.js
Executable file
|
|
@ -0,0 +1,507 @@
|
|||
/* This Source Code Form is subject to the terms of the Mozilla Public
|
||||
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
||||
|
||||
/* global Awesomescreen */
|
||||
/* global Browser */
|
||||
/* global BrowserDialog */
|
||||
/* global ERROR_DIALOG_CLOSED_BY_USER */
|
||||
/* global ERROR_INVALID_SYNC_ACCOUNT */
|
||||
/* global ERROR_OFFLINE */
|
||||
/* global ERROR_SYNC_APP_KILLED */
|
||||
/* global ERROR_UNKNOWN */
|
||||
/* global LazyLoader */
|
||||
/* global Settings */
|
||||
/* global SettingsListener */
|
||||
/* global SyncManagerBridge */
|
||||
|
||||
'use strict';
|
||||
|
||||
(function(exports) {
|
||||
const DEBUG = false;
|
||||
function debug() {
|
||||
if (DEBUG) {
|
||||
console.log('[FirefoxSyncSettings] ' + Array.slice(arguments).concat());
|
||||
}
|
||||
}
|
||||
|
||||
// Screens
|
||||
const ENABLED = 'enabled';
|
||||
const DISABLED = 'disabled';
|
||||
|
||||
const BOOKMARKS_SETTING = 'sync.collections.bookmarks.enabled';
|
||||
const HISTORY_SETTING = 'sync.collections.history.enabled';
|
||||
|
||||
const ELEMENTS = [{
|
||||
screen: DISABLED,
|
||||
selector: '#fxsync-sign-in-button',
|
||||
event: 'mouseup',
|
||||
listener: 'enable'
|
||||
}, {
|
||||
screen: ENABLED,
|
||||
selector: '#fxsync-signed-in-as'
|
||||
}, {
|
||||
screen: ENABLED,
|
||||
selector: '#fxsync-sync-now-button',
|
||||
event: 'mouseup',
|
||||
listener: 'sync'
|
||||
}, {
|
||||
screen: ENABLED,
|
||||
selector: '#fxsync-sign-out-button',
|
||||
event: 'mouseup',
|
||||
listener: 'disable'
|
||||
}, {
|
||||
screen: ENABLED,
|
||||
selector: '#fxsync-collection-bookmarks',
|
||||
event: 'click',
|
||||
listener: 'onbookmarkschecked',
|
||||
init: 'onbookmarkschange'
|
||||
}, {
|
||||
screen: ENABLED,
|
||||
selector: '#fxsync-collection-history',
|
||||
event: 'click',
|
||||
listener: 'onhistorychecked',
|
||||
init: 'onhistorychange'
|
||||
}, {
|
||||
screen: ENABLED,
|
||||
selector: '#fxsync-tos',
|
||||
event: 'click',
|
||||
listener: 'openTos'
|
||||
}, {
|
||||
screen: ENABLED,
|
||||
selector: '#fxsync-privacy',
|
||||
event: 'click',
|
||||
listener: 'openPrivacy'
|
||||
}];
|
||||
|
||||
function getElementName(str) {
|
||||
str = str.toLowerCase().replace('#fxsync-', '');
|
||||
return str.replace(/-([a-z])/g, g => {
|
||||
return g[1].toUpperCase();
|
||||
});
|
||||
}
|
||||
|
||||
var FirefoxSyncSettings = {
|
||||
init() {
|
||||
this.area = document.querySelector('#fxsync-area');
|
||||
this.elements = {
|
||||
enabled: this.area.querySelector('#fxsync-enabled'),
|
||||
disabled: this.area.querySelector('#fxsync-disabled')
|
||||
};
|
||||
this.listeners = new Map();
|
||||
this.collections = new Map();
|
||||
this.screen = null;
|
||||
this.state = 'disabled';
|
||||
|
||||
this.showScreen(DISABLED);
|
||||
|
||||
LazyLoader.load('shared/js/settings_listener.js').then(() => {
|
||||
[{
|
||||
name: BOOKMARKS_SETTING,
|
||||
onchange: 'onbookmarkschange'
|
||||
}, {
|
||||
name: HISTORY_SETTING,
|
||||
onchange: 'onhistorychange'
|
||||
}].forEach(setting => {
|
||||
SettingsListener.observe(setting.name, true, enabled => {
|
||||
debug(setting.name + ' changed to ' + enabled);
|
||||
enabled ? this.collections.set(setting.name, enabled)
|
||||
: this.collections.delete(setting.name);
|
||||
this[setting.onchange]();
|
||||
this.maybeEnableSyncNow();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
SyncManagerBridge.addListener(this.onsyncchange.bind(this));
|
||||
|
||||
document.addEventListener('visibilitychange', () => {
|
||||
debug('Visibility change', document.hidden);
|
||||
if (!document.hidden) {
|
||||
this.refresh();
|
||||
}
|
||||
});
|
||||
|
||||
this.refresh();
|
||||
},
|
||||
|
||||
refresh() {
|
||||
debug('Refreshing');
|
||||
SyncManagerBridge.getInfo().then(this.onsyncchange.bind(this));
|
||||
},
|
||||
|
||||
/**
|
||||
* This is where most part of the Sync settings logic lives.
|
||||
*
|
||||
* Here we handle Sync lifecycle events coming from the SyncManager
|
||||
* through the SyncMangerBridge. We react to these events by
|
||||
* changing the screen depending on the state.
|
||||
*
|
||||
* We show two possible different state:
|
||||
* 1. Logged out screen. We simply show the user what Sync is and
|
||||
* allow her to start using it or to keep walking.
|
||||
* 2. Logged in screen. We show to the user several different options:
|
||||
* + The user owning the Sync account. If the account belongs to a
|
||||
* verified user that previosly used Sync, we are fine, if not, we
|
||||
* show a warning asking the user to go to other Firefox client to
|
||||
* create a FxA and login into Sync.
|
||||
* + A button to disable sync. Clicking it will log the user out from
|
||||
* FxA and will clear the synchronized data.
|
||||
* + A button to start a sync on demand. Clicking it will disable the
|
||||
* button and the collections switches while the synchronization is
|
||||
* being performed. Once the sync is done successfully, we enable
|
||||
* all the options back and refresh the last sync time.
|
||||
* We disable this button if no collection is selected.
|
||||
* + Collections switches. Allow the user to select which collections
|
||||
* she wants to keep synchronized. If no collection is selected, the
|
||||
* synchronization will be disabled.
|
||||
* + ToS and Privacy links.
|
||||
*/
|
||||
|
||||
onsyncchange(message) {
|
||||
debug(JSON.stringify(message));
|
||||
if (!message || !message.state) {
|
||||
throw new Error('Missing sync state');
|
||||
}
|
||||
switch (message.state) {
|
||||
case 'disabled':
|
||||
// We want to show a dialog once Sync is disabled
|
||||
// but we only want to do that if it's disabled via user action
|
||||
// and the user has already logged in.
|
||||
// (and not because it is already disabled from a previous run).
|
||||
if (this.state === 'disabling' &&
|
||||
(this.previousState === 'enabled' ||
|
||||
this.previousState === 'syncing')) {
|
||||
navigator.mozL10n.formatValue('fxsync-disabled').then(result => {
|
||||
window.alert(result);
|
||||
});
|
||||
}
|
||||
this.showScreen(DISABLED);
|
||||
this.hideEnabling();
|
||||
break;
|
||||
case 'enabling':
|
||||
this.showEnabling();
|
||||
break;
|
||||
case 'enabled':
|
||||
// We want to show a dialog once Sync is enabled
|
||||
// but we only want to do that if its enabled via user action
|
||||
// (and not because it is already enabled from a previous run).
|
||||
if (this.state === 'enabling') {
|
||||
navigator.mozL10n.formatValue('fxsync-enabled').then(result => {
|
||||
window.alert(result);
|
||||
});
|
||||
}
|
||||
this.hideEnabling();
|
||||
this.showScreen(ENABLED);
|
||||
this.showUser(message.user);
|
||||
this.showSyncNow();
|
||||
break;
|
||||
case 'syncing':
|
||||
this.showScreen(ENABLED);
|
||||
// In case that the user opens the browser app while we are on a
|
||||
// syncing state the previous 'enabled' state is missed and so
|
||||
// we need to make sure that we show the user here as well.
|
||||
this.showUser(message.user);
|
||||
this.showSyncing();
|
||||
break;
|
||||
case 'errored':
|
||||
LazyLoader.load('shared/js/sync/errors.js', () => {
|
||||
const IGNORED_ERRORS = [
|
||||
ERROR_DIALOG_CLOSED_BY_USER,
|
||||
ERROR_SYNC_APP_KILLED
|
||||
];
|
||||
|
||||
if (IGNORED_ERRORS.indexOf(message.error) > -1) {
|
||||
Settings.hide.bind(Settings)();
|
||||
return;
|
||||
}
|
||||
|
||||
var errorIds = [ERROR_UNKNOWN, ERROR_UNKNOWN + '-explanation'];
|
||||
|
||||
const KNOWN_ERRORS = [
|
||||
ERROR_INVALID_SYNC_ACCOUNT,
|
||||
ERROR_OFFLINE
|
||||
];
|
||||
|
||||
if (KNOWN_ERRORS.indexOf(message.error) > -1) {
|
||||
errorIds[0] = message.error;
|
||||
errorIds[1] = message.error + '-explanation';
|
||||
}
|
||||
|
||||
var l10n = navigator.mozL10n;
|
||||
Promise.all(
|
||||
errorIds.map(l10n.formatValue.bind(l10n))
|
||||
).then(result => {
|
||||
window.alert(result[0] + '\n' + result[1], () => {
|
||||
this.showScreen(DISABLED);
|
||||
});
|
||||
});
|
||||
});
|
||||
break;
|
||||
}
|
||||
this.previousState = this.state;
|
||||
this.state = message.state;
|
||||
},
|
||||
|
||||
onbookmarkschange() {
|
||||
debug('onbookmarkschange');
|
||||
var needsCleanup;
|
||||
if (!this.elements.collectionBookmarks) {
|
||||
// We may observe a setting change once we already disabled Sync
|
||||
// because the Sync Manager is reverting user preference changes to
|
||||
// the default ones. In that case, we need to create the object
|
||||
// briefly, so we can update the DOM accordingly.
|
||||
this.elements.collectionBookmarks = this.area.querySelector(
|
||||
'#fxsync-collection-bookmarks'
|
||||
);
|
||||
needsCleanup = true;
|
||||
}
|
||||
|
||||
this.elements.collectionBookmarks.checked =
|
||||
this.collections.has(BOOKMARKS_SETTING);
|
||||
|
||||
if (needsCleanup) {
|
||||
this.elements.collectionBookmarks = null;
|
||||
}
|
||||
},
|
||||
|
||||
onbookmarkschecked() {
|
||||
debug('onbookmarkschecked');
|
||||
this.oncollectionchecked(this.elements.collectionBookmarks,
|
||||
BOOKMARKS_SETTING);
|
||||
},
|
||||
|
||||
onhistorychange() {
|
||||
debug('onhistorychange');
|
||||
var needsCleanup;
|
||||
if (!this.elements.collectionHistory) {
|
||||
// We may observe a setting change once we already disabled Sync
|
||||
// because the Sync Manager is reverting user preference changes to
|
||||
// the default ones. In that case, we need to create the object
|
||||
// briefly, so we can update the DOM accordingly.
|
||||
this.elements.collectionHistory = this.area.querySelector(
|
||||
'#fxsync-collection-history'
|
||||
);
|
||||
needsCleanup = true;
|
||||
}
|
||||
|
||||
this.elements.collectionHistory.checked =
|
||||
this.collections.has(HISTORY_SETTING);
|
||||
|
||||
if (needsCleanup) {
|
||||
this.elements.collectionHistory = null;
|
||||
}
|
||||
},
|
||||
|
||||
onhistorychecked() {
|
||||
debug('onhistorychecked');
|
||||
this.oncollectionchecked(this.elements.collectionHistory,
|
||||
HISTORY_SETTING);
|
||||
},
|
||||
|
||||
oncollectionchecked(element, setting) {
|
||||
if (!element || !setting) {
|
||||
return;
|
||||
}
|
||||
|
||||
var checked = element.checked;
|
||||
var settingObj = {};
|
||||
settingObj[setting] = checked;
|
||||
if (!checked) {
|
||||
this.collections.delete(setting);
|
||||
navigator.mozSettings.createLock().set(settingObj);
|
||||
return;
|
||||
}
|
||||
|
||||
// Yeah, mozId sucks...
|
||||
// We cannot call watch twice to change the id lifetime
|
||||
// callbacks. But we still need to do different stuff
|
||||
// within the onlogin callback depending on who calls
|
||||
// oncollectionchecked. So we need to save state.
|
||||
// Thank you mozId.
|
||||
this.setting = setting;
|
||||
this.settingObj = settingObj;
|
||||
|
||||
try {
|
||||
navigator.mozId.watch({
|
||||
wantIssuer: 'firefox-accounts',
|
||||
onlogin: () => {
|
||||
// This callback is fired every time a new account logs in,
|
||||
// but we only want to enable the history setting when this
|
||||
// callback is called because the refresh auth flow succeeded.
|
||||
// This can happen only if Sync is already enabled.
|
||||
if (this.state !== 'enabled') {
|
||||
return;
|
||||
}
|
||||
this.collections.set(this.setting, true);
|
||||
navigator.mozSettings.createLock().set(this.settingObj);
|
||||
},
|
||||
onlogout: () => {},
|
||||
onready: () => {},
|
||||
onerror: error => {
|
||||
element.checked = false;
|
||||
console.error(error);
|
||||
}
|
||||
});
|
||||
} catch(e) {}
|
||||
|
||||
navigator.mozId.request({
|
||||
oncancel: () => {
|
||||
element.checked = false;
|
||||
},
|
||||
// We keep authenticated sessions of 5 minutes, if the user clicks on
|
||||
// the history collection switch after the 5 minutes are expired, we
|
||||
// will be asking her to re-enter her fxa password.
|
||||
refreshAuthentication: 5 * 60
|
||||
});
|
||||
},
|
||||
|
||||
addListener(element, event, listenerName) {
|
||||
if (!element || !event || !listenerName) {
|
||||
return;
|
||||
}
|
||||
// Because we bind this to the listener, we need to save
|
||||
// the reference so we can remove it afterwards.
|
||||
var listener = this[listenerName].bind(this);
|
||||
element.addEventListener(event, listener);
|
||||
return listener;
|
||||
},
|
||||
|
||||
removeListener(element, event, listener) {
|
||||
if (!element || !event || !listener) {
|
||||
return;
|
||||
}
|
||||
element.removeEventListener(event, listener);
|
||||
},
|
||||
|
||||
loadElements(screen) {
|
||||
ELEMENTS.forEach(element => {
|
||||
var name = getElementName(element.selector);
|
||||
if (!Array.isArray(element.screen)) {
|
||||
element.screen = [element.screen];
|
||||
}
|
||||
if (!this.elements[name]) {
|
||||
this.elements[name] = this.area.querySelector(element.selector);
|
||||
this.listeners.set(
|
||||
name,
|
||||
this.addListener(this.elements[name],
|
||||
element.event, element.listener)
|
||||
);
|
||||
if (element.init) {
|
||||
this[element.init]();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
if (element.init) {
|
||||
this[element.init]();
|
||||
return;
|
||||
}
|
||||
|
||||
if (!this.listeners.has(name)) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (this.elements[name].checked) {
|
||||
this.elements[name].checked = false;
|
||||
}
|
||||
|
||||
});
|
||||
},
|
||||
|
||||
showScreen(screen) {
|
||||
if (this.screen == screen) {
|
||||
return;
|
||||
}
|
||||
this.screen = screen;
|
||||
|
||||
this.loadElements(screen);
|
||||
|
||||
this.elements.enabled.hidden = (screen != ENABLED);
|
||||
this.elements.disabled.hidden = (screen != DISABLED);
|
||||
},
|
||||
|
||||
showUser(user) {
|
||||
navigator.mozL10n.setAttributes(this.elements.signedInAs,
|
||||
'fxsync-signed-in-as', {
|
||||
email: user
|
||||
});
|
||||
},
|
||||
|
||||
maybeEnableSyncNow() {
|
||||
if (!this.elements.syncNowButton) {
|
||||
return;
|
||||
}
|
||||
(this.collections.size <= 0) ?
|
||||
this.elements.syncNowButton.classList.add('disabled') :
|
||||
this.elements.syncNowButton.classList.remove('disabled');
|
||||
},
|
||||
|
||||
disableSyncNowAndCollections(disabled) {
|
||||
['collectionBookmarks',
|
||||
'collectionHistory'].forEach(name => {
|
||||
if (!this.elements[name]) {
|
||||
return;
|
||||
}
|
||||
this.elements[name].disabled = disabled;
|
||||
});
|
||||
disabled ? this.elements.syncNowButton.classList.add('disabled')
|
||||
: this.elements.syncNowButton.classList.remove('disabled');
|
||||
},
|
||||
|
||||
showEnabling() {
|
||||
this.elements.signInButton.classList.add('disabled');
|
||||
this.elements.signInButton.dataset.l10nId = 'fxsync-signing';
|
||||
},
|
||||
|
||||
hideEnabling() {
|
||||
this.elements.signInButton.classList.remove('disabled');
|
||||
this.elements.signInButton.dataset.l10nId = 'fxsync-sign-in';
|
||||
},
|
||||
|
||||
showSyncNow() {
|
||||
this.elements.syncNowButton.dataset.l10nId = 'fxsync-sync-now';
|
||||
this.disableSyncNowAndCollections(false);
|
||||
this.maybeEnableSyncNow();
|
||||
},
|
||||
|
||||
showSyncing() {
|
||||
this.elements.syncNowButton.dataset.l10nId = 'fxsync-syncing';
|
||||
this.disableSyncNowAndCollections(true);
|
||||
},
|
||||
|
||||
enable() {
|
||||
SyncManagerBridge.enable();
|
||||
},
|
||||
|
||||
disable() {
|
||||
BrowserDialog.createDialog('signout_confirm').then(() => {
|
||||
SyncManagerBridge.disable();
|
||||
});
|
||||
},
|
||||
|
||||
sync() {
|
||||
SyncManagerBridge.sync();
|
||||
},
|
||||
|
||||
openTos() {
|
||||
this.showWebpage('https://accounts.firefox.com/legal/terms');
|
||||
},
|
||||
|
||||
openPrivacy() {
|
||||
this.showWebpage('https://accounts.firefox.com/legal/privacy');
|
||||
},
|
||||
|
||||
showWebpage(url) {
|
||||
Awesomescreen.createAddNewTab();
|
||||
Browser.navigate(url);
|
||||
Settings.hide();
|
||||
}
|
||||
};
|
||||
|
||||
exports.FirefoxSyncSettings = FirefoxSyncSettings;
|
||||
|
||||
LazyLoader.load('js/sync/manager_bridge.js', () => {
|
||||
FirefoxSyncSettings.init();
|
||||
});
|
||||
}(window));
|
||||
Loading…
Reference in a new issue