src/third_party/WebKit/Source/devtools/front_end/resources/DOMStorageItemsView.js

   1 /*
   2  * Copyright (C) 2008 Nokia Inc.  All rights reserved.
   3  * Copyright (C) 2013 Samsung Electronics. All rights reserved.
   4  *
   5  * Redistribution and use in source and binary forms, with or without
   6  * modification, are permitted provided that the following conditions
   7  * are met:
   8  * 1. Redistributions of source code must retain the above copyright
   9  *    notice, this list of conditions and the following disclaimer.
  10  * 2. Redistributions in binary form must reproduce the above copyright
  11  *    notice, this list of conditions and the following disclaimer in the
  12  *    documentation and/or other materials provided with the distribution.
  13  *
  14  * THIS SOFTWARE IS PROVIDED ``AS IS'' AND ANY
  15  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
  16  * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
  17  * PURPOSE ARE DISCLAIMED.  IN NO EVENT SHALL APPLE INC. OR
  18  * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
  19  * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
  20  * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
  21  * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
  22  * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  23  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  24  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  25  */
  26
  27 /**
  28  * @constructor
  29  * @extends {WebInspector.VBox}
  30  */
  31 WebInspector.DOMStorageItemsView = function(domStorage)
  32 {
  33     WebInspector.VBox.call(this);
  34
  35     this.domStorage = domStorage;
  36
  37     this.element.classList.add("storage-view");
  38     this.element.classList.add("table");
  39
  40     this.deleteButton = new WebInspector.StatusBarButton(WebInspector.UIString("Delete"), "delete-storage-status-bar-item");
  41     this.deleteButton.visible = false;
  42     this.deleteButton.addEventListener("click", this._deleteButtonClicked, this);
  43
  44     this.refreshButton = new WebInspector.StatusBarButton(WebInspector.UIString("Refresh"), "refresh-storage-status-bar-item");
  45     this.refreshButton.addEventListener("click", this._refreshButtonClicked, this);
  46
  47     this.domStorage.addEventListener(WebInspector.DOMStorage.Events.DOMStorageItemsCleared, this._domStorageItemsCleared, this);
  48     this.domStorage.addEventListener(WebInspector.DOMStorage.Events.DOMStorageItemRemoved, this._domStorageItemRemoved, this);
  49     this.domStorage.addEventListener(WebInspector.DOMStorage.Events.DOMStorageItemAdded, this._domStorageItemAdded, this);
  50     this.domStorage.addEventListener(WebInspector.DOMStorage.Events.DOMStorageItemUpdated, this._domStorageItemUpdated, this);
  51 }
  52
  53 WebInspector.DOMStorageItemsView.prototype = {
  54     get statusBarItems()
  55     {
  56         return [this.refreshButton.element, this.deleteButton.element];
  57     },
  58
  59     wasShown: function()
  60     {
  61         this._update();
  62     },
  63
  64     willHide: function()
  65     {
  66         this.deleteButton.visible = false;
  67     },
  68
  69     /**
  70      * @param {!WebInspector.Event} event
  71      */
  72     _domStorageItemsCleared: function(event)
  73     {
  74         if (!this.isShowing() || !this._dataGrid)
  75             return;
  76
  77         this._dataGrid.rootNode().removeChildren();
  78         this._dataGrid.addCreationNode(false);
  79         this.deleteButton.visible = false;
  80         event.consume(true);
  81     },
  82
  83     /**
  84      * @param {!WebInspector.Event} event
  85      */
  86     _domStorageItemRemoved: function(event)
  87     {
  88         if (!this.isShowing() || !this._dataGrid)
  89             return;
  90
  91         var storageData = event.data;
  92         var rootNode = this._dataGrid.rootNode();
  93         var children = rootNode.children;
  94
  95         event.consume(true);
  96
  97         for (var i = 0; i < children.length; ++i) {
  98             var childNode = children[i];
  99             if (childNode.data.key === storageData.key) {
 100                 rootNode.removeChild(childNode);
 101                 this.deleteButton.visible = (children.length > 1);
 102                 return;
 103             }
 104         }
 105     },
 106
 107     /**
 108      * @param {!WebInspector.Event} event
 109      */
 110     _domStorageItemAdded: function(event)
 111     {
 112         if (!this.isShowing() || !this._dataGrid)
 113             return;
 114
 115         var storageData = event.data;
 116         var rootNode = this._dataGrid.rootNode();
 117         var children = rootNode.children;
 118
 119         event.consume(true);
 120         this.deleteButton.visible = true;
 121
 122         for (var i = 0; i < children.length; ++i)
 123             if (children[i].data.key === storageData.key)
 124                 return;
 125
 126         var childNode = new WebInspector.DataGridNode({key: storageData.key, value: storageData.value}, false);
 127         rootNode.insertChild(childNode, children.length - 1);
 128     },
 129
 130     /**
 131      * @param {!WebInspector.Event} event
 132      */
 133     _domStorageItemUpdated: function(event)
 134     {
 135         if (!this.isShowing() || !this._dataGrid)
 136             return;
 137
 138         var storageData = event.data;
 139         var rootNode = this._dataGrid.rootNode();
 140         var children = rootNode.children;
 141
 142         event.consume(true);
 143
 144         var keyFound = false;
 145         for (var i = 0; i < children.length; ++i) {
 146             var childNode = children[i];
 147             if (childNode.data.key === storageData.key) {
 148                 if (keyFound) {
 149                     rootNode.removeChild(childNode);
 150                     return;
 151                 }
 152                 keyFound = true;
 153                 if (childNode.data.value !== storageData.value) {
 154                     childNode.data.value = storageData.value;
 155                     childNode.refresh();
 156                     childNode.select();
 157                     childNode.reveal();
 158                 }
 159                 this.deleteButton.visible = true;
 160             }
 161         }
 162     },
 163
 164     _update: function()
 165     {
 166         this.detachChildViews();
 167         this.domStorage.getItems(this._showDOMStorageItems.bind(this));
 168     },
 169
 170     _showDOMStorageItems: function(error, items)
 171     {
 172         if (error)
 173             return;
 174
 175         this._dataGrid = this._dataGridForDOMStorageItems(items);
 176         this._dataGrid.show(this.element);
 177         this.deleteButton.visible = (this._dataGrid.rootNode().children.length > 1);
 178     },
 179
 180     _dataGridForDOMStorageItems: function(items)
 181     {
 182         var columns = [
 183             {id: "key", title: WebInspector.UIString("Key"), editable: true, weight: 50},
 184             {id: "value", title: WebInspector.UIString("Value"), editable: true, weight: 50}
 185         ];
 186
 187         var nodes = [];
 188
 189         var keys = [];
 190         var length = items.length;
 191         for (var i = 0; i < items.length; i++) {
 192             var key = items[i][0];
 193             var value = items[i][1];
 194             var node = new WebInspector.DataGridNode({key: key, value: value}, false);
 195             node.selectable = true;
 196             nodes.push(node);
 197             keys.push(key);
 198         }
 199
 200         var dataGrid = new WebInspector.DataGrid(columns, this._editingCallback.bind(this), this._deleteCallback.bind(this));
 201         dataGrid.setName("DOMStorageItemsView");
 202         length = nodes.length;
 203         for (var i = 0; i < length; ++i)
 204             dataGrid.rootNode().appendChild(nodes[i]);
 205         dataGrid.addCreationNode(false);
 206         if (length > 0)
 207             nodes[0].selected = true;
 208         return dataGrid;
 209     },
 210
 211     _deleteButtonClicked: function(event)
 212     {
 213         if (!this._dataGrid || !this._dataGrid.selectedNode)
 214             return;
 215
 216         this._deleteCallback(this._dataGrid.selectedNode);
 217         this._dataGrid.changeNodeAfterDeletion();
 218     },
 219
 220     _refreshButtonClicked: function(event)
 221     {
 222         this._update();
 223     },
 224
 225     _editingCallback: function(editingNode, columnIdentifier, oldText, newText)
 226     {
 227         var domStorage = this.domStorage;
 228         if ("key" === columnIdentifier) {
 229             if (typeof oldText === "string")
 230                 domStorage.removeItem(oldText);
 231             domStorage.setItem(newText, editingNode.data.value || '');
 232             this._removeDupes(editingNode);
 233         } else
 234             domStorage.setItem(editingNode.data.key || '', newText);
 235     },
 236
 237     /**
 238      * @param {!WebInspector.DataGridNode} masterNode
 239      */
 240     _removeDupes: function(masterNode)
 241     {
 242         var rootNode = this._dataGrid.rootNode();
 243         var children = rootNode.children;
 244         for (var i = children.length - 1; i >= 0; --i) {
 245             var childNode = children[i];
 246             if ((childNode.data.key === masterNode.data.key) && (masterNode !== childNode))
 247                 rootNode.removeChild(childNode);
 248         }
 249     },
 250
 251     _deleteCallback: function(node)
 252     {
 253         if (!node || node.isCreationNode)
 254             return;
 255
 256         if (this.domStorage)
 257             this.domStorage.removeItem(node.data.key);
 258     },
 259
 260     __proto__: WebInspector.VBox.prototype
 261 }