chrome/browser/resources/options/supervised_user_import.js

   1 // Copyright 2014 The Chromium Authors. All rights reserved.
   2 // Use of this source code is governed by a BSD-style license that can be
   3 // found in the LICENSE file.
   4
   5 cr.define('options', function() {
   6   var Page = cr.ui.pageManager.Page;
   7   var PageManager = cr.ui.pageManager.PageManager;
   8   var ArrayDataModel = cr.ui.ArrayDataModel;
   9
  10   /**
  11    * SupervisedUserImportOverlay class.
  12    * Encapsulated handling of the 'Import existing supervised user' overlay
  13    * page.
  14    * @constructor
  15    * @extends {cr.ui.pageManager.Page}
  16    */
  17   function SupervisedUserImportOverlay() {
  18     var title = loadTimeData.getString('supervisedUserImportTitle');
  19     Page.call(this, 'supervisedUserImport', title, 'supervised-user-import');
  20   };
  21
  22   cr.addSingletonGetter(SupervisedUserImportOverlay);
  23
  24   SupervisedUserImportOverlay.prototype = {
  25     // Inherit from Page.
  26     __proto__: Page.prototype,
  27
  28     /** @override */
  29     canShowPage: function() {
  30       return !BrowserOptions.getCurrentProfile().isSupervised;
  31     },
  32
  33     /** @override */
  34     initializePage: function() {
  35       Page.prototype.initializePage.call(this);
  36
  37       var supervisedUserList = $('supervised-user-list');
  38       options.supervisedUserOptions.SupervisedUserList.decorate(
  39           supervisedUserList);
  40
  41       var avatarGrid = $('select-avatar-grid');
  42       options.ProfilesIconGrid.decorate(avatarGrid);
  43       var avatarIcons = loadTimeData.getValue('avatarIcons');
  44       avatarGrid.dataModel = new ArrayDataModel(avatarIcons);
  45
  46       supervisedUserList.addEventListener('change', function(event) {
  47         var supervisedUser = supervisedUserList.selectedItem;
  48         if (!supervisedUser)
  49           return;
  50
  51         $('supervised-user-import-ok').disabled =
  52           supervisedUserList.selectedItem.onCurrentDevice;
  53       });
  54
  55       var self = this;
  56       $('supervised-user-import-cancel').onclick = function(event) {
  57         if (self.inProgress_) {
  58           self.updateImportInProgress_(false);
  59
  60           // 'cancelCreateProfile' is handled by CreateProfileHandler.
  61           chrome.send('cancelCreateProfile');
  62         }
  63         PageManager.closeOverlay();
  64       };
  65
  66       $('supervised-user-import-ok').onclick =
  67           this.showAvatarGridOrSubmit_.bind(this);
  68       $('supervised-user-select-avatar-ok').onclick =
  69           this.showAvatarGridOrSubmit_.bind(this);
  70     },
  71
  72     /**
  73      * @override
  74      */
  75     didShowPage: function() {
  76       // When the import link is clicked to open this overlay, it is hidden in
  77       // order to trigger a cursor update. We can show the import link again
  78       // now. TODO(akuegel): Remove this temporary fix when crbug/246304 is
  79       // resolved.
  80       $('import-existing-supervised-user-link').hidden = false;
  81
  82       options.SupervisedUserListData.requestExistingSupervisedUsers().then(
  83           this.receiveExistingSupervisedUsers_, this.onSigninError_.bind(this));
  84       options.SupervisedUserListData.addObserver(this);
  85
  86       this.updateImportInProgress_(false);
  87       $('supervised-user-import-error-bubble').hidden = true;
  88       $('supervised-user-import-ok').disabled = true;
  89       this.showAppropriateElements_(/* isSelectAvatarMode */ false);
  90     },
  91
  92     /**
  93      * @override
  94      */
  95     didClosePage: function() {
  96       options.SupervisedUserListData.removeObserver(this);
  97     },
  98
  99     /**
 100      * Shows either the supervised user import dom elements or the select avatar
 101      * dom elements.
 102      * @param {boolean} isSelectAvatarMode True if the overlay should show the
 103      *     select avatar grid, and false if the overlay should show the
 104      *     supervised user list.
 105      * @private
 106      */
 107     showAppropriateElements_: function(isSelectAvatarMode) {
 108       var avatarElements =
 109           this.pageDiv.querySelectorAll('.supervised-user-select-avatar');
 110       for (var i = 0; i < avatarElements.length; i++)
 111         avatarElements[i].hidden = !isSelectAvatarMode;
 112       var importElements =
 113           this.pageDiv.querySelectorAll('.supervised-user-import');
 114       for (var i = 0; i < importElements.length; i++)
 115         importElements[i].hidden = isSelectAvatarMode;
 116     },
 117
 118     /**
 119      * Called when the user clicks the "OK" button. In case the supervised
 120      * user being imported has no avatar in sync, it shows the avatar
 121      * icon grid. In case the avatar grid is visible or the supervised user
 122      * already has an avatar stored in sync, it proceeds with importing
 123      * the supervised user.
 124      * @private
 125      */
 126     showAvatarGridOrSubmit_: function() {
 127       var supervisedUser = $('supervised-user-list').selectedItem;
 128       if (!supervisedUser)
 129         return;
 130
 131       $('supervised-user-import-error-bubble').hidden = true;
 132
 133       if ($('select-avatar-grid').hidden && supervisedUser.needAvatar) {
 134         this.showAvatarGridHelper_();
 135         return;
 136       }
 137
 138       var avatarUrl = supervisedUser.needAvatar ?
 139           $('select-avatar-grid').selectedItem : supervisedUser.iconURL;
 140
 141       this.updateImportInProgress_(true);
 142
 143       // 'createProfile' is handled by CreateProfileHandler.
 144       chrome.send('createProfile', [supervisedUser.name, avatarUrl,
 145                                     false, true, supervisedUser.id]);
 146     },
 147
 148     /**
 149      * Hides the 'supervised user list' and shows the avatar grid instead.
 150      * It also updates the overlay text and title to instruct the user
 151      * to choose an avatar for the supervised user.
 152      * @private
 153      */
 154     showAvatarGridHelper_: function() {
 155       this.showAppropriateElements_(/* isSelectAvatarMode */ true);
 156       $('select-avatar-grid').redraw();
 157       $('select-avatar-grid').selectedItem =
 158           loadTimeData.getValue('avatarIcons')[0];
 159     },
 160
 161     /**
 162      * Updates the UI according to the importing state.
 163      * @param {boolean} inProgress True to indicate that
 164      *     importing is in progress and false otherwise.
 165      * @private
 166      */
 167     updateImportInProgress_: function(inProgress) {
 168       this.inProgress_ = inProgress;
 169       $('supervised-user-import-ok').disabled = inProgress;
 170       $('supervised-user-select-avatar-ok').disabled = inProgress;
 171       $('supervised-user-list').disabled = inProgress;
 172       $('select-avatar-grid').disabled = inProgress;
 173       $('supervised-user-import-throbber').hidden = !inProgress;
 174     },
 175
 176     /**
 177      * Sets the data model of the supervised user list to |supervisedUsers|.
 178      * @param {Array<{id: string, name: string, iconURL: string,
 179      *     onCurrentDevice: boolean, needAvatar: boolean}>} supervisedUsers
 180      *     Array of supervised user objects.
 181      * @private
 182      */
 183     receiveExistingSupervisedUsers_: function(supervisedUsers) {
 184       supervisedUsers.sort(function(a, b) {
 185         if (a.onCurrentDevice != b.onCurrentDevice)
 186           return a.onCurrentDevice ? 1 : -1;
 187         return a.name.localeCompare(b.name);
 188       });
 189
 190       $('supervised-user-list').dataModel = new ArrayDataModel(supervisedUsers);
 191       if (supervisedUsers.length == 0) {
 192         this.onError_(loadTimeData.getString('noExistingSupervisedUsers'));
 193         $('supervised-user-import-ok').disabled = true;
 194       } else {
 195         // Hide the error bubble.
 196         $('supervised-user-import-error-bubble').hidden = true;
 197       }
 198     },
 199
 200     onSigninError_: function() {
 201       $('supervised-user-list').dataModel = null;
 202       this.onError_(loadTimeData.getString('supervisedUserImportSigninError'));
 203     },
 204
 205     /**
 206      * Displays an error message if an error occurs while
 207      * importing a supervised user.
 208      * Called by BrowserOptions via the BrowserOptionsHandler.
 209      * @param {string} error The error message to display.
 210      * @private
 211      */
 212     onError_: function(error) {
 213       var errorBubble = $('supervised-user-import-error-bubble');
 214       errorBubble.hidden = false;
 215       errorBubble.textContent = error;
 216       this.updateImportInProgress_(false);
 217     },
 218
 219     /**
 220      * Closes the overlay if importing the supervised user was successful. Also
 221      * reset the cached list of supervised users in order to get an updated list
 222      * when the overlay is reopened.
 223      * @private
 224      */
 225     onSuccess_: function() {
 226       this.updateImportInProgress_(false);
 227       options.SupervisedUserListData.resetPromise();
 228       PageManager.closeAllOverlays();
 229     },
 230   };
 231
 232   // Forward public APIs to private implementations.
 233   cr.makePublic(SupervisedUserImportOverlay, [
 234     'onError',
 235     'onSuccess',
 236   ]);
 237
 238   // Export
 239   return {
 240     SupervisedUserImportOverlay: SupervisedUserImportOverlay,
 241   };
 242 });