Add category selector to feedback dialog.

remoting/webapp/app_remoting/js/feedback_consent.js

 // Copyright 2014 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.
 
 'use strict';
 
 /**
  * @type {string} The host id corresponding to the user's VM. The @pending
  *     place-holder instructs the Orchestrator to abandon any pending host,
  *     and is used if no host id is provided by the main window.
@@ skipping 17 matching lines @@
  */
 var applicationWindow = null;
 
 /**
  * @type {string} An unique identifier that links the feedback post with the
  *     logs uploaded by the host.
  */
 var crashServiceReportId = '';
 
 /**
+ * @type {string} The user-selected feedback category, represented by its
+ *     l10n tag.
+ */
+var selectedCategory = '';
+
+/**
  * @param {string} email
  * @param {string} realName
  */
 function onUserInfo(email, realName) {
   /** @type {number} Identifies this product to Google Feedback. **/
   var productId = 93407;
 
   /** @type {string} The base URL for Google Feedback. */
   var url = 'https://www.google.com/tools/feedback/survey/xhtml';
 
   /** @type {string} The feedback 'bucket', used for clustering. */
   var bucket = 'feedback';
 
   /** @type {string} The user's locale, used to localize the feedback page. */
   var locale = chrome.i18n.getMessage('@@ui_locale');
 
   window.open(url +
               '?productId=' + productId +
               '&bucket=' + escape(bucket) +
               '&hl=' + escape(locale) +
               '&psd_email=' + escape(email) +
               '&psd_hostId=' + escape(hostId) +
               '&psd_abandonHost=' + escape(abandonHost) +
               '&psd_crashServiceReportId=' + escape(crashServiceReportId) +
-              '&psd_connectionStats=' + escape(connectionStats));
+              '&psd_connectionStats=' + escape(connectionStats) +
+              '&psd_category=' + escape(selectedCategory));
   window.close();
 
   // If the VM was successfully abandoned, close the application.
   if (abandonHost == 'yes') {
     applicationWindow.close();
   }
 };
 
 /**
  * @param {boolean} waiting
@@ skipping 14 matching lines @@
   var error = document.getElementById('abandon-failed');
   var abandon = document.getElementById('abandon-host');
   var logs = document.getElementById('include-logs');
   var formBody = document.getElementById('form-body');
   error.hidden = false;
   abandon.checked = false;
   logs.checked = false;
   abandonHost = 'failed';
   crashServiceReportId = '';
   formBody.hidden = true;
-  resizeWindow();
+  base.resizeWindowToContent(true);
 }
 
 /**
  * @return {string} A random string ID.
  */
 function generateId() {
   var idArray = new Uint8Array(20);
   window.crypto.getRandomValues(idArray);
   return window.btoa(String.fromCharCode.apply(null, idArray));
 }
@@ skipping 76 matching lines @@
   }
 }
 
 /** @param {Event} event */
 function onLearnMore(event) {
   event.preventDefault();  // Clicking the link should not tick the checkbox.
   var learnMoreLink = document.getElementById('learn-more');
   var learnMoreInfobox = document.getElementById('privacy-info');
   learnMoreLink.hidden = true;
   learnMoreInfobox.hidden = false;
-  resizeWindow();
+  base.resizeWindowToContent(true);
 }
 
-function resizeWindow() {
-  var borderY = window.outerHeight - window.innerHeight;
-  window.resizeTo(window.outerWidth, document.body.clientHeight + borderY);
+function onCategorySelect() {
+  var feedbackCategory = /** @type {HTMLSelectElement} */
+      (document.getElementById('feedback-category'));
+  base.debug.assert(feedbackCategory.selectedOptions.length == 1);
+  var selectedOption = /** @type {HTMLElement} */
+      (feedbackCategory.selectedOptions[0]);
+  selectedCategory = selectedOption.getAttribute('i18n-content');
+  var selected = selectedCategory != 'FEEDBACK_CATEGORY_SELECT';
+  document.getElementById('feedback-consent-ok').disabled = !selected;
+  document.getElementById('form-body').hidden = !selected;
+  base.resizeWindowToContent(false);
 }
 
 function onLoad() {
   window.addEventListener('message', onWindowMessage, false);
   remoting.settings = new remoting.Settings();
   l10n.localize();
   var ok = document.getElementById('feedback-consent-ok');
   var cancel = document.getElementById('feedback-consent-cancel');
   var abandon = document.getElementById('abandon-host-label');
   var includeLogs = document.getElementById('include-logs-label');
   var learnMoreLink = document.getElementById('learn-more');
+  var feedbackCategory = document.getElementById('feedback-category');
   ok.addEventListener('click', onOk, false);
   cancel.addEventListener('click', onCancel, false);
   abandon.addEventListener('click', onToggleAbandon, false);
   includeLogs.addEventListener('click', onToggleLogs, false);
   learnMoreLink.addEventListener('click', onLearnMore, false);
-  resizeWindow();
+  feedbackCategory.addEventListener('change', onCategorySelect, false);
+  base.resizeWindowToContent(true);
 }
 
 /** @param {Event} event */
 function onWindowMessage(event) {
   applicationWindow = event.source;
   var method = /** @type {string} */ (event.data['method']);
   if (method == 'init') {
     if (event.data['hostId']) {
       hostId = /** @type {string} */ (event.data['hostId']);
     }
     connectionStats = /** @type {string} */ (event.data['connectionStats']);
   }
 };
 
 window.addEventListener('load', onLoad, false);