[ChromeOS] Implement collected cookies in webui.

chrome/browser/resources/collected_cookies.js

Index: chrome/browser/resources/collected_cookies.js
diff --git a/chrome/browser/resources/collected_cookies.js b/chrome/browser/resources/collected_cookies.js
new file mode 100644
index 0000000000000000000000000000000000000000..61052022ddc3e5a629f69efc172656e9b3c8b2e4
--- /dev/null
+++ b/chrome/browser/resources/collected_cookies.js
@@ -0,0 +1,78 @@
+function closeDialog() {

[arv (Not doing code reviews), 2011/03/09 18:42:47]

Copyright header

[xiyuan, 2011/03/09 21:33:31]

Done.

+  chrome.send('DialogClose', ['']);

[arv (Not doing code reviews), 2011/03/09 18:42:47]

Pass empty array instead?

[arv (Not doing code reviews), 2011/03/09 18:42:47]

dialogClose for consistency with the rest of the chrome.send messages?

[xiyuan, 2011/03/09 21:33:31]

'DialogClose' is a HTML dialog close message that used in underlying
ConstrainedHtmlUI. I have changed all other messages defined by this webui for
follow this convention.

[xiyuan, 2011/03/09 21:33:31]

Could not unless we change the underlying ConstrainedHtmlUI and HtmlDialogUI
code to also expect an empty list.

+}
+
+function setInfobarLabel(text) {
+  $('info-text').textContent = text;
+
+  if (text.length) {

[arv (Not doing code reviews), 2011/03/09 18:42:47]

$('info-banner').hidden = text.length;

[xiyuan, 2011/03/09 21:33:31]

Done.

+    $('info-banner').classList.remove('hidden');
+  } else {
+    $('info-banner').classList.add('hidden');
+  }
+}
+
+function updateControlState() {
+  var allowedCookies = $('allowedCookies');
+  $('blockButton').disabled = !allowedCookies.children.length ||
+      !allowedCookies.selectedItem ||
+      allowedCookies.selectedItem.data.type != 'origin';
+
+  var blockedCookies = $('blockedCookies');
+  $('allowButton').disabled =
+  $('allowThisSessionButton').disabled = !blockedCookies.children.length ||
+      !blockedCookies.selectedItem ||
+      blockedCookies.selectedItem.data.type != 'origin';;
+}
+
+function handleCookiesTreeChange(e) {
+  updateControlState();
+}
+
+function handleBlockButtonClick(e) {
+  var selected = $('allowedCookies').selectedItem;
+  if (!selected)
+    return;
+
+  chrome.send('block', [selected.pathId]);
+}
+
+function handleAllowButtonClick(e) {
+  var selected = $('blockedCookies').selectedItem;
+  if (!selected)
+    return;
+
+  chrome.send('allow', [selected.pathId]);
+}
+
+function handleAllowThisSessionButtonClick(e) {
+  var selected = $('blockedCookies').selectedItem;
+  if (!selected)
+    return;
+
+  chrome.send('allowThisSession', [selected.pathId]);
+}
+
+window.onkeydown = function(e) {
+  if (e.keyCode == 27)

[arv (Not doing code reviews), 2011/03/09 18:42:47]

Use keyIdentifier or add a comment what 27 is for

[xiyuan, 2011/03/09 21:33:31]

Comment added. keyIdentifier for ESC is 'U+001B'.

+    closeDialog();
+}
+
+function load() {
+  ui.CookiesTree.decorate($('allowedCookies'));
+  ui.CookiesTree.decorate($('blockedCookies'));
+
+  chrome.send('bindCookiesTreeModel', []);
+
+  $('allowedCookies').addEventListener('change', handleCookiesTreeChange);
+  $('blockedCookies').addEventListener('change', handleCookiesTreeChange);
+
+  $('blockButton').addEventListener('click', handleBlockButtonClick);
+  $('allowButton').addEventListener('click', handleAllowButtonClick);
+  $('allowThisSessionButton').addEventListener('click',
+      handleAllowThisSessionButtonClick);
+
+  updateControlState();
+}
+
+document.addEventListener('DOMContentLoaded', load);