Export vendor capabilities to the CJT ticket.

chrome/browser/resources/print_preview/settings/advanced_settings/advanced_settings_item.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.
 
 cr.define('print_preview', function() {
   'use strict';
 
   /**
    * Component that renders a destination item in a destination list.
    * @param {!cr.EventTarget} eventTarget Event target to dispatch selection
@@ skipping 15 matching lines @@
      */
     this.eventTarget_ = eventTarget;
 
     /**
      * Contains the print ticket to print.
      * @private {!print_preview.PrintTicketStore}
      */
     this.printTicketStore_ = printTicketStore;
 
     /**
-     * Capability that the list item renders.
+     * Capability this component renders.
      * @private {!Object}
      */
     this.capability_ = capability;
 
     /**
+     * Value selected by user. {@code null}, if user has not changed the default
+     * value yet (still, the value can be the default one, if it is what user
+     * selected).
+     * @private {?string}
+     */
+    this.selectedValue_ = null;
+
+    /**
      * Active filter query text.
      * @private {RegExp}
      */
     this.query_ = null;
-  };
 
-  /**
-   * Event types dispatched by this class.
-   * @enum {string}
-   */
-  AdvancedSettingsItem.EventType = {
-    CHANGED: 'print_preview.AdvancedSettingsItem.CHANGED'
+    /** @private {!EventTracker} */
+    this.tracker_ = new EventTracker();
   };
 
   AdvancedSettingsItem.prototype = {
     __proto__: print_preview.Component.prototype,
 
     /** @override */
     createDom: function() {
       this.setElementInternal(this.cloneTemplateInternal(
           'advanced-settings-item-template'));
 
       var nameEl = this.getChildElement('.advanced-settings-item-label');
       var textContent = this.capability_.display_name;
       if (this.query_)
         this.addTextWithHighlight_(nameEl, textContent);
       else
         nameEl.textContent = textContent;
       nameEl.title = textContent;
 
+      this.tracker_.add(
+          this.select_, 'change', this.onSelectChange_.bind(this));
+      this.tracker_.add(this.text_, 'input', this.onTextInput_.bind(this));
+
       this.initializeValue_();
     },
 
     /**
+     * ID of the corresponding vendor capability.
+     * @return {string}
+     */
+    get id() {
+      return this.capability_.id;
+    },
+
+    /**
+     * Currently selected value.
+     * @return {string}
+     */
+    get selectedValue() {
+      return this.selectedValue_ || '';
+    },
+
+    /**
      * Whether the corresponding ticket item was changed or not.
      * @return {boolean}
      */
     isModified: function() {
-      return false;
+      return !!this.selectedValue_;
     },
 
     /**
+     * @return {HTMLSelectElement} Select element.
+     * @private
+     */
+    get select_() {
+      return this.getChildElement(
+          '.advanced-settings-item-value-select-control');
+    },
+
+    /**
+     * @return {HTMLSelectElement} Text element.
+     * @private
+     */
+    get text_() {
+      return this.getChildElement('.advanced-settings-item-value-text-control');
+    },
+
+    /**
+     * Called when the select element value is changed.
+     * @private
+     */
+    onSelectChange_: function() {
+      this.selectedValue_ = this.select_.value;
+      this.capability_.select_cap.option.some(function(option) {
+        if (this.select_.value == option.value && option.is_default)
+          this.selectedValue_ = null;
+        return this.select_.value == option.value || option.is_default;
+      }.bind(this));
+    },
+
+    /**
+     * Called when the text element value is changed.
+     * @private
+     */
+    onTextInput_: function() {
+      this.selectedValue_ = this.text_.value || null;
+    },
+
+    /**
      * Initializes the element's value control.
      * @private
      */
     initializeValue_: function() {
+      this.selectedValue_ =
+          this.printTicketStore_.vendorItems.ticketItems[this.id] || null;
+
       if (this.capability_.type == 'SELECT')
         this.initializeSelectValue_();
       else
         this.initializeTextValue_();
     },
 
     /**
      * Initializes the select element.
      * @private
      */
     initializeSelectValue_: function() {
-      var selectEl = this.getChildElement(
-          '.advanced-settings-item-value-select-control');
       setIsVisible(
-          this.getChildElement('.advanced-settings-item-value-select'), true);
+        this.getChildElement('.advanced-settings-item-value-select'), true);
+      var selectEl = this.select_;
       var indexToSelect = 0;
       this.capability_.select_cap.option.forEach(function(option, index) {
         var item = document.createElement('option');
         item.text = option.display_name;
         item.value = option.value;
         if (option.is_default)
           indexToSelect = index;
         selectEl.add(item);
       });
-      // TODO: Try to select current ticket item.
-      var valueToSelect = '';
       for (var i = 0, option; option = selectEl.options[i]; i++) {
-        if (option.value == valueToSelect) {
+        if (option.value == this.selectedValue_) {
           indexToSelect = i;
           break;
         }
       }
       selectEl.selectedIndex = indexToSelect;
     },
 
     /**
      * Initializes the text element.
      * @private
      */
     initializeTextValue_: function() {
-      var textEl = this.getChildElement(
-          '.advanced-settings-item-value-text-control');
       setIsVisible(
           this.getChildElement('.advanced-settings-item-value-text'), true);
+      this.text_.value = this.selectedValue;
     },
 
     /**
      * Adds text to parent element wrapping search query matches in highlighted
      * spans.
      * @param {!Element} parent Element to build the text in.
      * @param {string} text The text string to highlight segments in.
      * @private
      */
     addTextWithHighlight_: function(parent, text) {
       text.split(this.query_).forEach(function(section, i) {
         if (i % 2 == 0) {
           parent.appendChild(document.createTextNode(section));
         } else {
           var span = document.createElement('span');
           span.className = 'advanced-settings-item-query-highlight';
           span.textContent = section;
           parent.appendChild(span);
         }
       });
     }
   };
 
   // Export
   return {
     AdvancedSettingsItem: AdvancedSettingsItem
   };
 });