Moved mobile activation into its own modal dialog

chrome/browser/resources/mobile_setup.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.
 
 
 cr.define('mobile', function() {
 
   function MobileSetup() {
   }
 
@@ skipping 32 matching lines @@
     // UI states.
     state_ : -1,
     STATE_UNKNOWN_: "unknown",
     STATE_CONNECTING_: "connecting",
     STATE_ERROR_: "error",
     STATE_PAYMENT_: "payment",
     STATE_ACTIVATING_: "activating",
     STATE_CONNECTED_: "connected",
 
     initialize: function(frame_name, carrierPage) {
+      this.confirm_ = new cr.ui.dialogs.ConfirmDialog(document.body);
       if (this.initialized_) {
         console.log('calling initialize() again?');
         return;
       }
       this.initialized_ = true;
       self = this;
       this.frameName_ = frame_name;
+
       window.addEventListener('message', function(e) {
           self.onMessageReceived_(e);
       });
+
       $('closeButton').addEventListener('click', function(e) {
-          $('finalStatus').classList.add('hidden');
+        $('finalStatus').classList.add('hidden');
+      });
+
+      $('cancelButton').addEventListener('click', function(e) {
+        if (self.state_ == MobileSetup.PLAN_ACTIVATION_DONE ||
+            self.state_ == MobileSetup.PLAN_ACTIVATION_ERROR) {
+          window.close();
+          return;
+        }
+        self.confirm_.show(
+          MobileSetup.localStrings_.getString('cancel_question'), function() {
+            window.close();
+        });
       });
 
       this.changeState_({state: MobileSetup.PLAN_ACTIVATION_PAGE_LOADING});
       setInterval(mobile.MobileSetup.drawProgress, 100);
       // Kick off activation process.
       chrome.send('startActivation', []);
     },
 
     setupPaymentFrameListener_: function() {
       $(this.frameName_).addEventListener('load', function(e) {
@@ skipping 99 matching lines @@
           $('finalHeader').textContent =
               MobileSetup.localStrings_.getString('completed_header');
           $('finalMessage').textContent =
               MobileSetup.localStrings_.getString('completed_text');
           $('systemStatus').classList.add('hidden');
           $('canvas').classList.add('hidden');
           $('carrierPage').classList.add('hidden');
           $('paymentForm').classList.remove('hidden');
           $('closeButton').classList.remove('hidden');
           $('finalStatus').classList.remove('hidden');
-          if (this.payment_shown_)
+          if (this.payment_shown_) {
             $('closeButton').classList.remove('hidden');
-          else
+          } else {
             $('closeButton').classList.add('hidden');
+            $('cancelButton').textContent =
+                MobileSetup.localStrings_.getString('close_button');

[xiyuan, 2011/10/15 15:56:19]

Why do we need to do this? This should be done automatically by js templater
based on "i18n_content" attribute of "cancelButton".

[zel, 2011/10/18 22:22:16]

The button to close the window changes the title from Cancel to Close once we
finish the activation.

+          }
           break;
         case MobileSetup.PLAN_ACTIVATION_ERROR:
           $('statusHeader').textContent = '';
           $('auxHeader').textContent = '';
           $('finalHeader').textContent =
               MobileSetup.localStrings_.getString('error_header');
           $('finalMessage').textContent = deviceInfo.error;
           $('systemStatus').classList.add('hidden');
           $('canvas').classList.add('hidden');
           $('carrierPage').classList.add('hidden');
           $('paymentForm').classList.remove('hidden');
-          if (this.payment_shown_)
+          if (this.payment_shown_) {
             $('closeButton').classList.remove('hidden');
-          else
+          } else {
             $('closeButton').classList.add('hidden');
+            $('cancelButton').textContent =
+                MobileSetup.localStrings_.getString('close_button');
+          }
           $('finalStatus').classList.remove('hidden');
           break;
       }
       this.state_ = new_state;
     },
 
     updateDeviceStatus_: function(deviceInfo) {
       this.changeState_(deviceInfo);
     },
 
@@ skipping 66 matching lines @@
         mobile.MobileSetup.ACTIVATION_PAGE_URL);
   };
 
   // Export
   return {
     MobileSetup: MobileSetup
   };
 
 });