[Signin Error Dialog] (1/3) Adds necessary web components

chrome/browser/resources/signin/signin_error/signin_error.js

-/* Copyright 2015 The Chromium Authors. All rights reserved.
+/* 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. */
 
-cr.define('sync.confirmation', function() {
+cr.define('signin.error', function() {
   'use strict';
 
-  function onConfirm(e) {
-    chrome.send('confirm');
-  }
-
-  function onUndo(e) {
-    chrome.send('undo');
-  }
-
-  function onGoToSettings(e) {
-    chrome.send('goToSettings');
-  }
-
   function initialize() {
     document.addEventListener('keydown', onKeyDown);
     $('confirmButton').addEventListener('click', onConfirm);
-    $('undoButton').addEventListener('click', onUndo);
-    $('settingsLink').addEventListener('click', onGoToSettings);
-    $('profile-picture').addEventListener('load', onPictureLoaded);
+    $('closeButton').addEventListener('click', onConfirm);
+    $('switchButton').addEventListener('click', onSwitchToExistingProfile);
+    $('learnMoreLink').addEventListener('click', onLearnMore);
     chrome.send('initializedWithSize', [document.body.scrollHeight]);
   }
 
-  function clearFocus() {
-    document.activeElement.blur();
-  }
-
-  function setUserImageURL(url) {
-    $('profile-picture').src = url;
-  }
-
-  function onPictureLoaded(e) {
-    $('picture-container').classList.add('loaded');
-  }
-
   function onKeyDown(e) {
     // If the currently focused element isn't something that performs an action
     // on "enter" being pressed and the user hits "enter", perform the default
-    // action of the dialog, which is "OK, Got It".
+    // action of the dialog, which is "OK".
     if (e.key == 'Enter' &&
         !/^(A|PAPER-BUTTON)$/.test(document.activeElement.tagName)) {
       $('confirmButton').click();
       e.preventDefault();
     }
   }
 
+  function onConfirm(e) {
+    chrome.send('confirm');
+  }
+
+  function onSwitchToExistingProfile(e) {
+    chrome.send('switchToExistingProfile');
+  }
+
+  function onLearnMore(e) {
+    chrome.send('learnMore');
+  }
+
+  function clearFocus() {
+    document.activeElement.blur();
+  }
+
+  function removeSwitchButton() {
+    $('switchButton').hidden = true;
+    $('closeButton').hidden = true;
+    $('confirmButton').hidden = false;
+  }
+
   return {
+    initialize: initialize,
     clearFocus: clearFocus,
-    initialize: initialize,
-    setUserImageURL: setUserImageURL
+    removeSwitchButton: removeSwitchButton
   };
 });
 
-document.addEventListener('DOMContentLoaded', sync.confirmation.initialize);
+document.addEventListener('DOMContentLoaded', signin.error.initialize);