Creates GCP promo for ChromeOS users with no cloud printers.

chrome/browser/resources/print_preview/print_preview.js

 // Copyright (c) 2012 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.
 
 // TODO(rltoscano): Move data/* into print_preview.data namespace
 
 var localStrings = new LocalStrings(templateData);
 
 <include src="component.js"/>
 
@@ skipping 268 matching lines @@
 
       this.tracker.add(
           this.destinationStore_,
           print_preview.DestinationStore.EventType.
               SELECTED_DESTINATION_CAPABILITIES_READY,
           this.printIfReady_.bind(this));
       this.tracker.add(
           this.destinationStore_,
           print_preview.DestinationStore.EventType.DESTINATION_SELECT,
           this.onDestinationSelect_.bind(this));
+      this.tracker.add(
+          this.destinationStore_,
+          print_preview.DestinationStore.EventType.DESTINATION_SEARCH_DONE,
+          this.onDestinationSearchDone_.bind(this));
 
       this.tracker.add(
           this.printHeader_,
           print_preview.PrintHeader.EventType.PRINT_BUTTON_CLICK,
           this.onPrintButtonClick_.bind(this));
       this.tracker.add(
           this.printHeader_,
           print_preview.PrintHeader.EventType.CANCEL_BUTTON_CLICK,
           this.onCancelButtonClick_.bind(this));
 
       this.tracker.add(window, 'keydown', this.onKeyDown_.bind(this));
 
       this.tracker.add(
           this.destinationSettings_,
           print_preview.DestinationSettings.EventType.CHANGE_BUTTON_ACTIVATE,
           this.onDestinationChangeButtonActivate_.bind(this));
 
       this.tracker.add(
           this.destinationSearch_,
           print_preview.DestinationSearch.EventType.MANAGE_CLOUD_DESTINATIONS,
           this.onManageCloudDestinationsActivated_.bind(this));
       this.tracker.add(
           this.destinationSearch_,
           print_preview.DestinationSearch.EventType.MANAGE_LOCAL_DESTINATIONS,
           this.onManageLocalDestinationsActivated_.bind(this));
       this.tracker.add(
           this.destinationSearch_,
           print_preview.DestinationSearch.EventType.SIGN_IN,
           this.onCloudPrintSignInActivated_.bind(this));
+
+      this.tracker.add(

[ydolgov1, 2012/10/16 21:44:54]

Why don't you wanna create CloudPrintPromo class that would render template into
an element that user of the class provides and would collect all the clicks and
persist it's state?

[Toscano, 2012/10/16 22:24:14]

Tempting. The first iteration wasn't very complex so it was fine including it in
print_preview.js, but now it has grown a little more complex.

I think it makes sense to move it into separate class, but in a later CL. Before
I do that, I want to abstract some common behavior for all print preview dialogs
(e.g. Destination Search dialog) into a common base class, and have the promo
widget inherit from that.

[ydolgov1, 2012/10/16 22:43:17]

O.k. sounds good, can you add a TODO for now?

On 2012/10/16 22:24:14, Toscano wrote:

[Toscano, 2012/10/16 22:58:44]

Done.

+          this.getChildElement('#no-destinations-promo .close-button'),
+          'click',
+          this.onNoDestinationsPromoClose_.bind(this));
+      this.tracker.add(
+          this.getChildElement('#no-destinations-promo .not-now-button'),
+          'click',
+          this.onNoDestinationsPromoClose_.bind(this));
+      this.tracker.add(
+          this.getChildElement('#no-destinations-promo .add-printer-button'),
+          'click',
+          this.onNoDestinationsPromoClick_.bind(this));
     },
 
     /** @override */
     decorateInternal: function() {
       this.printHeader_.decorate($('print-header'));
       this.destinationSearch_.decorate($('destination-search'));
       this.destinationSettings_.decorate($('destination-settings'));
       this.pageSettings_.decorate($('page-settings'));
       this.copiesSettings_.decorate($('copies-settings'));
       this.layoutSettings_.decorate($('layout-settings'));
       this.colorSettings_.decorate($('color-settings'));
       this.marginSettings_.decorate($('margin-settings'));
       this.otherOptionsSettings_.decorate($('other-options-settings'));
       this.previewArea_.decorate($('preview-area'));
 
+      // Set some of the parameterized text in the no-destinations promotion.
+      var noDestsPromoGcpDescription =
+          this.getChildElement('#no-destinations-promo .gcp-description');
+      noDestsPromoGcpDescription.innerHTML = localStrings.getStringF(
+          'noDestsPromoGcpDesc',
+          '<a target="_blank" href="http://www.google.com/cloudprint/learn/">',
+          '</a>');
+
       setIsVisible($('open-pdf-in-preview-link'), cr.isMac);
     },
 
     /**
      * Sets whether the controls in the print preview are enabled.
      * @param {boolean} isEnabled Whether the controls in the print preview are
      *     enabled.
      * @private
      */
     setIsEnabled_: function(isEnabled) {
@@ skipping 430 matching lines @@
 
     /**
      * Called when a print destination is selected. Shows/hides the "Print with
      * Cloud Print" link in the navbar.
      * @private
      */
     onDestinationSelect_: function() {
       var selectedDest = this.destinationStore_.selectedDestination;
       setIsVisible($('cloud-print-dialog-link'),
                    !cr.isChromeOS && !selectedDest.isLocal);
+    },
+
+    /**
+     * Called when the destination store loads a group of destinations. Shows
+     * a promo on Chrome OS if the user has no print destinations promoting
+     * Google Cloud Print.
+     * @private
+     */
+    onDestinationSearchDone_: function() {
+      var isPromoVisible = cr.isChromeOS &&
+          this.cloudPrintInterface_ &&
+          this.userInfo_.getUserEmail() &&
+          !this.appState_.isGcpPromoDismissed &&
+          !this.destinationStore_.isLocalDestinationsSearchInProgress &&
+          !this.destinationStore_.isCloudDestinationsSearchInProgress &&
+          this.destinationStore_.hasOnlyDefaultCloudDestinations();
+      setIsVisible(this.getChildElement('#no-destinations-promo'),
+                   isPromoVisible);
+      if (isPromoVisible) {
+        this.metrics_.incrementGcpPromoBucket(
+            print_preview.Metrics.GcpPromoBucket.SHOWN);
+      }
+    },
+
+    /**
+     * Called when the close button on the no-destinations-promotion is clicked.
+     * Hides the promotion.
+     * @private
+     */
+    onNoDestinationsPromoClose_: function() {
+      this.metrics_.incrementGcpPromoBucket(
+          print_preview.Metrics.GcpPromoBucket.DISMISSED);
+      setIsVisible(this.getChildElement('#no-destinations-promo'), false);
+      this.appState_.persistIsGcpPromoDismissed(true);
+    },
+
+    /**
+     * Called when the no-destinations promotion link is clicked. Opens the
+     * Google Cloud Print management page and closes the print preview.
+     * @private
+     */
+    onNoDestinationsPromoClick_: function() {
+      this.metrics_.incrementGcpPromoBucket(
+          print_preview.Metrics.GcpPromoBucket.CLICKED);
+      this.appState_.persistIsGcpPromoDismissed(true);
+      window.open(this.cloudPrintInterface_.baseUrl + '?user=' +
+                  this.userInfo_.getUserEmail() + '#printers');
+      this.close_();
     }
   };
 
   // Export
   return {
     PrintPreview: PrintPreview
   };
 });
 
 // Pull in all other scripts in a single shot.
@@ skipping 53 matching lines @@
 <include src="search/recent_destination_list.js"/>
 <include src="search/destination_list_item.js"/>
 <include src="search/destination_search.js"/>
 <include src="search/search_box.js"/>
 <include src="search/fedex_tos.js"/>
 
 window.addEventListener('DOMContentLoaded', function() {
   printPreview = new print_preview.PrintPreview();
   printPreview.initialize();
 });