Changes between Version 27 and Version 29 of Ticket #1526


Ignore:
Timestamp:
02/09/2015 05:44:41 PM (6 years ago)
Author:
greiner
Comment:

Legend:

Unmodified
Added
Removed
Modified
  • Ticket #1526 – Description

    v27 v29  
     1https://issues.adblockplus.org/ticket/1526#no4 
     2 
    13=== Background === 
    2 As part of the redesign of the options page in #1524 we need to implement the user interface based on the provided designs: 
    3 - Style Guide: [https://drive.google.com/a/adblockplus.org/file/d/0BwuqgB4SCPsPYUhCdFVDeWM4d0E/view?usp=sharing General],[https://drive.google.com/a/adblockplus.org/file/d/0BwuqgB4SCPsPNndqZkdJb0hzcGs/view?usp=sharing Overlay(modal Blocking list)], [https://docs.google.com/a/adblockplus.org/file/d/0BwuqgB4SCPsPWkNZUU5vVUphcE0/edit Overlay(modal language)] 
    4 - Tabs: [https://drive.google.com/a/adblockplus.org/file/d/0BwuqgB4SCPsPbFhhZTJva2lVdDg/view?usp=sharing General 1],[https://drive.google.com/a/adblockplus.org/file/d/0BwuqgB4SCPsPQ1VudmJCeHcxbWs/view?usp=sharing General 2 - Whitelisted websites default],[https://drive.google.com/a/adblockplus.org/file/d/0BwuqgB4SCPsPUV9FUVBKcVhSS1k/view?usp=sharing Advanced 1], [https://drive.google.com/a/adblockplus.org/file/d/0BwuqgB4SCPsPeVZhajFpR09PclU/view?usp=sharing Advanced 2],[https://drive.google.com/a/adblockplus.org/file/d/0BwuqgB4SCPsPZHA2WTVFYjhzMW8/view?usp=sharing Advanced 3],[https://drive.google.com/a/adblockplus.org/file/d/0BwuqgB4SCPsPX04yZUI5U1ZFQW8/view?usp=sharing Help], [https://drive.google.com/a/adblockplus.org/file/d/0BwuqgB4SCPsPdlVYR1JtNmlSLUk/view?usp=sharing Add another blocking list dialogue] 
    5 - Icons: [https://drive.google.com/a/adblockplus.org/folderview?id=0BwuqgB4SCPsPQjZNaXpkSHJYa0U&usp=sharing download] 
     4As part of the redesign of the options page in #1524 we need to implement the user interface based on the provided designs. 
    65 
    76=== What to change === 
    8 - Implement the UI based on the provided designs in the newly created adblockplusui repository #1525. 
    9 - Create a mock implementation of the extension interface to test the UI. 
     7- Implement the UI based on the provided designs (see below) in the newly created adblockplusui repository #1525. 
     8- Use flexbox instead of float or inline-block to layout elements 
     9- The language blocking lists area should be populated with language-specific installed subscriptions 
     10- The Further blocking lists area should be populated with subscriptions in subscriptions.xml (marked as "popular") and other installed subscriptions with popular items on top and sorted alphabetically 
     11- The Whitelisted websites area should be populated with filters of the form `@@||example.com^$document` and sorted alphabetically 
     12 
     13Designs 
     14- Style Guides: 
     15  - [https://issues.adblockplus.org/attachment/ticket/1526/options_page_styleguide_fonts_colors_distances_84.png General] 
     16  - [https://issues.adblockplus.org/attachment/ticket/1526/options%20page_styleguide_overlay_fonts_colors_distances_84.png Dialog] 
     17- Tabs: 
     18  - [https://issues.adblockplus.org/attachment/ticket/1526/general_77.png General] 
     19    - [https://issues.adblockplus.org/attachment/ticket/1526/options_page_whitelisted_websites_default_state_84.png no whitelisted websites] 
     20  - [https://issues.adblockplus.org/attachment/ticket/1526/advanced_1_77.png Advanced] 
     21    - [https://issues.adblockplus.org/attachment/ticket/1526/advanced_2_77.png edit custom filters] 
     22    - [https://issues.adblockplus.org/attachment/ticket/1526/advanced_3_77.png context menu] 
     23  - [https://issues.adblockplus.org/attachment/ticket/1526/options_page_help_80.png Help] 
     24- Dialogs: 
     25  - [https://issues.adblockplus.org/attachment/ticket/1526/options_page_activate_blockinglist_dialogue_86.png Add predefined list] 
     26  - [https://issues.adblockplus.org/attachment/ticket/1526/general_addOtherLanguage_73.png Languages] 
     27- Icons: 
     28  - [https://issues.adblockplus.org/attachment/ticket/1526/options%20page%20sliced%20images_1.zip download] 
     29  - [https://issues.adblockplus.org/attachment/ticket/1526/arrowdown_1.png Arrow down] 
     30 
     31Behavior 
     32- Clicking on a checkbox should remove a blocking list not only from FilterStorage but also from the view unless it is marked as "popular" 
     33- Clicking on a checkbox of a blocking list marked as "popular" should only remove it from FilterStorage and remove the check from the checkbox 
     34- Clicking on an "x" next to a domain should remove the according filter from FilterStorage and from the view 
     35- Clicking on "add other website languages" should open up the [https://issues.adblockplus.org/attachment/ticket/1526/general_addOtherLanguage_73.png according dialog] 
     36- Clicking on "add other blocking list" should open up the [https://issues.adblockplus.org/attachment/ticket/1526/options%20page_styleguide_overlay_fonts_colors_distances_84.png according dialog] 
     37- When the `app.listen` event is triggered with a type of `addSubscription` it should open up the [https://issues.adblockplus.org/attachment/ticket/1526/options_page_activate_blockinglist_dialogue_86.png according dialog] 
     38- Clicking on the version number should open up the according changelog from "https://adblockplus.org/releases" using "https://adblockplus.org/redirect" 
     39- Clicking on "Share" should open up the share dialog as it is currently implemented in the first-run page 
     40- Clicking on "Donate" should open "https://adblockplus.org/<locale>/donate" in a new tab using "https://adblockplus.org/redirect" 
     41- Hovering over text with a dotted blue underline should show a tooltip containing a description (pending design)