[DevTools] Clear local storage

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

 /*
  * Copyright (C) 2008 Nokia Inc.  All rights reserved.
  * Copyright (C) 2013 Samsung Electronics. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
@@ skipping 17 matching lines @@
  * @unrestricted
  */
 Resources.DOMStorageItemsView = class extends UI.SimpleView {
   constructor(domStorage) {
     super(Common.UIString('DOM Storage'));
 
     this.domStorage = domStorage;
 
     this.element.classList.add('storage-view', 'table');
 
-    this.deleteButton = new UI.ToolbarButton(Common.UIString('Delete'), 'largeicon-delete');
-    this.deleteButton.setVisible(false);
-    this.deleteButton.addEventListener(UI.ToolbarButton.Events.Click, this._deleteButtonClicked, this);
+    this._deleteButton = new UI.ToolbarButton(Common.UIString('Delete'), 'largeicon-delete');
+    this._deleteButton.setEnabled(false);
+    this._deleteButton.addEventListener(UI.ToolbarButton.Events.Click, this._deleteButtonClicked, this);
 
-    this.refreshButton = new UI.ToolbarButton(Common.UIString('Refresh'), 'largeicon-refresh');
-    this.refreshButton.addEventListener(UI.ToolbarButton.Events.Click, this._refreshButtonClicked, this);
+    this._clearButton = new UI.ToolbarButton(Common.UIString('Clear All'), 'largeicon-clear');
+    this._clearButton.addEventListener(UI.ToolbarButton.Events.Click, () => this.domStorage.clear(), this);
+
+    this._refreshButton = new UI.ToolbarButton(Common.UIString('Refresh'), 'largeicon-refresh');
+    this._refreshButton.addEventListener(UI.ToolbarButton.Events.Click, this._refreshButtonClicked, this);
 
     this.domStorage.addEventListener(
         Resources.DOMStorage.Events.DOMStorageItemsCleared, this._domStorageItemsCleared, this);
     this.domStorage.addEventListener(
         Resources.DOMStorage.Events.DOMStorageItemRemoved, this._domStorageItemRemoved, this);
     this.domStorage.addEventListener(Resources.DOMStorage.Events.DOMStorageItemAdded, this._domStorageItemAdded, this);
     this.domStorage.addEventListener(
         Resources.DOMStorage.Events.DOMStorageItemUpdated, this._domStorageItemUpdated, this);
   }
 
   /**
    * @override
    * @return {!Array.<!UI.ToolbarItem>}
    */
   syncToolbarItems() {
-    return [this.refreshButton, this.deleteButton];
+    return [this._refreshButton, this._clearButton, this._deleteButton];
   }
 
   /**
    * @override
    */
   wasShown() {
     this._update();
   }
 
   /**
    * @override
    */
   willHide() {
-    this.deleteButton.setVisible(false);
+    this._deleteButton.setEnabled(false);
   }
 
   /**
    * @param {!Common.Event} event
    */
   _domStorageItemsCleared(event) {
     if (!this.isShowing() || !this._dataGrid)
       return;
 
     this._dataGrid.rootNode().removeChildren();
     this._dataGrid.addCreationNode(false);
-    this.deleteButton.setVisible(false);
+    this._deleteButton.setEnabled(false);
   }
 
   /**
    * @param {!Common.Event} event
    */
   _domStorageItemRemoved(event) {
     if (!this.isShowing() || !this._dataGrid)
       return;
 
     var storageData = event.data;
     var rootNode = this._dataGrid.rootNode();
     var children = rootNode.children;
 
     for (var i = 0; i < children.length; ++i) {
       var childNode = children[i];
       if (childNode.data.key === storageData.key) {
         rootNode.removeChild(childNode);
-        this.deleteButton.setVisible(children.length > 1);
+        this._deleteButton.setEnabled(children.length > 1);
         return;
       }
     }
   }
 
   /**
    * @param {!Common.Event} event
    */
   _domStorageItemAdded(event) {
     if (!this.isShowing() || !this._dataGrid)
       return;
 
     var storageData = event.data;
     var rootNode = this._dataGrid.rootNode();
     var children = rootNode.children;
 
-    this.deleteButton.setVisible(true);
+    this._deleteButton.setEnabled(true);
 
     for (var i = 0; i < children.length; ++i) {
       if (children[i].data.key === storageData.key)
         return;
     }
 
     var childNode = new DataGrid.DataGridNode({key: storageData.key, value: storageData.value}, false);
     rootNode.insertChild(childNode, children.length - 1);
   }
 
@@ skipping 16 matching lines @@
           rootNode.removeChild(childNode);
           return;
         }
         keyFound = true;
         if (childNode.data.value !== storageData.value) {
           childNode.data.value = storageData.value;
           childNode.refresh();
           childNode.select();
           childNode.reveal();
         }
-        this.deleteButton.setVisible(true);
+        this._deleteButton.setEnabled(true);
       }
     }
   }
 
   _update() {
     this.detachChildWidgets();
     this.domStorage.getItems(this._showDOMStorageItems.bind(this));
   }
 
   _showDOMStorageItems(error, items) {
     if (error)
       return;
 
     this._dataGrid = this._dataGridForDOMStorageItems(items);
     this._dataGrid.asWidget().show(this.element);
-    this.deleteButton.setVisible(this._dataGrid.rootNode().children.length > 1);
+    this._deleteButton.setEnabled(this._dataGrid.rootNode().children.length > 1);
   }
 
   _dataGridForDOMStorageItems(items) {
     var columns = /** @type {!Array<!DataGrid.DataGrid.ColumnDescriptor>} */ ([
       {id: 'key', title: Common.UIString('Key'), sortable: false, editable: true, weight: 50},
       {id: 'value', title: Common.UIString('Value'), sortable: false, editable: true, weight: 50}
     ]);
 
     var nodes = [];
 
@@ skipping 62 matching lines @@
   }
 
   _deleteCallback(node) {
     if (!node || node.isCreationNode)
       return;
 
     if (this.domStorage)
       this.domStorage.removeItem(node.data.key);
   }
 };