Add Print Preview UI to accept and reject printer sharing invitations.

chrome/browser/resources/print_preview/search/destination_search.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.
 
 cr.define('print_preview', function() {
   'use strict';
 
   /**
    * Component used for searching for a print destination.
    * This is a modal dialog that allows the user to search and select a
    * destination to print to. When a destination is selected, it is written to
    * the destination store.
    * @param {!print_preview.DestinationStore} destinationStore Data store
    *     containing the destinations to search through.
+   * @param {!print_preview.InvitationStore} invitationStore Data store
+   *     holding printer sharing invitations.
    * @param {!print_preview.UserInfo} userInfo Event target that contains
    *     information about the logged in user.
    * @constructor
    * @extends {print_preview.Overlay}
    */
-  function DestinationSearch(destinationStore, userInfo) {
+  function DestinationSearch(destinationStore, invitationStore, userInfo) {
     print_preview.Overlay.call(this);
 
     /**
      * Data store containing the destinations to search through.
      * @type {!print_preview.DestinationStore}
      * @private
      */
     this.destinationStore_ = destinationStore;
 
     /**
+     * Data store holding printer sharing invitations.
+     * @type {!print_preview.DestinationStore}
+     * @private
+     */
+    this.invitationStore_ = invitationStore;
+
+    /**
      * Event target that contains information about the logged in user.
      * @type {!print_preview.UserInfo}
      * @private
      */
     this.userInfo_ = userInfo;
 
     /**
+     * Currently displayed printer sharing invitation.
+     * @type {print_preview.Invitation}
+     * @private
+     */
+    this.invitation_ = null;
+
+    /**
      * Used to record usage statistics.
      * @type {!print_preview.DestinationSearchMetricsContext}
      * @private
      */
     this.metrics_ = new print_preview.DestinationSearchMetricsContext();
 
     /**
      * Whether or not a UMA histogram for the register promo being shown was
      * already recorded.
      * @type {boolean}
@@ skipping 83 matching lines @@
         this.searchBox_.focus();
         if (getIsVisible(this.getChildElement('.cloudprint-promo'))) {
           this.metrics_.record(
               print_preview.Metrics.DestinationSearchBucket.SIGNIN_PROMPT);
         }
         if (this.userInfo_.initialized)
           this.onUsersChanged_();
         this.reflowLists_();
         this.metrics_.record(
             print_preview.Metrics.DestinationSearchBucket.DESTINATION_SHOWN);
+
+        this.destinationStore_.startLoadAllDestinations();
+        this.invitationStore_.startLoadingInvitations();
       } else {
         // Collapse all destination lists
         this.localList_.setIsShowAll(false);
         this.cloudList_.setIsShowAll(false);
         this.resetSearch_();
       }
     },
 
     /** @override */
     onCancelInternal: function() {
@@ skipping 19 matching lines @@
           this.getChildElement('.account-select'),
           'change',
           this.onAccountChange_.bind(this));
 
       this.tracker.add(
           this.getChildElement('.sign-in'),
           'click',
           this.onSignInActivated_.bind(this));
 
       this.tracker.add(
+          this.getChildElement('.invitation-accept-button'),
+          'click',
+          this.onInvitationProcessButtonClick_.bind(this, true /*accept*/));
+      this.tracker.add(
+          this.getChildElement('.invitation-reject-button'),
+          'click',
+          this.onInvitationProcessButtonClick_.bind(this, false /*accept*/));
+
+      this.tracker.add(
           this.getChildElement('.cloudprint-promo > .close-button'),
           'click',
           this.onCloudprintPromoCloseButtonClick_.bind(this));
       this.tracker.add(
           this.searchBox_,
           print_preview.SearchBox.EventType.SEARCH,
           this.onSearch_.bind(this));
       this.tracker.add(
           this,
           print_preview.DestinationListItem.EventType.SELECT,
@@ skipping 17 matching lines @@
       this.tracker.add(
           this.destinationStore_,
           print_preview.DestinationStore.EventType.DESTINATION_SEARCH_STARTED,
           this.updateThrobbers_.bind(this));
       this.tracker.add(
           this.destinationStore_,
           print_preview.DestinationStore.EventType.DESTINATION_SEARCH_DONE,
           this.onDestinationSearchDone_.bind(this));
 
       this.tracker.add(
+          this.invitationStore_,
+          print_preview.InvitationStore.EventType.INVITATION_SEARCH_DONE,
+          this.updateInvitations_.bind(this));
+      this.tracker.add(
+          this.invitationStore_,
+          print_preview.InvitationStore.EventType.INVITATION_PROCESSED,
+          this.updateInvitations_.bind(this));
+
+      this.tracker.add(
           this.localList_,
           print_preview.DestinationList.EventType.ACTION_LINK_ACTIVATED,
           this.onManageLocalDestinationsActivated_.bind(this));
       this.tracker.add(
           this.cloudList_,
           print_preview.DestinationList.EventType.ACTION_LINK_ACTIVATED,
           this.onManageCloudDestinationsActivated_.bind(this));
 
       this.tracker.add(
           this.userInfo_,
@@ skipping 25 matching lines @@
     /**
      * @return {number} Height available for destination lists, in pixels.
      * @private
      */
     getAvailableListsHeight_: function() {
       var elStyle = window.getComputedStyle(this.getElement());
       return this.getElement().offsetHeight -
           parseInt(elStyle.getPropertyValue('padding-top')) -
           parseInt(elStyle.getPropertyValue('padding-bottom')) -
           this.getChildElement('.lists').offsetTop -
+          this.getChildElement('.invitation-container').offsetHeight -
           this.getChildElement('.cloudprint-promo').offsetHeight;
     },
 
     /**
      * Filters all destination lists with the given query.
      * @param {RegExp} query Query to filter destination lists by.
      * @private
      */
     filterLists_: function(query) {
       this.recentList_.updateSearchQuery(query);
@@ skipping 135 matching lines @@
           this.destinationStore_.isLocalDestinationSearchInProgress);
       this.cloudList_.setIsThrobberVisible(
           this.destinationStore_.isCloudDestinationSearchInProgress);
       this.recentList_.setIsThrobberVisible(
           this.destinationStore_.isLocalDestinationSearchInProgress &&
           this.destinationStore_.isCloudDestinationSearchInProgress);
       this.reflowLists_();
     },
 
     /**
+     * Updates printer sharing invitations UI.
+     * @private
+     */
+    updateInvitations_: function() {
+      var invitations = this.userInfo_.activeUser ?
+          this.invitationStore_.invitations(this.userInfo_.activeUser) : [];
+      if (invitations.length > 0) {
+        this.invitation_ = invitations[0];
+        this.showInvitation_(this.invitation_);
+      } else {
+        this.invitation_ = null;
+      }
+      setIsVisible(
+          this.getChildElement('.invitation-container'), !!this.invitation_);
+      this.reflowLists_();
+    },
+
+    /**
+     * @param {!printe_preview.Invitation} invitation Invitation to show.
+     * @private
+     */
+    showInvitation_: function(invitation) {
+      var invitationText = '';
+      if (invitation.asGroupManager) {
+        invitationText = localStrings.getStringF(
+            'groupPrinterSharingInviteText',
+            invitation.sender,
+            invitation.destination.displayName,
+            invitation.receiver);
+      } else {
+        invitationText = localStrings.getStringF(
+            'printerSharingInviteText',
+            invitation.sender,
+            invitation.destination.displayName);
+      }
+      this.getChildElement('.invitation-text').innerHTML = invitationText;
+
+      var acceptButton = this.getChildElement('.invitation-accept-button');
+      acceptButton.textContent = localStrings.getString(
+          invitation.asGroupManager ? 'acceptForGroup' : 'accept');
+      acceptButton.disabled = !!this.invitationStore_.invitationInProgress;
+      this.getChildElement('.invitation-reject-button').disabled =
+          !!this.invitationStore_.invitationInProgress;
+      setIsVisible(
+          this.getChildElement('#invitation-process-throbber'),
+          !!this.invitationStore_.invitationInProgress);
+    },
+
+    /**
      * Called when user's logged in accounts change. Updates the UI.
      * @private
      */
     onUsersChanged_: function() {
       var loggedIn = this.userInfo_.loggedIn;
       if (loggedIn) {
         var accountSelectEl = this.getChildElement('.account-select');
         accountSelectEl.innerHTML = '';
         this.userInfo_.users.forEach(function(account) {
           var option = document.createElement('option');
           option.text = account;
           option.value = account;
           accountSelectEl.add(option);
         });
         var option = document.createElement('option');
         option.text = localStrings.getString('addAccountTitle');
         option.value = '';
         accountSelectEl.add(option);
 
         accountSelectEl.selectedIndex =
             this.userInfo_.users.indexOf(this.userInfo_.activeUser);
       }
 
       setIsVisible(this.getChildElement('.user-info'), loggedIn);
       setIsVisible(this.getChildElement('.cloud-list'), loggedIn);
       setIsVisible(this.getChildElement('.cloudprint-promo'), !loggedIn);
-      this.reflowLists_();
+      this.updateInvitations_();
     },
 
     /**
      * Called when a destination search should be executed. Filters the
      * destination lists with the given query.
      * @param {Event} evt Contains the search query.
      * @private
      */
     onSearch_: function(evt) {
       this.filterLists_(evt.queryRegExp);
@@ skipping 42 matching lines @@
 
     /**
      * Called when destinations are inserted into the store. Rerenders
      * destinations.
      * @private
      */
     onDestinationSearchDone_: function() {
       this.updateThrobbers_();
       this.renderDestinations_();
       this.reflowLists_();
+      // In case user account information was retrieved with this search
+      // (knowing current user account is required to fetch invitations).
+      this.invitationStore_.startLoadingInvitations();
     },
 
     /**
      * Called when the manage cloud printers action is activated.
      * @private
      */
     onManageCloudDestinationsActivated_: function() {
       cr.dispatchSimpleEvent(
           this,
           print_preview.DestinationSearch.EventType.MANAGE_CLOUD_DESTINATIONS);
@@ skipping 25 matching lines @@
      * switch or, for 'Add account...' item, opens Google sign-in page.
      * @private
      */
     onAccountChange_: function() {
       var accountSelectEl = this.getChildElement('.account-select');
       var account =
           accountSelectEl.options[accountSelectEl.selectedIndex].value;
       if (account) {
         this.userInfo_.activeUser = account;
         this.destinationStore_.reloadUserCookieBasedDestinations();
+        this.invitationStore_.startLoadingInvitations();
         this.metrics_.record(
             print_preview.Metrics.DestinationSearchBucket.ACCOUNT_CHANGED);
       } else {
         cr.dispatchSimpleEvent(this, DestinationSearch.EventType.ADD_ACCOUNT);
         // Set selection back to the active user.
         for (var i = 0; i < accountSelectEl.options.length; i++) {
           if (accountSelectEl.options[i].value == this.userInfo_.activeUser) {
             accountSelectEl.selectedIndex = i;
             break;
           }
         }
         this.metrics_.record(
             print_preview.Metrics.DestinationSearchBucket.ADD_ACCOUNT_SELECTED);
       }
     },
 
     /**
+     * Called when the printer sharing invitation Accept/Reject button is
+     * clicked.
+     * @private
+     */
+    onInvitationProcessButtonClick_: function(accept) {
+      this.invitationStore_.processInvitation(this.invitation_, accept);
+      this.updateInvitations_();
+    },
+
+    /**
      * Called when the close button on the cloud print promo is clicked. Hides
      * the promo.
      * @private
      */
     onCloudprintPromoCloseButtonClick_: function() {
       setIsVisible(this.getChildElement('.cloudprint-promo'), false);
     },
 
     /**
      * Called when the window is resized. Reflows layout of destination lists.
      * @private
      */
     onWindowResize_: function() {
       this.reflowLists_();
     }
   };
 
   // Export
   return {
     DestinationSearch: DestinationSearch
   };
 });