AdGuard 6.0 UI demo

Discussion in 'Discussion (AdGuard for Windows)' started by avatar, Apr 22, 2014.

Tags:
  1. avatar

    avatar Administrator Staff Member Administrator

    Joined:
    Oct 26, 2010
    Messages:
    12,932
    Hi all!

    Just wanted to share an early demo of new Adguard's UI.
    Attention: UI is still in development, there will be changes.

    [video=youtube;lw_my0EbP3Y]http://www.youtube.com/watch?v=lw_my0EbP3Y&feature=youtu.be[/video]
     
  2. Nameless

    Nameless Beta Tester

    Joined:
    Mar 19, 2014
    Messages:
    733
    Wow thats a big change to the current menu!

    Looking forward to testing it out, especially when it comes to updates to the filters noticed i want to set them up in specific ways and would like to see a few changes.

    * Ability to import filters without messing up current user filters
    * Warning if your going to lose your current filters if importing
    * Ability to sort them somehow (right now i export and import alot to have some sort of order)
    * Add filters at top rather than bottom as it saves scrolling thougha big list (i imported fanboys social filters to test something 11,000 lines!) or right click and "Insert filter here" would be nice
    * Multiple user subscriptions (could add fanboys social, adblocks facebook and keep them updated with a touch of a button rather than copy and past jobs every update if there is one)

    As it currently stands i add filters then sort them out at a later date though it is pain to remember what they do at times lol here is what i mean.

    ||xp2.zedo.com^$third-party
    ||youtube.com/annotations_
    ||syndication.jsadapi.com^$third-party
    mixmag.net###modalOuter
    ebay.co.uk##[id="pushdown"]
    ebay.co.uk###rtm_html_11575
    ebay.co.uk###rtm_html_439
    ebay.co.uk###rtm_html_1527
    livesets.at##[id="___page_0"]
    firedrive.com##[class="newzip_wrap"]
    firedrive.com##.promo_wrap
    rapidmoviez.com##[class="updates clear"]
    rapidmoviez.com##img[alt="OBOOM.com"]
    rapidmoviez.com##[id="DockMenuDiv"]
    rapidmoviez.com##[class="gray clear"]
    hotukdeals.com##[class="redesign-item-listing redesign-item-listing-filter-page redesigned newsletter-subscription-inline"]
    ! ---------------------------
    ! Lightbox removers
    ! ---------------------------
    ###html_javascript_adder46
    ###introOverlayBg
    ###overlayBg
    ###popupOverlay
    ###splashpage
    picrar.com###hideme
    ! ---------------------------
    ! Facebook Annoyances
    ! ---------------------------
    facebook.com##[class="swfObject"]
    facebook.com##[id="pagelet_trending_tags_and_topics"]
    facebook.com##[id="pagelet_canvas_nav_content"]
    facebook.com###pagelet_ego_pane
    ! ---------------------------
    ! Title: facebook news feed annoyances blocker
    ! https://easylist-downloads.adblockplus.org/fb_annoyances_newsfeed.txt
    ! ---------------------------
    ! "Upcoming Events" and "Most Shared On Page X"
    facebook.com##.fbMainStreamAttachment ._4hh
    ! "Recently Released Albums"
    facebook.com##.fbMainStreamAttachment ._4hl
    ! "Similar To Page X" (after liking a post in the news feed)
    facebook.com##.commentable_item + .mvs
    facebook.com##.commentable_item + div > .mvs
    facebook.com##div[id^="substream_"] > div > div > .mvm
    facebook.com##DIV[id^="substream_"] > DIV > DIV > DIV > .mbm > ._4_ck
    ! "Suggestions" below a post
    facebook.com##.userContentWrapper > ._5pax > DIV > .mvs
    ! "Page X is posting about Page Y", "Page X is similar to Pages you like" and "Trending about Page X"
    facebook.com##.storyContent > .storyUnconnectedPost
    ! "Games You May Like" (new Facebook news feed)
    facebook.com##.mbm._6nl + .uiList > ._6n2
    facebook.com##.mbm._6nl
    facebook.com##._5pcr > .mbm._43rz
    facebook.com##._5pcr > .mbm._43rz + ._43r-
    facebook.com##.mbm._43rz + .uiList > ._43s1
    facebook.com##.mbm._43rz + .uiList + .uiLis
    ! ---------------------------
    ! Social Share Button Removers
    ! ---------------------------
    ##.social-widget
    ###ebayShare_1
    ##.social-share-widget
    ##.mod-follow
    slashdot.org##.social_sm
    ! ---------------------------
    ! Cookie removal (This site uses cookies)
    ! ---------------------------
    gizmodo.co.uk###fp_cookieMessageContainer > DIV
     
  3. rickyoh

    rickyoh Beta Tester

    Joined:
    Feb 3, 2012
    Messages:
    565
    looking good, that is a clean start page nice. especially like the search feature.
    @ Nameless, wow that user filter! i'm thinking that in order to tame such a user filter it would be really nice if the user filter section implemented a collapsible/expandable tree system. so the layout would be something like this:

    Code:
    -General filters:---||xp2.zedo.com^$third-party
                        ||youtube.com/annotations_
                        ||syndication.jsadapi.com^$third-party
                        mixmag.net###modalOuter
                       -Ebay:---ebay.co.uk##[id="pushdown"]
                                ebay.co.uk###rtm_html_11575
                                ebay.co.uk###rtm_html_439
                                ebay.co.uk###rtm_html_1527
                        livesets.at##[id="___page_0"]
                       +Firedrive
                       -Rapidmoviez:---rapidmoviez.com##[class="updates clear"]
                                       rapidmoviez.com##img[alt="OBOOM.com"]
                                       rapidmoviez.com##[id="DockMenuDiv"]
                                       rapidmoviez.com##[class="gray clear"]                            
                        hotukdeals.com##[class="redesign-item-listing redesign-item-listing-filter-page redesigned newsletter-subscription-inline"]    
    -Lightbox removers:---###html_javascript_adder46
                          ###introOverlayBg
                          ###overlayBg
                          ###popupOverlay
                          ###splashpage         
                          picrar.com###hideme   
    +Facebook Annoyances
    +Title: facebook news feed annoyances blocker
    -Social Share Button Removers:---##.social-widget
                                     ###ebayShare_1
                                     ##.social-share-widget
                                     ##.mod-follow
                                     slashdot.org##.social_sm
    +Cookie removal (This site uses cookies)
    for this illustration "-" is an expanded tree while "+" is a collapsed one. this, in my opinion, would better help organise large user filter lists like you have and who knows even spill this method over to the other lists.
     
    Last edited by a moderator: Apr 22, 2014
  4. NSG001

    NSG001 New Member

    Joined:
    Apr 5, 2014
    Messages:
    9
    Looking nice and clean, congrats to everyone at Adguard :)
     
  5. Nameless

    Nameless Beta Tester

    Joined:
    Mar 19, 2014
    Messages:
    733
    Nice idea rickyoh, if be happy with just titles for the menus (General > Overlays > Facebook Annoyances > Facebook Newsfeed Fixs) as everything in general would be in order anyway specially if they added "insert rule here" or something similar =)
     
  6. Boo Berry

    Boo Berry Moderator + Beta Tester Moderator

    Joined:
    May 30, 2012
    Messages:
    3,298
    Looking good!

    Problem with those custom tree-based filters is, they deviate away from the "Adblock Plus" standard. :p
     
  7. rickyoh

    rickyoh Beta Tester

    Joined:
    Feb 3, 2012
    Messages:
    565
    @Boo think of it as a folder structure for your filters; an organization tool. besides the folders themselves can be virtual the filters themselves aren't "physically" moved. so if you want all your ebay filters in one place create a folder named ebay and put all of them in there. cleans the section up immensely.
     
    Last edited by a moderator: Apr 24, 2014
  8. Venky

    Venky Beta Tester

    Joined:
    Jul 19, 2013
    Messages:
    151
    is it just me or the new UI looks similar to Kaspersky? :D
     
  9. Nameless

    Nameless Beta Tester

    Joined:
    Mar 19, 2014
    Messages:
    733
    Seems everything is going for the metro look/feel.

    If im honest not a fan of it but if devs want to use it then so be it long as they make things i use alot easy to access i dont mind. (i'll say if i want something moving that i use alot like my filters :p)
     
  10. chromatinfish123

    chromatinfish123 Beta Tester

    Joined:
    Apr 19, 2014
    Messages:
    47
    It's a big improvement on the style, just thinking that the settings should be better seen instead of tucked away in that small corner.