Replace net-internals/export tab with deprecation msg and button to show old UI.

chrome/browser/resources/net_internals/export_view.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.
 
 /**
  * This view displays options for exporting the captured data.
  */
 var ExportView = (function() {
   'use strict';
 
   // We inherit from DivView.
   var superClass = DivView;
 
   /**
    * @constructor
    */
   function ExportView() {
     assertFirstConstructorCall(ExportView);
 
     // Call superclass's constructor.
     superClass.call(this, ExportView.MAIN_BOX_ID);
 
+    this.deprecatedNoticeUI_ = $(ExportView.DEPRECATED_NOTICE_UI_ID);
+    this.showDeprecatedUIButton_ = $(ExportView.SHOW_DEPRECATED_UI_BUTTON_ID);
+    this.showDeprecatedUIButton_.onclick = this.onShowDeprecatedUI_.bind(this);
+    this.deprecatedExportUI_ = $(ExportView.DEPRECATED_EXPORT_UI_ID);
+
     var privacyStrippingCheckbox = $(ExportView.PRIVACY_STRIPPING_CHECKBOX_ID);
     privacyStrippingCheckbox.onclick =
         this.onSetPrivacyStripping_.bind(this, privacyStrippingCheckbox);
 
     this.saveFileButton_ = $(ExportView.SAVE_FILE_BUTTON_ID);
     this.saveFileButton_.onclick = this.onSaveFile_.bind(this);
     this.saveStatusText_ = $(ExportView.SAVE_STATUS_TEXT_ID);
     this.isSaving_ = false;
 
     this.userCommentsTextArea_ = $(ExportView.USER_COMMENTS_TEXT_AREA_ID);
     this.updateSaveFileButton_();
     this.userCommentsTextArea_.onkeyup = this.onUserCommentsUpdated_.bind(this);
 
     // Track blob for previous log dump so it can be revoked when a new dump is
     // saved.
     this.lastBlobURL_ = null;
 
     // Cached copy of the last loaded log dump, for use when exporting.
     this.loadedLogDump_ = null;
   }
 
   ExportView.TAB_ID = 'tab-handle-export';
   ExportView.TAB_NAME = 'Export';
   ExportView.TAB_HASH = '#export';
 
   // IDs for special HTML elements in export_view.html
+  ExportView.DEPRECATED_NOTICE_UI_ID = 'export-view-deprecated-notice';
+  ExportView.SHOW_DEPRECATED_UI_BUTTON_ID = 'export-view-show-deprecated-ui';
+  ExportView.DEPRECATED_EXPORT_UI_ID = 'export-view-ui-deprecated';
+
   ExportView.MAIN_BOX_ID = 'export-view-tab-content';
   ExportView.DOWNLOAD_ANCHOR_ID = 'export-view-download-anchor';
   ExportView.SAVE_FILE_BUTTON_ID = 'export-view-save-log-file';
   ExportView.SAVE_STATUS_TEXT_ID = 'export-view-save-status-text';
   ExportView.PRIVACY_STRIPPING_CHECKBOX_ID =
       'export-view-privacy-stripping-checkbox';
   ExportView.USER_COMMENTS_TEXT_AREA_ID = 'export-view-user-comments';
   ExportView.PRIVACY_WARNING_ID = 'export-view-privacy-warning';
 
   cr.addSingletonGetter(ExportView);
 
   ExportView.prototype = {
     // Inherit the superclass's methods.
     __proto__: superClass.prototype,
 
     /**
+     * Hides the export-view deprecation warning message and shows the
+     * deprecated export-view UI.
+     */
+    onShowDeprecatedUI_: function() {
+      setNodeDisplay(this.deprecatedNoticeUI_, false);
+      setNodeDisplay(this.deprecatedExportUI_, true);
+    },
+
+    /**
      * Depending on the value of the checkbox, enables or disables stripping
      * cookies and passwords from log dumps and displayed events.
      */
     onSetPrivacyStripping_: function(privacyStrippingCheckbox) {
       SourceTracker.getInstance().setPrivacyStripping(
           privacyStrippingCheckbox.checked);
     },
 
     /**
      * When loading a log dump, cache it for future export and continue showing
@@ skipping 100 matching lines @@
       var downloadAnchor = $(ExportView.DOWNLOAD_ANCHOR_ID);
       downloadAnchor.href = this.lastBlobURL_;
       downloadAnchor.click();
 
       this.setSaveFileStatus('Dump successful', false);
     }
   };
 
   return ExportView;
 })();