arc: Use v2/auth LSO page.

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

Index: chrome/browser/resources/chromeos/arc_support/background.js
diff --git a/chrome/browser/resources/chromeos/arc_support/background.js b/chrome/browser/resources/chromeos/arc_support/background.js
index 56c757621c4fa5b49c18e9a4c8c27449ca0f24a1..383fda9d0416204412b7144914dbbfd1ec72452c 100644
--- a/chrome/browser/resources/chromeos/arc_support/background.js
+++ b/chrome/browser/resources/chromeos/arc_support/background.js
@@ -52,9 +52,10 @@ function closeWindowInternally() {
 /**
  * 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) {
-  message = {'action': code};
+function sendNativeMessage(code, opt_Props) {
+  var message = Object.assign({'action': code}, opt_Props);
   port.postMessage(message);
 }
 
@@ -124,15 +125,28 @@ function showPage(pageDivId) {
   }
 
   if (pageDivId == 'lso-loading') {
-    webview.src = 'https://accounts.google.com/o/oauth2/programmatic_auth?' +
-                  'scope=https://www.google.com/accounts/OAuthLogin&client_id' +
-                  '=1070009224336-sdh77n7uot3oc99ais00jmuft6sk2fg9.apps.' +
-                  'googleusercontent.com';
+    webview.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';
   }
   appWindow.show();
 }
 
 /**
+ * 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.
@@ -145,9 +159,7 @@ function showPageWithStatus(pageId, status) {
   }
 
   if (UI_PAGES[pageId] == 'error') {
-    var doc = appWindow.contentWindow.document;
-    var messageElement = doc.getElementById('error-message');
-    messageElement.innerText = status;
+    setErrorMessage(status);
   }
   showPage(UI_PAGES[pageId]);
 }
@@ -157,30 +169,53 @@ chrome.app.runtime.onLaunched.addListener(function() {
     var doc = appWindow.contentWindow.document;
     webview = doc.getElementById('arc-support');
 
-    var onWebviewRequestCompleted = function(details) {
-      showPage('lso');
-      var resultUrlPrefix =
-          'https://accounts.google.com/o/oauth2/programmatic_auth?';
-      if (details.statusCode == 200 &&
-          details.url.substring(0, resultUrlPrefix.length) == resultUrlPrefix) {
-        sendNativeMessage('checkAuthCode');
+    var isApprovalResponse = function(url) {
+      var resultUrlPrefix = 'https://accounts.google.com/o/oauth2/approval?';
+      return url.substring(0, resultUrlPrefix.length) == resultUrlPrefix;
+    };
+
+    var onWebviewRequestResponseStarted = function(details) {
+      if (isApprovalResponse(details.url)) {
+        showPage('arc-loading');
       }
     };
 
+    var onWebviewContentLoad = function() {
+      if (!isApprovalResponse(webview.src)) {
+        // Show LSO page when its content is ready.
+        showPage('lso');
+        return;
+      }
+
+      webview.executeScript({code: 'document.title;'}, function(results) {
+        var authCodePrefix = 'Success code=';
+        if (results[0].substring(0, authCodePrefix.length) ==
+            authCodePrefix) {
+          var authCode = results[0].substring(authCodePrefix.length);
+          sendNativeMessage('setAuthCode', {code: authCode});
+        } else {
+          setErrorMessage(appWindow.contentWindow.loadTimeData.getString(
+              'authorizationFailed'));
+          showPage('error');
+        }
+      });
+    };
+
     var requestFilter = {
       urls: ['<all_urls>'],
       types: ['main_frame']
     };
 
-    webview.request.onCompleted.addListener(onWebviewRequestCompleted,
-        requestFilter);
+    webview.request.onResponseStarted.addListener(
+        onWebviewRequestResponseStarted, requestFilter);
+    webview.addEventListener('contentload', onWebviewContentLoad);
 
     var onGetStarted = function() {
-      sendNativeMessage('checkAuthCode');
+      sendNativeMessage('startLSO');
     };
 
     var onRetry = function() {
-      sendNativeMessage('checkAuthCode');
+      sendNativeMessage('startLSO');
     };
 
     doc.getElementById('get-started').addEventListener('click', onGetStarted);