Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: options.js

Issue 29321417: Issue 2357 - Added "predefined list" dialog to options page (Closed)
Patch Set: Created July 9, 2015, 1:50 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « options.html ('k') | skin/options.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* 1 /*
2 * This file is part of Adblock Plus <https://adblockplus.org/>, 2 * This file is part of Adblock Plus <https://adblockplus.org/>,
3 * Copyright (C) 2006-2015 Eyeo GmbH 3 * Copyright (C) 2006-2015 Eyeo GmbH
4 * 4 *
5 * Adblock Plus is free software: you can redistribute it and/or modify 5 * Adblock Plus is free software: you can redistribute it and/or modify
6 * it under the terms of the GNU General Public License version 3 as 6 * it under the terms of the GNU General Public License version 3 as
7 * published by the Free Software Foundation. 7 * published by the Free Software Foundation.
8 * 8 *
9 * Adblock Plus is distributed in the hope that it will be useful, 9 * Adblock Plus is distributed in the hope that it will be useful,
10 * but WITHOUT ANY WARRANTY; without even the implied warranty of 10 * but WITHOUT ANY WARRANTY; without even the implied warranty of
(...skipping 298 matching lines...) Expand 10 before | Expand all | Expand 10 after
309 if (element.getAttribute("popular")) 309 if (element.getAttribute("popular"))
310 recommendation.isPopular = true; 310 recommendation.isPopular = true;
311 311
312 recommendationsMap[subscription.url] = recommendation; 312 recommendationsMap[subscription.url] = recommendation;
313 updateSubscription(subscription); 313 updateSubscription(subscription);
314 } 314 }
315 }, false); 315 }, false);
316 request.send(null); 316 request.send(null);
317 } 317 }
318 318
319 function onClick(e)
320 {
321 var element = e.target;
322 while (true)
323 {
324 if (!element)
325 return;
326
327 if ("action" in element.dataset)
328 break;
329
330 element = element.parentNode;
331 }
332
333 switch (element.dataset.action)
334 {
335 case "add-domain-exception":
336 addWhitelistedDomain();
337 break;
338 case "add-subscription":
339 var dialog = E("dialog-content-addSubscription");
340 var title = dialog.querySelector("h3").textContent;
341 var url = dialog.querySelector(".url").textContent;
342 addEnableSubscription(url, title);
343 delete document.body.dataset.dialog;
344 break;
345 case "cancel-domain-exception":
346 E("whitelisting-textbox").value = "";
347 break;
348 case "close-dialog":
349 delete document.body.dataset.dialog;
350 break;
351 case "edit-custom-filters":
352 editCustomFilters();
353 break;
354 case "import-subscription":
355 var url = E("blockingList-textbox").value;
356 addEnableSubscription(url);
357 delete document.body.dataset.dialog;
358 break;
359 case "open-language-dialog":
360 openDialog("language");
361 break;
362 case "open-subscription-dialog":
363 openDialog("customlist");
364 break;
365 }
366 }
367
319 function onDOMLoaded() 368 function onDOMLoaded()
320 { 369 {
321 var recommendationTemplate = document.querySelector("#recommend-list-table t emplate"); 370 var recommendationTemplate = document.querySelector("#recommend-list-table t emplate");
322 var popularText = ext.i18n.getMessage("options_popular"); 371 var popularText = ext.i18n.getMessage("options_popular");
323 recommendationTemplate.content.querySelector(".popular").textContent = popul arText; 372 recommendationTemplate.content.querySelector(".popular").textContent = popul arText;
324 var languagesTemplate = document.querySelector("#all-lang-table template"); 373 var languagesTemplate = document.querySelector("#all-lang-table template");
325 var buttonText = ext.i18n.getMessage("options_button_add"); 374 var buttonText = ext.i18n.getMessage("options_button_add");
326 languagesTemplate.content.querySelector(".button-add span").textContent = bu ttonText; 375 languagesTemplate.content.querySelector(".button-add span").textContent = bu ttonText;
327 376
328 populateLists(); 377 populateLists();
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
361 }); 410 });
362 411
363 getDocLink("contribute", function(link) 412 getDocLink("contribute", function(link)
364 { 413 {
365 document.querySelector("#tab-contribute a").setAttribute("href", link); 414 document.querySelector("#tab-contribute a").setAttribute("href", link);
366 }); 415 });
367 416
368 updateShareLink(); 417 updateShareLink();
369 418
370 // Initialize interactive UI elements 419 // Initialize interactive UI elements
420 document.body.addEventListener("click", onClick, false);
371 var placeholderValue = ext.i18n.getMessage("options_dialog_language_find"); 421 var placeholderValue = ext.i18n.getMessage("options_dialog_language_find");
372 E("find-language").setAttribute("placeholder", placeholderValue); 422 E("find-language").setAttribute("placeholder", placeholderValue);
373 E("add-blocking-list").addEventListener("click", function()
374 {
375 openDialog("customlist");
376 }, false);
377 E("add-website-language").addEventListener("click", function()
378 {
379 openDialog("language");
380 }, false);
381 E("dialog-close").addEventListener("click", function()
382 {
383 delete document.body.dataset.dialog;
384 }, false);
385 E("edit-ownBlockingList-button").addEventListener("click", editCustomFilters , false);
386 E("find-language").addEventListener("keyup", onFindLanguageKeyUp, false); 423 E("find-language").addEventListener("keyup", onFindLanguageKeyUp, false);
387 E("whitelisting").addEventListener("click", function(e)
388 {
389 var id = e.target.id;
390 if (id == "whitelisting-add-icon" || id == "whitelisting-enter-icon")
391 addWhitelistedDomain();
392 else if (id == "whitelisting-cancel-button")
393 E("whitelisting-textbox").value = "";
394 }, false);
395 E("whitelisting-add-button").addEventListener("click", addWhitelistedDomain, false);
396 E("whitelisting-textbox").addEventListener("keypress", function(e) 424 E("whitelisting-textbox").addEventListener("keypress", function(e)
397 { 425 {
398 // e.keyCode has been deprecated so we attempt to use e.key 426 // e.keyCode has been deprecated so we attempt to use e.key
399 // keyCode "13" corresponds to "Enter" 427 // keyCode "13" corresponds to "Enter"
400 if ((e.key && e.key == "Enter") || (!e.key && e.keyCode == 13)) 428 if ((e.key && e.key == "Enter") || (!e.key && e.keyCode == 13))
401 addWhitelistedDomain(); 429 addWhitelistedDomain();
402 }, false); 430 }, false);
403 E("import-blockingList-button").addEventListener("click", function()
404 {
405 var url = E("blockingList-textbox").value;
406 addEnableSubscription(url);
407 delete document.body.dataset.dialog;
408 }, false);
409 } 431 }
410 432
411 function openDialog(name) 433 function openDialog(name)
412 { 434 {
413 document.body.dataset.dialog = name; 435 document.body.dataset.dialog = name;
414 } 436 }
415 437
416 function populateLists() 438 function populateLists()
417 { 439 {
418 subscriptionsMap = Object.create(null); 440 subscriptionsMap = Object.create(null);
(...skipping 180 matching lines...) Expand 10 before | Expand all | Expand 10 after
599 }); 621 });
600 break; 622 break;
601 case "title": 623 case "title":
602 // TODO: NYI 624 // TODO: NYI
603 break; 625 break;
604 } 626 }
605 } 627 }
606 628
607 function showAddSubscriptionDialog(subscription) 629 function showAddSubscriptionDialog(subscription)
608 { 630 {
609 E("blockingList-textbox").value = subscription.url; 631 var dialog = E("dialog-content-addSubscription");
610 openDialog("customlist"); 632 dialog.querySelector("h3").textContent = subscription.title || "";
633 dialog.querySelector(".url").textContent = subscription.url;
634 openDialog("addSubscription");
611 } 635 }
612 636
613 function updateShareLink() 637 function updateShareLink()
614 { 638 {
615 ext.backgroundPage.sendMessage( 639 ext.backgroundPage.sendMessage(
616 { 640 {
617 type: "filters.blocked", 641 type: "filters.blocked",
618 url: "https://platform.twitter.com/widgets/", 642 url: "https://platform.twitter.com/widgets/",
619 requestType: "SCRIPT", 643 requestType: "SCRIPT",
620 docDomain: "adblockplus.org", 644 docDomain: "adblockplus.org",
(...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after
669 filter: ["added", "loaded", "removed"] 693 filter: ["added", "loaded", "removed"]
670 }); 694 });
671 ext.backgroundPage.sendMessage( 695 ext.backgroundPage.sendMessage(
672 { 696 {
673 type: "subscriptions.listen", 697 type: "subscriptions.listen",
674 filter: ["added", "disabled", "homepage", "removed", "title"] 698 filter: ["added", "disabled", "homepage", "removed", "title"]
675 }); 699 });
676 700
677 window.addEventListener("DOMContentLoaded", onDOMLoaded, false); 701 window.addEventListener("DOMContentLoaded", onDOMLoaded, false);
678 })(); 702 })();
OLDNEW
« no previous file with comments | « options.html ('k') | skin/options.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld