Adding Application Data dialog for isolated apps

chrome/browser/resources/options2/app_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() {

[Evan Stade, 2012/06/27 04:53:00]

likewise, don't just copy cookies_view.js and make some minor tweaks...

[nasko, 2012/06/27 17:17:01]

Since the CookiesView is a singleton, I've made a copy, since going forward this
UI will likely diverge into looking different than this. There has been an
agreement with UI leads and Mike West for initial copy of the page, which will
be adjusted later.

[Evan Stade, 2012/06/28 04:15:13]

it would be really easy to use inheritance to share and also allow differences.
I don't see why it is relevant that CookiesView is a singleton.

[nasko, 2012/06/29 00:46:52]

Done.

 
   var OptionsPage = options.OptionsPage;
 
   /////////////////////////////////////////////////////////////////////////////
-  // CookiesView class:
+  // AppCookiesView class:
 
   /**
-   * Encapsulated handling of the cookies and other site data page.
+   * Encapsulated handling of app cookies and other data page.
+   * This is a copy of the regular CookiesView, customized for
+   * isolated apps.
    * @constructor
    */
-  function CookiesView(model) {
-    OptionsPage.call(this, 'cookies',
+  function AppCookiesView(model) {
+    OptionsPage.call(this, 'app-cookies',
                      loadTimeData.getString('cookiesViewPageTabTitle'),
-                     'cookies-view-page');
+                     'app-cookies-view-page');
   }
 
-  cr.addSingletonGetter(CookiesView);
+  cr.addSingletonGetter(AppCookiesView);
 
-  CookiesView.prototype = {
+  AppCookiesView.prototype = {
     __proto__: OptionsPage.prototype,
 
     /**
      * The timer id of the timer set on search query change events.
      * @type {number}
      * @private
      */
     queryDelayTimerId_: 0,
 
     /**
      * 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',
+      $('app-cookies-search-box').addEventListener('search',
           this.handleSearchQueryChange_.bind(this));
 
-      $('remove-all-cookies-button').onclick = function(e) {
+      $('remove-all-app-cookies-button').onclick = function(e) {
         chrome.send('removeAllCookies');
       };
 
-      var cookiesList = $('cookies-list');
+      var cookiesList = $('app-cookies-list');
       options.CookiesList.decorate(cookiesList);
 
       this.addEventListener('visibleChange', this.handleVisibleChange_);
 
-      $('cookies-view-overlay-confirm').onclick =
+      $('app-cookies-view-overlay-confirm').onclick =
           OptionsPage.closeOverlay.bind(OptionsPage);
     },
 
     /**
      * Clear search filter when the dialog is displayed.
      * @inheritDoc
      */
     didShowPage: function() {
-      $('cookies-search-box').value = '';
+      $('app-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 = $('app-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 that this is in the context of apps
+      // cookies dialog.
+      chrome.send('setViewContext', [true]);
+
       if (!this.initialized_) {
         this.initialized_ = true;
         this.searchCookie();
       } else {
-        $('cookies-list').redraw();
+        $('app-cookies-list').redraw();
       }
 
-      $('cookies-search-box').focus();
+      $('app-cookies-search-box').focus();
     },
   };
 
   // CookiesViewHandler callbacks.
-  CookiesView.onTreeItemAdded = function(args) {
-    $('cookies-list').addByParentId(args[0], args[1], args[2]);
+  AppCookiesView.onTreeItemAdded = function(args) {
+    $('app-cookies-list').addByParentId(args[0], args[1], args[2]);
   };
 
-  CookiesView.onTreeItemRemoved = function(args) {
-    $('cookies-list').removeByParentId(args[0], args[1], args[2]);
+  AppCookiesView.onTreeItemRemoved = function(args) {
+    $('app-cookies-list').removeByParentId(args[0], args[1], args[2]);
   };
 
-  CookiesView.loadChildren = function(args) {
-    $('cookies-list').loadChildren(args[0], args[1]);
+  AppCookiesView.loadChildren = function(args) {
+    $('app-cookies-list').loadChildren(args[0], args[1]);
   };
 
   // Export
   return {
-    CookiesView: CookiesView
+    AppCookiesView: AppCookiesView
   };
 
 });