2009-12-08 Alexander Pavlov <apavlov@chromium.org>
[WebKit-https.git] / WebCore / inspector / front-end / CookieItemsView.js
1 /*
2  * Copyright (C) 2009 Apple Inc.  All rights reserved.
3  * Copyright (C) 2009 Joseph Pecoraro
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  *
9  * 1.  Redistributions of source code must retain the above copyright
10  *     notice, this list of conditions and the following disclaimer.
11  * 2.  Redistributions in binary form must reproduce the above copyright
12  *     notice, this list of conditions and the following disclaimer in the
13  *     documentation and/or other materials provided with the distribution.
14  * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
15  *     its contributors may be used to endorse or promote products derived
16  *     from this software without specific prior written permission.
17  *
18  * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
19  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
20  * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
21  * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
22  * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
23  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
24  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
25  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
26  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
27  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
28  */
29
30 WebInspector.CookieItemsView = function(cookieDomain)
31 {
32     WebInspector.View.call(this);
33
34     this.element.addStyleClass("storage-view");
35     this.element.addStyleClass("table");
36
37     this.deleteButton = new WebInspector.StatusBarButton(WebInspector.UIString("Delete"), "delete-storage-status-bar-item");
38     this.deleteButton.visible = false;
39     this.deleteButton.addEventListener("click", this._deleteButtonClicked.bind(this), false);
40
41     this.refreshButton = new WebInspector.StatusBarButton(WebInspector.UIString("Refresh"), "refresh-storage-status-bar-item");
42     this.refreshButton.addEventListener("click", this._refreshButtonClicked.bind(this), false);
43     
44     this._cookieDomain = cookieDomain;
45 }
46
47 WebInspector.CookieItemsView.prototype = {
48     get statusBarItems()
49     {
50         return [this.refreshButton.element, this.deleteButton.element];
51     },
52
53     show: function(parentElement)
54     {
55         WebInspector.View.prototype.show.call(this, parentElement);
56         this.update();
57     },
58
59     hide: function()
60     {
61         WebInspector.View.prototype.hide.call(this);
62         this.deleteButton.visible = false;
63     },
64
65     update: function()
66     {
67         this.element.removeChildren();
68
69         var self = this;
70         function callback(allCookies, isAdvanced) {
71             var cookies = self._cookiesForDomain(allCookies);
72             var dataGrid = (isAdvanced ? self.dataGridForCookies(cookies) : self.simpleDataGridForCookies(cookies));
73             if (dataGrid) {
74                 self._dataGrid = dataGrid;
75                 self.element.appendChild(dataGrid.element);
76                 self._dataGrid.updateWidths();
77                 if (isAdvanced)
78                     self.deleteButton.visible = true;
79             } else {
80                 var emptyMsgElement = document.createElement("div");
81                 emptyMsgElement.className = "storage-table-empty";
82                 emptyMsgElement.textContent = WebInspector.UIString("This site has no cookies.");
83                 self.element.appendChild(emptyMsgElement);
84                 self._dataGrid = null;
85                 self.deleteButton.visible = false;
86             }
87         }
88
89         WebInspector.Cookies.getCookiesAsync(callback);
90     },
91
92     _cookiesForDomain: function(allCookies)
93     {
94         var cookiesForDomain = [];
95         var resourceURLsForDocumentURL = [];
96
97         for (var id in WebInspector.resources) {
98             var resource = WebInspector.resources[id];
99             var match = resource.documentURL.match(WebInspector.URLRegExp);
100             if (match && match[2] === this._cookieDomain)
101                 resourceURLsForDocumentURL.push(resource.url);
102         }
103
104         for (var i = 0; i < allCookies.length; ++i) {
105             for (var j = 0; j < resourceURLsForDocumentURL.length; ++j) {
106                 var resourceURL = resourceURLsForDocumentURL[j];
107                 if (WebInspector.Cookies.cookieMatchesResourceURL(allCookies[i], resourceURL)) {
108                     cookiesForDomain.push(allCookies[i]);
109                     break;
110                 }
111             }
112         }
113         return cookiesForDomain;
114     },
115
116     dataGridForCookies: function(cookies)
117     {
118         if (!cookies.length)
119             return null;
120
121         for (var i = 0; i < cookies.length; ++i)
122             cookies[i].expires = new Date(cookies[i].expires);
123
124         var columns = { 0: {}, 1: {}, 2: {}, 3: {}, 4: {}, 5: {}, 6: {}, 7: {} };
125         columns[0].title = WebInspector.UIString("Name");
126         columns[0].width = columns[0].title.length;
127         columns[1].title = WebInspector.UIString("Value");
128         columns[1].width = columns[1].title.length;
129         columns[2].title = WebInspector.UIString("Domain");
130         columns[2].width = columns[2].title.length;
131         columns[3].title = WebInspector.UIString("Path");
132         columns[3].width = columns[3].title.length;
133         columns[4].title = WebInspector.UIString("Expires");
134         columns[4].width = columns[4].title.length;
135         columns[5].title = WebInspector.UIString("Size");
136         columns[5].width = columns[5].title.length;
137         columns[5].aligned = "right";
138         columns[6].title = WebInspector.UIString("HTTP");
139         columns[6].width = columns[6].title.length;
140         columns[6].aligned = "centered";
141         columns[7].title = WebInspector.UIString("Secure");
142         columns[7].width = columns[7].title.length;
143         columns[7].aligned = "centered";
144
145         function updateDataAndColumn(index, value) {
146             data[index] = value;
147             if (value.length > columns[index].width)
148                 columns[index].width = value.length;
149         }
150
151         var data;
152         var nodes = [];
153         for (var i = 0; i < cookies.length; ++i) {
154             var cookie = cookies[i];
155             data = {};
156
157             updateDataAndColumn(0, cookie.name);
158             updateDataAndColumn(1, cookie.value);
159             updateDataAndColumn(2, cookie.domain);
160             updateDataAndColumn(3, cookie.path);
161             updateDataAndColumn(4, (cookie.session ? WebInspector.UIString("Session") : cookie.expires.toGMTString()));
162             updateDataAndColumn(5, Number.bytesToString(cookie.size, WebInspector.UIString));
163             updateDataAndColumn(6, (cookie.httpOnly ? "\u2713" : "")); // Checkmark
164             updateDataAndColumn(7, (cookie.secure ? "\u2713" : "")); // Checkmark
165
166             var node = new WebInspector.DataGridNode(data, false);
167             node.cookie = cookie;
168             node.selectable = true;
169             nodes.push(node);
170         }
171
172         var totalColumnWidths = 0;
173         for (var columnIdentifier in columns)
174             totalColumnWidths += columns[columnIdentifier].width;
175
176         // Enforce the Value column (the 2nd column) to be a max of 33%
177         // tweaking the raw total width because may massively outshadow the others
178         var valueColumnWidth = columns[1].width;
179         if (valueColumnWidth / totalColumnWidths > 0.33) {
180             totalColumnWidths -= valueColumnWidth;
181             totalColumnWidths *= 1.33;
182             columns[1].width = totalColumnWidths * 0.33;
183         }
184
185         // Calculate the percentage width for the columns.
186         const minimumPrecent = 6;
187         var recoupPercent = 0;
188         for (var columnIdentifier in columns) {
189             var width = columns[columnIdentifier].width;
190             width = Math.round((width / totalColumnWidths) * 100);
191             if (width < minimumPrecent) {
192                 recoupPercent += (minimumPrecent - width);
193                 width = minimumPrecent;
194             }
195             columns[columnIdentifier].width = width;
196         }
197
198         // Enforce the minimum percentage width. (need to narrow total percentage due to earlier additions)
199         while (recoupPercent > 0) {
200             for (var columnIdentifier in columns) {
201                 if (columns[columnIdentifier].width > minimumPrecent) {
202                     --columns[columnIdentifier].width;
203                     --recoupPercent;
204                     if (!recoupPercent)
205                         break;
206                 }
207             }
208         }
209
210         for (var columnIdentifier in columns)
211             columns[columnIdentifier].width += "%";
212
213         var dataGrid = new WebInspector.DataGrid(columns, null, this._deleteCookieCallback.bind(this));
214         var length = nodes.length;
215         for (var i = 0; i < length; ++i)
216             dataGrid.appendChild(nodes[i]);
217         if (length > 0)
218             nodes[0].selected = true;
219
220         return dataGrid;
221     },
222
223     simpleDataGridForCookies: function(cookies)
224     {
225         if (!cookies.length)
226             return null;
227
228         var columns = {};
229         columns[0] = {};
230         columns[1] = {};
231         columns[0].title = WebInspector.UIString("Name");
232         columns[0].width = columns[0].title.length;
233         columns[1].title = WebInspector.UIString("Value");
234         columns[1].width = columns[1].title.length;
235
236         var nodes = [];
237         for (var i = 0; i < cookies.length; ++i) {
238             var cookie = cookies[i];
239             var data = {};
240
241             var name = cookie.name;
242             data[0] = name;
243             if (name.length > columns[0].width)
244                 columns[0].width = name.length;
245
246             var value = cookie.value;
247             data[1] = value;
248             if (value.length > columns[1].width)
249                 columns[1].width = value.length;
250
251             var node = new WebInspector.DataGridNode(data, false);
252             node.selectable = true;
253             nodes.push(node);
254         }
255
256         var totalColumnWidths = columns[0].width + columns[1].width;
257         var width = Math.round((columns[0].width * 100) / totalColumnWidths);
258         const minimumPrecent = 20;
259         if (width < minimumPrecent)
260             width = minimumPrecent;
261         if (width > 100 - minimumPrecent)
262             width = 100 - minimumPrecent;
263         columns[0].width = width;
264         columns[1].width = 100 - width;
265         columns[0].width += "%";
266         columns[1].width += "%";
267
268         var dataGrid = new WebInspector.DataGrid(columns);
269         var length = nodes.length;
270         for (var i = 0; i < length; ++i)
271             dataGrid.appendChild(nodes[i]);
272         if (length > 0)
273             nodes[0].selected = true;
274
275         return dataGrid;
276     },
277     
278     resize: function()
279     {
280         if (this._dataGrid)
281             this._dataGrid.updateWidths();
282     },
283
284     _deleteButtonClicked: function(event)
285     {
286         if (!this._dataGrid || !this._dataGrid.selectedNode)
287             return;
288
289         this._deleteCookieCallback(this._dataGrid.selectedNode);
290     },
291     
292     _deleteCookieCallback: function(node)
293     {
294         var cookie = node.cookie;
295         InspectorBackend.deleteCookie(cookie.name, this._cookieDomain);
296         this.update();
297     },
298
299     _refreshButtonClicked: function(event)
300     {
301         this.update();
302     }
303 }
304
305 WebInspector.CookieItemsView.prototype.__proto__ = WebInspector.View.prototype;