[Webkit-unassigned] [Bug 147389] New: Web Inspector: Add the ability to filter out tasks in the Rendering Frames timeline

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=147389

            Bug ID: 147389
           Summary: Web Inspector: Add the ability to filter out tasks in
                    the Rendering Frames timeline
    Classification: Unclassified
           Product: WebKit
           Version: 528+ (Nightly build)
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Web Inspector
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: mattbaker at apple.com
                CC: graouts at webkit.org, joepeck at webkit.org,
                    jonowells at me.com, mattbaker at apple.com,
                    nvasilyev at apple.com, timothy at apple.com,
                    webkit-bug-importer at group.apple.com

* SUMMARY
Add the ability to filter out tasks in the frames timeline. Each task requires a column in the data grid, and as we add more categories (such as Canvas), the ability to filter will be important to reduce the noise.

I propose we add a filter "funnel" button to the left of the delete button in the navigation sidebar. Clicking the button would drop down a bar similar to the "find in page" bar (using an ease-in transition) used in the Resources & Elements tabs. The bar would contains checkboxes to toggle the frame tasks.

View behaviors:
 - Grid columns for filtered tasks are hidden.
 - Filtered tasks would still appear in the frames graph and doughnut chart.
 - Frame records for which the entire duration was spent in filtered tasks are hidden from the tree/grid.

Filter "funnel" button behavior:
 - Icon is an empty funnel if no tasks are filtered.
 - Icon is a partially filled funnel if one or filters are applied.

* NOTES
One concern I have is that we are now locating filtering in two places: in the existing filter text box at the bottom of the sidebar, and in the proposed task filter bar. We could move the filter text box to the new task filter bar (similar to Chrome), but this is contrary to the current UI paradigm of placing filter text boxes at the bottom of the navigation sidebar. The one exception I'm aware of is in the Console tab, which lacks a sidebar.

See mockups for icon states and filter bar UI.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20150729/dc54cd7e/attachment.html>