[ChromeOS] WebUI OOBE/Login refactoring.

chrome/browser/resources/login.js

 // Copyright (c) 2011 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.
 
 /**
  * @fileoverview Login Screen
  * This is the main code for the login screen.
  */
 
 /**
@@ skipping 104 matching lines @@
       // Make a deep copy of the template and clear its ID
       var containerElement = this.userCardTemplate_.cloneNode(true);
       this.userCardTemplate_.id = null;
 
       var userElement = containerElement.getElementsByClassName('user')[0];
       assert(userElement, 'Expected user-template to have a user child');
       assert(typeof(user.name) == 'string',
             'Expected every user to have a name.');
 
       userElement.setAttribute('display-name', user.name);
-      userElement.setAttribute('user-name', user.email_address);
+      userElement.setAttribute('user-name', user.emailAddress);
       userElement.setAttribute('user-index', index);
 
       // Find the span element (if any) and fill it in with the app name
       var span = userElement.querySelector('span');
       if (span)
         span.textContent = user.name;
 
       // Fill in the image
       var userImg = userElement.getElementsByClassName('user-image')[0];
       if (userImg) {
-        userImg.style.backgroundImage = "url('" + user.image_url + "')";
+        userImg.style.backgroundImage = "url('" + user.imageUrl + "')";
         // We put a click handler just on the user image - so clicking on the
         // margins between users doesn't do anything
         var self = this;
         this.userEvents_.add(userImg, 'click', function(e) {
           self.userClick(e);
         }, false);
       }
       var userLoginBox =
           userElement.getElementsByClassName('user-login-box')[0];
       var guestLoginBox =
@@ skipping 18 matching lines @@
         containerElement.addEventListener(Slider.EventType.ACTIVATE,
                                           this.guestActivateCard);
         containerElement.addEventListener(Slider.EventType.DEACTIVATE,
                                           this.guestDeactivateCard);
 
         userLoginBox.hidden = true;
 
         var loginButton =
           guestLoginBox.getElementsByClassName('loginbutton')[0];
         loginButton.addEventListener('click', function(e) {
-          chrome.send('LaunchIncognito', []);
+          chrome.send('launchIncognito', []);
           // Don't allow the click to trigger a link or anything
           e.preventDefault();
           // Prevent the user-frame from receiving the event.
           e.stopPropagation();
         }, true);
       }
 
       // Insert at the end of the provided page
       parent.appendChild(containerElement);
       // Display the container element
@@ skipping 95 matching lines @@
       $('user-list').removeChild(userCard);
 
       // Update the user indicies
       var usersOnList = $('user-list').getElementsByClassName('user-card');
       for (var userIndex = 0; userIndex < usersOnList.length; userIndex++) {
         var uElement = usersOnList[userIndex].getElementsByClassName('user')[0];
         uElement.setAttribute('user-index', userIndex);
       }
       this.updateSliderCards();
 
-      chrome.send('RemoveUser', [getUserName(userElement)]);
+      chrome.send('removeUser', [getUserName(userElement)]);
     },
 
     /**
      * Invoked when the user card is activated.
      * @param {Event} e The Activate Card event
      */
     userActivateCard: function(e) {
       var card = e.target;
       var user = card.getElementsByClassName('user')[0];
       assert(user, 'user element not found');
@@ skipping 110 matching lines @@
             'The parent element is not a user element.');
 
         var userImg = userElement.getElementsByClassName('user-image')[0];
         var userLoginBox =
             userElement.getElementsByClassName('user-login-box')[0];
         var passwordBox = userLoginBox.getElementsByClassName('passwordbox')[0];
 
         var userName = getUserName(userElement);
         var password = passwordBox.value;
         if (password.length > 0) {
-          chrome.send('AuthenticateUser', [userName, password]);
+          chrome.send('authenticateUser', [userName, password]);
           return false;
         }
       }
       return true;
     },
 
     loginKeyDown: function(e) {
       switch (e.keyCode) {
         // shift key down
         case 16:
@@ skipping 33 matching lines @@
           break;
         case 'B':
           if (this.isAltPressed_) {
             var guestElement =
               this.guestCard_.getElementsByClassName('user')[0];
             var guestIndex = guestElement.getAttribute('user-index');
             assert(guestIndex, 'unexpected user without userIndex');
             this.slider.currentCardIndex = guestIndex;
             setTimeout(function() {
               // TODO(fsamuel): Make this call a common function.
-              chrome.send('LaunchIncognito', []);
+              chrome.send('launchIncognito', []);
             }, 50);
           }
           break;
         default:
           switch (e.keyCode) {
             // enter pressed.
             case 13:
               if (this.slider.currentCard == guestCard_) {
                 // TODO(fsamuel): Enter Incognito mode
               }
@@ skipping 116 matching lines @@
         e.stopPropagation();
         if (e.keyCode == 13) {
           if (emailBox.value.length > 0) {
             passwordBox.focus();
           }
         }
       });
 
       passwordBox.addEventListener('keypress', function(e) {
         if (e.keyCode == 13) {
-          chrome.send('AuthenticateUser', [emailBox.value, passwordBox.value]);
+          chrome.send('authenticateUser', [emailBox.value, passwordBox.value]);
         }
       }, true);
     },
 
     initialize: function() {
       this.userEvents_ = new EventTracker();
       // Request data on the users so we can fill them in.
       // Note that this is kicked off asynchronously.  'getUsersCallback' will
       // be invoked at some point after this function returns.
-      chrome.send('GetUsers');
+      chrome.send('getUsers');
 
       // Prevent touch events from triggering any sort of native scrolling
       document.addEventListener('touchmove', function(e) {
         e.preventDefault();
       }, true);
 
       this.userCardTemplate_ = $('user-template');
       this.userCardTemplate_.id = null;
       $('user-list').removeChild(this.userCardTemplate_);
       $('user-frame').addEventListener(Slider.EventType.SELECTION_CHANGED,
@@ skipping 26 matching lines @@
 var getUsersCallback = null;
 
 document.addEventListener('DOMContentLoaded', function() {
   var loginScreenObj = new LoginScreen();
   getUsersCallback = function(users) {
     // call with the appropriate this.
     loginScreenObj.getUsersCallback(users);
   }
   loginScreenObj.initialize();
 }, false);