1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
|
// Copyright (c) 2012 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
cr.exportPath('options');
/** @typedef {{appsEnforced: boolean,
* appsRegistered: boolean,
* appsSynced: boolean,
* autofillEnforced: boolean,
* autofillRegistered: boolean,
* autofillSynced: boolean,
* bookmarksEnforced: boolean,
* bookmarksRegistered: boolean,
* bookmarksSynced: boolean,
* encryptAllData: boolean,
* encryptAllDataAllowed: boolean,
* enterGooglePassphraseBody: (string|undefined),
* enterPassphraseBody: (string|undefined),
* extensionsEnforced: boolean,
* extensionsRegistered: boolean,
* extensionsSynced: boolean,
* fullEncryptionBody: string,
* passphraseFailed: boolean,
* passwordsEnforced: boolean,
* passwordsRegistered: boolean,
* passwordsSynced: boolean,
* preferencesEnforced: boolean,
* preferencesRegistered: boolean,
* preferencesSynced: boolean,
* showPassphrase: boolean,
* syncAllDataTypes: boolean,
* syncNothing: boolean,
* tabsEnforced: boolean,
* tabsRegistered: boolean,
* tabsSynced: boolean,
* themesEnforced: boolean,
* themesRegistered: boolean,
* themesSynced: boolean,
* typedUrlsEnforced: boolean,
* typedUrlsRegistered: boolean,
* typedUrlsSynced: boolean,
* usePassphrase: boolean,
* wifiCredentialsEnforced: (boolean|undefined),
* wifiCredentialsSynced: (boolean|undefined)}}
*/
var SyncConfig;
/**
* The user's selection in the synced data type drop-down menu, as an index.
* @enum {number}
* @const
*/
options.DataTypeSelection = {
SYNC_EVERYTHING: 0,
CHOOSE_WHAT_TO_SYNC: 1,
SYNC_NOTHING: 2
};
cr.define('options', function() {
/** @const */ var Page = cr.ui.pageManager.Page;
/** @const */ var PageManager = cr.ui.pageManager.PageManager;
/**
* SyncSetupOverlay class
* Encapsulated handling of the 'Sync Setup' overlay page.
* @class
*/
function SyncSetupOverlay() {
Page.call(this, 'syncSetup',
loadTimeData.getString('syncSetupOverlayTabTitle'),
'sync-setup-overlay');
}
cr.addSingletonGetter(SyncSetupOverlay);
SyncSetupOverlay.prototype = {
__proto__: Page.prototype,
/**
* True if the synced account uses a custom passphrase.
* @private {boolean}
*/
usePassphrase_: false,
/**
* True if the synced account uses 'encrypt everything'.
* @private {boolean}
*/
useEncryptEverything_: false,
/**
* An object used as a cache of the arguments passed in while initially
* displaying the advanced sync settings dialog. Used to switch between the
* options in the main drop-down menu. Reset when the dialog is closed.
* @private {?SyncConfig}
*/
syncConfigureArgs_: null,
/**
* A dictionary that maps the sync data type checkbox names to their checked
* state. Initialized when the advanced settings dialog is first brought up,
* updated any time a box is checked / unchecked, and reset when the dialog
* is closed. Used to restore checkbox state while switching between the
* options in the main drop-down menu. All checkboxes are checked and
* disabled when the "Sync everything" menu-item is selected, and unchecked
* and disabled when "Sync nothing" is selected. When "Choose what to sync"
* is selected, the boxes are restored to their most recent checked state
* from this cache.
* @private {Object}
*/
dataTypeBoxesChecked_: {},
/**
* A dictionary that maps the sync data type checkbox names to their
* disabled state (when a data type is enabled programmatically without user
* choice). Initialized when the advanced settings dialog is first brought
* up, and reset when the dialog is closed.
* @private {Object}
*/
dataTypeBoxesDisabled_: {},
/** @override */
initializePage: function() {
Page.prototype.initializePage.call(this);
var self = this;
// If 'profilesInfo' doesn't exist, it's forbidden to delete profile.
// So don't display the delete-profile checkbox.
if (!loadTimeData.valueExists('profilesInfo') &&
$('sync-setup-delete-profile')) {
$('sync-setup-delete-profile').hidden = true;
}
$('basic-encryption-option').onchange =
$('full-encryption-option').onchange = function() {
self.onEncryptionRadioChanged_();
};
$('choose-datatypes-cancel').onclick =
$('confirm-everything-cancel').onclick =
$('stop-syncing-cancel').onclick =
$('sync-spinner-cancel').onclick = function() {
self.closeOverlay_();
};
$('confirm-everything-ok').onclick = function() {
self.sendConfiguration_();
};
$('timeout-ok').onclick = function() {
chrome.send('CloseTimeout');
self.closeOverlay_();
};
$('stop-syncing-ok').onclick = function() {
var deleteProfile = $('delete-profile') != undefined &&
$('delete-profile').checked;
chrome.send('SyncSetupStopSyncing', [deleteProfile]);
self.closeOverlay_();
};
$('use-default-link').onclick = function() {
self.showSyncEverythingPage_();
};
},
/** @private */
showOverlay_: function() {
PageManager.showPageByName('syncSetup');
},
/** @private */
closeOverlay_: function() {
this.syncConfigureArgs_ = null;
this.dataTypeBoxesChecked_ = {};
this.dataTypeBoxesDisabled_ = {};
var overlay = $('sync-setup-overlay');
if (!overlay.hidden)
PageManager.closeOverlay();
},
/** @override */
didShowPage: function() {
chrome.send('SyncSetupShowSetupUI');
},
/** @override */
didClosePage: function() {
chrome.send('SyncSetupDidClosePage');
},
/** @private */
onEncryptionRadioChanged_: function() {
var visible = $('full-encryption-option').checked;
// TODO(dbeam): should sync-custom-passphrase-container be hidden instead?
$('sync-custom-passphrase').hidden = !visible;
chrome.send('coreOptionsUserMetricsAction',
['Options_SyncSetEncryption']);
},
/**
* Sets the checked state of the individual sync data type checkboxes in the
* advanced sync settings dialog.
* @param {boolean} value True for checked, false for unchecked.
* @private
*/
checkAllDataTypeCheckboxes_: function(value) {
// Only check / uncheck the visible ones (since there's no way to uncheck
// / check the invisible ones).
var checkboxes = $('choose-data-types-body').querySelectorAll(
'.sync-type-checkbox:not([hidden]) input');
for (var i = 0; i < checkboxes.length; i++) {
checkboxes[i].checked = value;
}
},
/**
* Restores the checked states of the sync data type checkboxes in the
* advanced sync settings dialog. Called when "Choose what to sync" is
* selected. Required because all the checkboxes are checked when
* "Sync everything" is selected, and unchecked when "Sync nothing" is
* selected. Note: We only restore checkboxes for data types that are
* actually visible and whose old values are found in the cache, since it's
* possible for some data types to not be registered, and therefore, their
* checkboxes remain hidden, and never get cached.
* @private
*/
restoreDataTypeCheckboxes_: function() {
for (var dataType in this.dataTypeBoxesChecked_) {
$(dataType).checked = this.dataTypeBoxesChecked_[dataType];
}
},
/**
* Enables / grays out the sync data type checkboxes in the advanced
* settings dialog.
* @param {boolean} enabled True for enabled, false for grayed out.
* @private
*/
setDataTypeCheckboxesEnabled_: function(enabled) {
for (var dataType in this.dataTypeBoxesDisabled_) {
$(dataType).disabled =
!enabled || this.dataTypeBoxesDisabled_[dataType];
}
},
/**
* Sets the state of the sync data type checkboxes based on whether "Sync
* everything", "Choose what to sync", or "Sync nothing" are selected in the
* drop-down menu of the advanced settings dialog.
* @param {options.DataTypeSelection} selectedIndex Index of user's
* selection.
* @private
*/
setDataTypeCheckboxes_: function(selectedIndex) {
if (selectedIndex == options.DataTypeSelection.CHOOSE_WHAT_TO_SYNC) {
this.setDataTypeCheckboxesEnabled_(true);
this.restoreDataTypeCheckboxes_();
} else {
this.setDataTypeCheckboxesEnabled_(false);
this.checkAllDataTypeCheckboxes_(
selectedIndex == options.DataTypeSelection.SYNC_EVERYTHING);
}
},
/** @private */
checkPassphraseMatch_: function() {
var emptyError = $('empty-error');
var mismatchError = $('mismatch-error');
emptyError.hidden = true;
mismatchError.hidden = true;
if (!$('full-encryption-option').checked ||
$('basic-encryption-option').disabled) {
return true;
}
var customPassphrase = $('custom-passphrase');
if (customPassphrase.value.length == 0) {
emptyError.hidden = false;
return false;
}
var confirmPassphrase = $('confirm-passphrase');
if (confirmPassphrase.value != customPassphrase.value) {
mismatchError.hidden = false;
return false;
}
return true;
},
/** @private */
sendConfiguration_: function() {
var encryptAllData = $('full-encryption-option').checked;
var usePassphrase;
var customPassphrase;
var googlePassphrase = false;
if (!$('sync-existing-passphrase-container').hidden) {
// If we were prompted for an existing passphrase, use it.
customPassphrase = getRequiredElement('passphrase').value;
usePassphrase = true;
// If we were displaying the 'enter your old google password' prompt,
// then that means this is the user's google password.
googlePassphrase = !$('google-passphrase-needed-body').hidden;
// We allow an empty passphrase, in case the user has disabled
// all their encrypted datatypes. In that case, the PSS will accept
// the passphrase and finish configuration. If the user has enabled
// encrypted datatypes, the PSS will prompt again specifying that the
// passphrase failed.
} else if (!$('basic-encryption-option').disabled &&
$('full-encryption-option').checked) {
// The user is setting a custom passphrase for the first time.
if (!this.checkPassphraseMatch_())
return;
customPassphrase = $('custom-passphrase').value;
usePassphrase = true;
} else {
// The user is not setting a custom passphrase.
usePassphrase = false;
}
// Don't allow the user to tweak the settings once we send the
// configuration to the backend.
this.setInputElementsDisabledState_(true);
$('use-default-link').hidden = true;
// These values need to be kept in sync with where they are read in
// sync_setup_handler.cc:GetConfiguration().
var syncAll = $('sync-select-datatypes').selectedIndex ==
options.DataTypeSelection.SYNC_EVERYTHING;
var syncNothing = $('sync-select-datatypes').selectedIndex ==
options.DataTypeSelection.SYNC_NOTHING;
var result = JSON.stringify({
'syncAllDataTypes': syncAll,
'syncNothing': syncNothing,
'bookmarksSynced': syncAll || $('bookmarks-checkbox').checked,
'preferencesSynced': syncAll || $('preferences-checkbox').checked,
'themesSynced': syncAll || $('themes-checkbox').checked,
'passwordsSynced': syncAll || $('passwords-checkbox').checked,
'autofillSynced': syncAll || $('autofill-checkbox').checked,
'extensionsSynced': syncAll || $('extensions-checkbox').checked,
'typedUrlsSynced': syncAll || $('typed-urls-checkbox').checked,
'appsSynced': syncAll || $('apps-checkbox').checked,
'tabsSynced': syncAll || $('tabs-checkbox').checked,
'wifiCredentialsSynced': syncAll ||
$('wifi-credentials-checkbox').checked,
'encryptAllData': encryptAllData,
'usePassphrase': usePassphrase,
'isGooglePassphrase': googlePassphrase,
'passphrase': customPassphrase
});
chrome.send('SyncSetupConfigure', [result]);
},
/**
* Sets the disabled property of all input elements within the 'Customize
* Sync Preferences' screen. This is used to prohibit the user from changing
* the inputs after confirming the customized sync preferences, or resetting
* the state when re-showing the dialog.
* @param {boolean} disabled True if controls should be set to disabled.
* @private
*/
setInputElementsDisabledState_: function(disabled) {
var self = this;
var configureElements =
$('customize-sync-preferences').querySelectorAll('input');
for (var i = 0; i < configureElements.length; i++)
configureElements[i].disabled = disabled;
$('sync-select-datatypes').disabled = disabled;
$('customize-link').hidden = disabled;
$('customize-link').disabled = disabled;
$('customize-link').onclick = disabled ? null : function() {
SyncSetupOverlay.showCustomizePage(self.syncConfigureArgs_,
options.DataTypeSelection.SYNC_EVERYTHING);
return false;
};
},
/**
* Shows or hides the sync data type checkboxes in the advanced sync
* settings dialog. Also initializes |this.dataTypeBoxesChecked_| and
* |this.dataTypeBoxedDisabled_| with their values, and makes their onclick
* handlers update |this.dataTypeBoxesChecked_|.
* @param {SyncConfig} args The configuration data used to show/hide UI.
* @private
*/
setChooseDataTypesCheckboxes_: function(args) {
var datatypeSelect = $('sync-select-datatypes');
datatypeSelect.selectedIndex = args.syncAllDataTypes ?
options.DataTypeSelection.SYNC_EVERYTHING :
options.DataTypeSelection.CHOOSE_WHAT_TO_SYNC;
$('bookmarks-checkbox').checked = args.bookmarksSynced;
this.dataTypeBoxesChecked_['bookmarks-checkbox'] = args.bookmarksSynced;
this.dataTypeBoxesDisabled_['bookmarks-checkbox'] =
args.bookmarksEnforced;
$('preferences-checkbox').checked = args.preferencesSynced;
this.dataTypeBoxesChecked_['preferences-checkbox'] =
args.preferencesSynced;
this.dataTypeBoxesDisabled_['preferences-checkbox'] =
args.preferencesEnforced;
$('themes-checkbox').checked = args.themesSynced;
this.dataTypeBoxesChecked_['themes-checkbox'] = args.themesSynced;
this.dataTypeBoxesDisabled_['themes-checkbox'] = args.themesEnforced;
if (args.passwordsRegistered) {
$('passwords-checkbox').checked = args.passwordsSynced;
this.dataTypeBoxesChecked_['passwords-checkbox'] = args.passwordsSynced;
this.dataTypeBoxesDisabled_['passwords-checkbox'] =
args.passwordsEnforced;
$('passwords-item').hidden = false;
} else {
$('passwords-item').hidden = true;
}
if (args.autofillRegistered) {
$('autofill-checkbox').checked = args.autofillSynced;
this.dataTypeBoxesChecked_['autofill-checkbox'] = args.autofillSynced;
this.dataTypeBoxesDisabled_['autofill-checkbox'] =
args.autofillEnforced;
$('autofill-item').hidden = false;
} else {
$('autofill-item').hidden = true;
}
if (args.extensionsRegistered) {
$('extensions-checkbox').checked = args.extensionsSynced;
this.dataTypeBoxesChecked_['extensions-checkbox'] =
args.extensionsSynced;
this.dataTypeBoxesDisabled_['extensions-checkbox'] =
args.extensionsEnforced;
$('extensions-item').hidden = false;
} else {
$('extensions-item').hidden = true;
}
if (args.typedUrlsRegistered) {
$('typed-urls-checkbox').checked = args.typedUrlsSynced;
this.dataTypeBoxesChecked_['typed-urls-checkbox'] =
args.typedUrlsSynced;
this.dataTypeBoxesDisabled_['typed-urls-checkbox'] =
args.typedUrlsEnforced;
$('omnibox-item').hidden = false;
} else {
$('omnibox-item').hidden = true;
}
if (args.appsRegistered) {
$('apps-checkbox').checked = args.appsSynced;
this.dataTypeBoxesChecked_['apps-checkbox'] = args.appsSynced;
this.dataTypeBoxesDisabled_['apps-checkbox'] = args.appsEnforced;
$('apps-item').hidden = false;
} else {
$('apps-item').hidden = true;
}
if (args.tabsRegistered) {
$('tabs-checkbox').checked = args.tabsSynced;
this.dataTypeBoxesChecked_['tabs-checkbox'] = args.tabsSynced;
this.dataTypeBoxesDisabled_['tabs-checkbox'] = args.tabsEnforced;
$('tabs-item').hidden = false;
} else {
$('tabs-item').hidden = true;
}
if (args.wifiCredentialsRegistered) {
$('wifi-credentials-checkbox').checked = args.wifiCredentialsSynced;
this.dataTypeBoxesChecked_['wifi-credentials-checkbox'] =
args.wifiCredentialsSynced;
this.dataTypeBoxesDisabled_['wifi-credentials-checkbox'] =
args.wifiCredentialsEnforced;
$('wifi-credentials-item').hidden = false;
} else {
$('wifi-credentials-item').hidden = true;
}
$('choose-data-types-body').onchange =
this.handleDataTypeChange_.bind(this);
this.setDataTypeCheckboxes_(datatypeSelect.selectedIndex);
},
/**
* Updates the cached values of the sync data type checkboxes stored in
* |this.dataTypeBoxesChecked_|. Used as an onclick handler for each data
* type checkbox.
* @param {Event} e The change event.
* @private
*/
handleDataTypeChange_: function(e) {
var input = assertInstanceof(e.target, HTMLInputElement);
assert(input.type == 'checkbox');
this.dataTypeBoxesChecked_[input.id] = input.checked;
chrome.send('coreOptionsUserMetricsAction',
['Options_SyncToggleDataType']);
},
/**
* @param {SyncConfig} args
* @private
*/
setEncryptionRadios_: function(args) {
if (!args.encryptAllData && !args.usePassphrase) {
$('basic-encryption-option').checked = true;
} else {
$('full-encryption-option').checked = true;
$('full-encryption-option').disabled = true;
$('basic-encryption-option').disabled = true;
}
},
/**
* @param {SyncConfig} args
* @private
*/
setCheckboxesAndErrors_: function(args) {
this.setChooseDataTypesCheckboxes_(args);
this.setEncryptionRadios_(args);
},
/**
* @param {SyncConfig} args
* @private
*/
showConfigure_: function(args) {
var datatypeSelect = $('sync-select-datatypes');
var self = this;
// Cache the sync config args so they can be reused when we transition
// between the drop-down menu items in the advanced settings dialog.
if (args)
this.syncConfigureArgs_ = args;
// Once the advanced sync settings dialog is visible, we transition
// between its drop-down menu items as follows:
// "Sync everything": Show encryption and passphrase sections, and disable
// and check all data type checkboxes.
// "Sync nothing": Hide encryption and passphrase sections, and disable
// and uncheck all data type checkboxes.
// "Choose what to sync": Show encryption and passphrase sections, enable
// data type checkboxes, and restore their checked state to the last time
// the "Choose what to sync" was selected while the dialog was still up.
datatypeSelect.onchange = function() {
if (this.selectedIndex == options.DataTypeSelection.SYNC_NOTHING) {
self.showSyncNothingPage_();
} else {
self.showCustomizePage_(self.syncConfigureArgs_, this.selectedIndex);
if (this.selectedIndex == options.DataTypeSelection.SYNC_EVERYTHING)
self.checkAllDataTypeCheckboxes_(true);
else
self.restoreDataTypeCheckboxes_();
}
};
this.resetPage_('sync-setup-configure');
$('sync-setup-configure').hidden = false;
// onsubmit is changed when submitting a passphrase. Reset it to its
// default.
$('choose-data-types-form').onsubmit = function() {
self.sendConfiguration_();
return false;
};
if (args) {
this.setCheckboxesAndErrors_(args);
this.useEncryptEverything_ = args.encryptAllData;
// Determine whether to display the 'OK, sync everything' confirmation
// dialog or the advanced sync settings dialog, and assign focus to the
// OK button, or to the passphrase field if a passphrase is required.
this.usePassphrase_ = args.usePassphrase;
var index = args.syncAllDataTypes ?
options.DataTypeSelection.SYNC_EVERYTHING :
options.DataTypeSelection.CHOOSE_WHAT_TO_SYNC;
this.showCustomizePage_(args, index);
}
},
/** @private */
showSpinner_: function() {
this.resetPage_('sync-setup-spinner');
$('sync-setup-spinner').hidden = false;
},
/** @private */
showTimeoutPage_: function() {
this.resetPage_('sync-setup-timeout');
$('sync-setup-timeout').hidden = false;
},
/** @private */
showSyncEverythingPage_: function() {
chrome.send('coreOptionsUserMetricsAction',
['Options_SyncSetDefault']);
$('confirm-sync-preferences').hidden = false;
$('customize-sync-preferences').hidden = true;
// Reset the selection to 'Sync everything'.
$('sync-select-datatypes').selectedIndex = 0;
// The default state is to sync everything.
this.setDataTypeCheckboxes_(options.DataTypeSelection.SYNC_EVERYTHING);
// TODO(dbeam): should hide sync-custom-passphrase-container instead?
if (!this.usePassphrase_)
$('sync-custom-passphrase').hidden = true;
if (!this.useEncryptEverything_ && !this.usePassphrase_)
$('basic-encryption-option').checked = true;
},
/**
* Reveals the UI for when the user chooses not to sync any data types.
* This happens when the user signs in and selects "Sync nothing" in the
* advanced sync settings dialog.
* @private
*/
showSyncNothingPage_: function() {
// Reset the selection to 'Sync nothing'.
$('sync-select-datatypes').selectedIndex =
options.DataTypeSelection.SYNC_NOTHING;
// Uncheck and disable the individual data type checkboxes.
this.checkAllDataTypeCheckboxes_(false);
this.setDataTypeCheckboxesEnabled_(false);
// Hide the encryption section.
$('customize-sync-encryption-new').hidden = true;
$('sync-custom-passphrase-container').hidden = true;
$('sync-existing-passphrase-container').hidden = true;
// Hide the "use default settings" link.
$('use-default-link').hidden = true;
},
/**
* Reveals the UI for entering a custom passphrase during initial setup.
* This happens if the user has previously enabled a custom passphrase on a
* different machine.
* @param {SyncConfig} args The args that contain the passphrase UI
* configuration.
* @private
*/
showPassphraseContainer_: function(args) {
// Once we require a passphrase, we prevent the user from returning to
// the Sync Everything pane.
$('use-default-link').hidden = true;
$('sync-custom-passphrase-container').hidden = true;
$('sync-existing-passphrase-container').hidden = false;
// Hide the selection options within the new encryption section when
// prompting for a passphrase.
$('sync-new-encryption-section-container').hidden = true;
$('normal-body').hidden = true;
$('google-passphrase-needed-body').hidden = true;
// Display the correct prompt to the user depending on what type of
// passphrase is needed.
if (args.usePassphrase)
$('normal-body').hidden = false;
else
$('google-passphrase-needed-body').hidden = false;
$('passphrase-learn-more').hidden = false;
// Warn the user about their incorrect passphrase if we need a passphrase
// and the passphrase field is non-empty (meaning they tried to set it
// previously but failed).
$('incorrect-passphrase').hidden =
!(args.usePassphrase && args.passphraseFailed);
$('sync-passphrase-warning').hidden = false;
},
/**
* Displays the advanced sync setting dialog, and pre-selects either the
* "Sync everything" or the "Choose what to sync" drop-down menu item.
* @param {SyncConfig} args
* @param {options.DataTypeSelection} index Index of item to pre-select.
* @private
*/
showCustomizePage_: function(args, index) {
$('confirm-sync-preferences').hidden = true;
$('customize-sync-preferences').hidden = false;
$('sync-custom-passphrase-container').hidden = false;
$('sync-new-encryption-section-container').hidden = false;
$('customize-sync-encryption-new').hidden = !args.encryptAllDataAllowed;
$('sync-existing-passphrase-container').hidden = true;
$('sync-select-datatypes').selectedIndex = index;
this.setDataTypeCheckboxesEnabled_(
index == options.DataTypeSelection.CHOOSE_WHAT_TO_SYNC);
if (args.showPassphrase) {
this.showPassphraseContainer_(args);
// TODO(dbeam): add an #updatePassphrase and only focus with that hash?
$('passphrase').focus();
} else {
// We only show the 'Use Default' link if we're not prompting for an
// existing passphrase.
$('use-default-link').hidden = false;
}
},
/**
* Shows the appropriate sync setup page.
* @param {string} page A page of the sync setup to show.
* @param {SyncConfig} args Data from the C++ to forward on to the right
* section.
*/
showSyncSetupPage_: function(page, args) {
// If the user clicks the OK button, dismiss the dialog immediately, and
// do not go through the process of hiding elements of the overlay.
// See crbug.com/308873.
if (page == 'done') {
this.closeOverlay_();
return;
}
this.setThrobbersVisible_(false);
// Hide an existing visible overlay (ensuring the close button is not
// hidden).
var children = document.querySelectorAll(
'#sync-setup-overlay > *:not(.close-button)');
for (var i = 0; i < children.length; i++)
children[i].hidden = true;
this.setInputElementsDisabledState_(false);
// If new passphrase bodies are present, overwrite the existing ones.
if (args && args.enterPassphraseBody != undefined)
$('normal-body').innerHTML = args.enterPassphraseBody;
if (args && args.enterGooglePassphraseBody != undefined) {
$('google-passphrase-needed-body').innerHTML =
args.enterGooglePassphraseBody;
}
if (args && args.fullEncryptionBody != undefined)
$('full-encryption-body').innerHTML = args.fullEncryptionBody;
// NOTE: Because both showGaiaLogin_() and showConfigure_() change the
// focus, we need to ensure that the overlay container and dialog aren't
// [hidden] (as trying to focus() nodes inside of a [hidden] DOM section
// doesn't work).
this.showOverlay_();
if (page == 'configure' || page == 'passphrase')
this.showConfigure_(args);
else if (page == 'spinner')
this.showSpinner_();
else if (page == 'timeout')
this.showTimeoutPage_();
},
/**
* Changes the visibility of throbbers on this page.
* @param {boolean} visible Whether or not to set all throbber nodes
* visible.
*/
setThrobbersVisible_: function(visible) {
var throbbers = this.pageDiv.getElementsByClassName('throbber');
for (var i = 0; i < throbbers.length; i++)
throbbers[i].style.visibility = visible ? 'visible' : 'hidden';
},
/**
* Reset the state of all descendant elements of a root element to their
* initial state.
* The initial state is specified by adding a class to the descendant
* element in sync_setup_overlay.html.
* @param {string} pageElementId The root page element id.
* @private
*/
resetPage_: function(pageElementId) {
var page = $(pageElementId);
var forEach = function(arr, fn) {
var length = arr.length;
for (var i = 0; i < length; i++) {
fn(arr[i]);
}
};
forEach(page.getElementsByClassName('reset-hidden'),
function(elt) { elt.hidden = true; });
forEach(page.getElementsByClassName('reset-shown'),
function(elt) { elt.hidden = false; });
forEach(page.getElementsByClassName('reset-disabled'),
function(elt) { elt.disabled = true; });
forEach(page.getElementsByClassName('reset-enabled'),
function(elt) { elt.disabled = false; });
forEach(page.getElementsByClassName('reset-value'),
function(elt) { elt.value = ''; });
forEach(page.getElementsByClassName('reset-opaque'),
function(elt) { elt.classList.remove('transparent'); });
},
/**
* Displays the stop syncing dialog.
* @private
*/
showStopSyncingUI_: function() {
// Hide any visible children of the overlay.
var overlay = $('sync-setup-overlay');
for (var i = 0; i < overlay.children.length; i++)
overlay.children[i].hidden = true;
// Bypass PageManager.showPageByName because it will call didShowPage
// which will set its own visible page, based on the flow state.
this.visible = true;
$('sync-setup-stop-syncing').hidden = false;
},
/**
* Determines the appropriate page to show in the Sync Setup UI based on
* the state of the Sync backend. Does nothing if the user is not signed in.
* @private
*/
showSetupUI_: function() {
chrome.send('SyncSetupShowSetupUI');
chrome.send('coreOptionsUserMetricsAction', ['Options_ShowSyncAdvanced']);
},
/**
* Starts the signin process for the user. Does nothing if the user is
* already signed in.
* @private
*/
startSignIn_: function() {
chrome.send('SyncSetupStartSignIn');
},
/**
* Forces user to sign out of Chrome for Chrome OS.
* @private
*/
doSignOutOnAuthError_: function() {
chrome.send('SyncSetupDoSignOutOnAuthError');
},
};
// These methods are for general consumption.
SyncSetupOverlay.closeOverlay = function() {
SyncSetupOverlay.getInstance().closeOverlay_();
};
SyncSetupOverlay.showSetupUI = function() {
SyncSetupOverlay.getInstance().showSetupUI_();
};
SyncSetupOverlay.startSignIn = function() {
SyncSetupOverlay.getInstance().startSignIn_();
};
SyncSetupOverlay.doSignOutOnAuthError = function() {
SyncSetupOverlay.getInstance().doSignOutOnAuthError_();
};
SyncSetupOverlay.showSyncSetupPage = function(page, args) {
SyncSetupOverlay.getInstance().showSyncSetupPage_(page, args);
};
SyncSetupOverlay.showCustomizePage = function(args, index) {
SyncSetupOverlay.getInstance().showCustomizePage_(args, index);
};
SyncSetupOverlay.showStopSyncingUI = function() {
SyncSetupOverlay.getInstance().showStopSyncingUI_();
};
// Export
return {
SyncSetupOverlay: SyncSetupOverlay
};
});
|