Adding Application Data dialog for isolated apps

chrome/browser/resources/options2/cookies_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.
 
 cr.define('options', function() {
 
   var OptionsPage = options.OptionsPage;
 
   /////////////////////////////////////////////////////////////////////////////
   // CookiesView class:
@@ skipping 23 matching lines @@
     /**
      * The most recent search query, or null if the query is empty.
      * @type {?string}
      * @private
      */
     lastQuery_: null,
 
     initializePage: function() {
       OptionsPage.prototype.initializePage.call(this);
 
-      $('cookies-search-box').addEventListener('search',
-          this.handleSearchQueryChange_.bind(this));
+      this.pageDiv.querySelector('.cookies-search-box').addEventListener(
+          'search', this.handleSearchQueryChange_.bind(this));
 
-      $('remove-all-cookies-button').onclick = function(e) {
-        chrome.send('removeAllCookies');
-      };
+      this.pageDiv.querySelector('.remove-all-cookies-button').onclick =
+          function(e) {
+            chrome.send('removeAllCookies');
+          };
 
-      var cookiesList = $('cookies-list');
+      var cookiesList = this.pageDiv.querySelector('.cookies-list');
       options.CookiesList.decorate(cookiesList);
 
       this.addEventListener('visibleChange', this.handleVisibleChange_);
 
-      $('cookies-view-overlay-confirm').onclick =
+      this.pageDiv.querySelector('.cookies-view-overlay-confirm').onclick =
           OptionsPage.closeOverlay.bind(OptionsPage);
     },
 
     /**
      * Clear search filter when the dialog is displayed.
      * @inheritDoc
      */
     didShowPage: function() {
-      $('cookies-search-box').value = '';
+      this.pageDiv.querySelector('.cookies-search-box').value = '';
     },
 
     /**
      * Search cookie using text in |cookies-search-box|.
      */
     searchCookie: function() {
       this.queryDelayTimerId_ = 0;
-      var filter = $('cookies-search-box').value;
+      var filter = this.pageDiv.querySelector('.cookies-search-box').value;
       if (this.lastQuery_ != filter) {
         this.lastQuery_ = filter;
         chrome.send('updateCookieSearchResults', [filter]);
       }
     },
 
     /**
      * Handles search query changes.
      * @param {!Event} e The event object.
      * @private
@@ skipping 10 matching lines @@
 
     /**
      * Handler for OptionsPage's visible property change event.
      * @param {Event} e Property change event.
      * @private
      */
     handleVisibleChange_: function(e) {
       if (!this.visible)
         return;
 
+      // Inform the CookiesViewHandler whether we are operating in regular
+      // cookies dialog or the apps one.
+      chrome.send('setViewContext', [this.isAppContext()]);
+
       if (!this.initialized_) {
         this.initialized_ = true;
         this.searchCookie();
       } else {
-        $('cookies-list').redraw();
+        this.pageDiv.querySelector('.cookies-list').redraw();
       }
 
-      $('cookies-search-box').focus();
+      this.pageDiv.querySelector('.cookies-search-box').focus();
+    },
+
+    isAppContext: function() {
+      return false;
     },
   };
 
   // CookiesViewHandler callbacks.
   CookiesView.onTreeItemAdded = function(args) {
     $('cookies-list').addByParentId(args[0], args[1], args[2]);
   };
 
   CookiesView.onTreeItemRemoved = function(args) {
     $('cookies-list').removeByParentId(args[0], args[1], args[2]);
   };
 
   CookiesView.loadChildren = function(args) {
     $('cookies-list').loadChildren(args[0], args[1]);
   };
 
   // Export
   return {
     CookiesView: CookiesView
   };
 
 });