arc: Support managed Arc and managed Location Service and B&R consents.

chrome/browser/resources/chromeos/arc_support/background.js

 // Copyright 2016 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.
 
 /**
  * UI Pages. Note the order must be in sync with the ArcAuthService::UIPage
  * enum.
  * @type {Array<string>}
  */
 var UI_PAGES = ['none',
@@ skipping 48 matching lines @@
  */
 var currentDeviceId = null;
 
 /**
  * Indicates that terms were accepted by user.
  * @type {boolean}
  */
 var termsAccepted = false;
 
 /**
+ * Indicates that current user has managed Arc.
+ * @type {boolean}
+ */
+var arcManaged = false;
+
+/**
+ * Tooltip text used in 'controlled by policy' indicator.
+ * @type {boolean}
+ */
+var controlledByPolicyText = '';
+
+/**
  * Host window inner default width.
  * @const {number}
  */
 var INNER_WIDTH = 960;
 
 /**
  * Host window inner default height.
  * @const {number}
  */
 var INNER_HEIGHT = 688;
@@ skipping 13 matching lines @@
  * Sends a native message to ArcSupportHost.
  * @param {string} code The action code in message.
  * @param {Object=} opt_Props Extra properties for the message.
  */
 function sendNativeMessage(code, opt_Props) {
   var message = Object.assign({'action': code}, opt_Props);
   port.postMessage(message);
 }
 
 /**
+ * Helper function that sets inner content for an option which includes text,
+ * link to 'learn more' section. This also creates an indicator showing that
+ * option is controlled by policy and inserts it before link element.
+ * @param {string} textId Id of the label element to process.
+ * @param {string} learnMoreLinkId Id inner link to 'learn more' element.
+ * @param {string} indicatorId Id of indicator to create.
+ * @param {string} text Inner text to set. Includes link declaration.
+ */
+function createConsentOption(textId, learnMoreLinkId, indicatorId, text) {
+  var doc = appWindow.contentWindow.document;
+  var textElement = doc.getElementById(textId);
+  textElement.innerHTML = text;
+  var linkLearnMoreElement = doc.getElementById(learnMoreLinkId);
+  linkLearnMoreElement.addEventListener('click', onLearnMore);
+
+  // Create controlled by policy indicator.
+  var policyIndicator = new appWindow.contentWindow.cr.ui.ControlledIndicator();
+  policyIndicator.id = indicatorId;
+  policyIndicator.getBubbleText = function() {
+    return controlledByPolicyText;
+  };
+  textElement.insertBefore(policyIndicator, linkLearnMoreElement);
+}
+
+/**
  * Applies localization for html content and sets terms webview.
  * @param {!Object} data Localized strings and relevant information.
  * @param {string} deviceId Current device id.
  */
 function initialize(data, deviceId) {
   currentDeviceId = deviceId;
   var doc = appWindow.contentWindow.document;
   var loadTimeData = appWindow.contentWindow.loadTimeData;
   loadTimeData.data = data;
   appWindow.contentWindow.i18nTemplate.process(doc, loadTimeData);
   var countryCode = data.countryCode.toLowerCase();
-  setBackupRestoreMode(data.textBackupRestore, data.backupRestoreEnabled);
-  setLocationServiceMode(data.textLocationService, data.locationServiceEnabled);
+  controlledByPolicyText = data.controlledByPolicy;
+  arcManaged = data.arcManaged;
+  setTermsVisible(!arcManaged);
+
+  createConsentOption('text-backup-restore',
+                      'learn-more-link-backup-restore',
+                      'policy-indicator-backup-restore',
+                      data.textBackupRestore);
+  createConsentOption('text-location-service',
+                      'learn-more-link-location-service',
+                      'policy-indicator-location-service',
+                      data.textLocationService);
 
   var scriptSetCountryCode = 'document.countryCode = \'' + countryCode + '\';';
   termsView.addContentScripts([
       { name: 'preProcess',
         matches: ['https://play.google.com/*'],
         js: { code: scriptSetCountryCode },
         run_at: 'document_start'
       },
       { name: 'postProcess',
         matches: ['https://play.google.com/*'],
@@ skipping 37 matching lines @@
   doc.getElementById('settings-link').addEventListener('click', onSettings);
   doc.getElementById('learn-more-link-metrics').addEventListener('click',
       onLearnMore);
 
   // Applying metrics mode changes page layout, update terms height.
   updateTermsHeight();
 }
 
 /**
  * Sets current backup and restore mode.
- * @param {string} text String used to display next to checkbox.
- * @param {boolean} defaultCheckValue Defines the default value for backup and
- *     restore checkbox.
+ * @param {boolean} enabled Defines the value for backup and restore checkbox.
+ * @param {boolean} managed Defines whether this setting is set by policy.
  */
-function setBackupRestoreMode(text, defaultCheckValue) {
+function setBackupRestoreMode(enabled, managed) {
   var doc = appWindow.contentWindow.document;
-  doc.getElementById('enable-backup-restore').checked = defaultCheckValue;
-
-  doc.getElementById('text-backup-restore').innerHTML = text;
-  doc.getElementById('learn-more-link-backup-restore').addEventListener('click',
-      onLearnMore);
+  doc.getElementById('enable-backup-restore').checked = enabled;
+  doc.getElementById('enable-backup-restore').disabled = managed;
+  doc.getElementById('text-backup-restore').disabled = managed;
+  var policyIconElement = doc.getElementById('policy-indicator-backup-restore');
+  if (managed) {
+    policyIconElement.setAttribute('controlled-by', 'policy');
+  } else {
+    policyIconElement.removeAttribute('controlled-by');
+  }
 }
 
 /**
  * Sets current usage of location service opt in mode.
- * @param {string} text String used to display next to checkbox.
- * @param {boolean} defaultCheckValue Defines the default value for location
- *     service opt in.
+ * @param {boolean} enabled Defines the value for location service opt in.
+ * @param {boolean} managed Defines whether this setting is set by policy.
  */
-function setLocationServiceMode(text, defaultCheckValue) {
+function setLocationServiceMode(enabled, managed) {
   var doc = appWindow.contentWindow.document;
-  doc.getElementById('enable-location-service').checked = defaultCheckValue;
-
-  doc.getElementById('text-location-service').innerHTML = text;
-  doc.getElementById('learn-more-link-location-service').
-      addEventListener('click', onLearnMore);
+  doc.getElementById('enable-location-service').checked = enabled;
+  doc.getElementById('enable-location-service').disabled = managed;
+  doc.getElementById('text-location-service').disabled = managed;
+  var policyIconElement = doc.getElementById(
+      'policy-indicator-location-service');
+  if (managed) {
+    policyIconElement.setAttribute('controlled-by', 'policy');
+  } else {
+    policyIconElement.removeAttribute('controlled-by');
+  }
 }
 
 /**
+ * Sets visibility of Terms of Service.
+ * @param {boolean} visible Whether the Terms of Service visible or not.
+ */
+function setTermsVisible(visible) {
+  var doc = appWindow.contentWindow.document;
+  var styleVisibility = visible ? 'visible' : 'hidden';
+  doc.getElementById('terms-title').style.visibility = styleVisibility;
+  doc.getElementById('terms-container').style.visibility = styleVisibility;
+}
+
+/**
  * Updates terms view height manually because webview is not automatically
  * resized in case parent div element gets resized.
  */
 function updateTermsHeight() {
   var setTermsHeight = function() {
     var doc = appWindow.contentWindow.document;
     var termsContainer = doc.getElementById('terms-container');
     // Reset terms-view height in order to stabilize style computation. For
     // some reason, child webview affects final result.
     termsView.style.height = '0px';
@@ skipping 15 matching lines @@
 
   if (!appWindow) {
     console.warn('Received native message when window is not available.');
     return;
   }
 
   if (message.action == 'initialize') {
     initialize(message.data, message.deviceId);
   } else if (message.action == 'setMetricsMode') {
     setMetricsMode(message.text, message.canEnable, message.on);
+  } else if (message.action == 'setBackupAndRestoreMode') {
+    setBackupRestoreMode(message.enabled, message.managed);
+  } else if (message.action == 'setLocationServiceMode') {
+    setLocationServiceMode(message.enabled, message.managed);
   } else if (message.action == 'closeUI') {
     closeWindowInternally();
   } else if (message.action == 'showPage') {
     showPageWithStatus(message.page, message.status);
   } else if (message.action == 'setWindowBounds') {
     setWindowBounds();
   }
 }
 
 /**
@@ skipping 36 matching lines @@
 
   if (pageDivId == 'lso-loading') {
     lsoView.src = 'https://accounts.google.com/o/oauth2/v2/auth?client_id=' +
                   '1070009224336-sdh77n7uot3oc99ais00jmuft6sk2fg9.apps.' +
                   'googleusercontent.com&response_type=code&redirect_uri=oob&' +
                   'scope=https://www.google.com/accounts/OAuthLogin&' +
                   'device_type=arc_plus_plus&device_id=' + currentDeviceId +
                   '&hl=' + navigator.language;
   }
   appWindow.show();
+  if (pageDivId == 'terms') {

[khmel, 2016/08/12 20:33:23]

Now showing 'terms' is called from 2 places. So I added updateTermsHeight here
in order not to duplicate code.

+    updateTermsHeight();
+  }
 }
 
 /**
  * Sets error message.
  * @param {string} error message.
  */
 function setErrorMessage(error) {
   if (!appWindow) {
     return;
   }
   var doc = appWindow.contentWindow.document;
   var messageElement = doc.getElementById('error-message');
   messageElement.innerText = error;
 }
 
 /**
  * Shows requested page.
  * @param {int} pageId Index of the page to show. Must be in the array range of
  * UI_PAGES.
  * @param {string} status associated with page string status, error message for
  *                        example.
  */
 function showPageWithStatus(pageId, status) {
   if (!appWindow) {
     return;
   }
 
   if (UI_PAGES[pageId] == 'terms-loading') {
-    termsAccepted = false;
+    termsAccepted = arcManaged;
+    if (termsAccepted) {
+      showPage('terms');
+      return;
+    }
     loadInitialTerms();
   } else {
     // Explicit request to start not from start page. Assume terms are
     // accepted in this case.
     termsAccepted = true;
   }
 
   if (UI_PAGES[pageId] == 'error' ||
       UI_PAGES[pageId] == 'error-with-feedback') {
     setErrorMessage(status);
@@ skipping 123 matching lines @@
           'serverError'));
       showPage('error');
       termsError = true;
     };
 
     var onTermsViewContentLoad = function() {
       if (termsError) {
         return;
       }
       showPage('terms');
-      updateTermsHeight();
     };
 
     termsView.request.onBeforeRequest.addListener(onTermsViewBeforeRequest,
                                                   requestFilter);
     termsView.request.onErrorOccurred.addListener(onTermsViewErrorOccurred,
                                                   requestFilter);
     termsView.addEventListener('contentload', onTermsViewContentLoad);
 
 
     // webview is not allowed to open links in the new window. Hook these events
@@ skipping 87 matching lines @@
       type: 'chrome',
       color: '#ffffff'
     },
     'innerBounds': {
       'width': INNER_WIDTH,
       'height': INNER_HEIGHT
     }
   };
   chrome.app.window.create('main.html', options, onWindowCreated);
 });