Bug 177469 - Web Inspector: Add loading indicator next to resources in the Network Tab
Summary: Web Inspector: Add loading indicator next to resources in the Network Tab
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Joseph Pecoraro
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2017-09-25 15:20 PDT by Joseph Pecoraro
Modified: 2017-09-27 12:16 PDT (History)
5 users (show)

See Also:


Attachments
[IMAGE] Loading Indicator - LTR (159.72 KB, image/png)
2017-09-25 15:22 PDT, Joseph Pecoraro
no flags Details
[IMAGE] Loading Indicator - RTL (114.28 KB, image/png)
2017-09-25 15:23 PDT, Joseph Pecoraro
no flags Details
[PATCH] Proposed Fix (7.59 KB, patch)
2017-09-25 15:23 PDT, Joseph Pecoraro
no flags Details | Formatted Diff | Diff

Note You need to log in before you can comment on or make changes to this bug.
Description Joseph Pecoraro 2017-09-25 15:20:18 PDT
Add loading indicator next to resources in the Network Tab

The Resources tab shows a loading indicator for resources that are loading. The Network tab (both modern and old) doesn't, but it should!
Comment 1 Joseph Pecoraro 2017-09-25 15:22:57 PDT
Created attachment 321754 [details]
[IMAGE] Loading Indicator - LTR
Comment 2 Joseph Pecoraro 2017-09-25 15:23:08 PDT
Created attachment 321755 [details]
[IMAGE] Loading Indicator - RTL
Comment 3 Joseph Pecoraro 2017-09-25 15:23:21 PDT
Created attachment 321756 [details]
[PATCH] Proposed Fix
Comment 4 Matt Baker 2017-09-25 17:15:51 PDT
Comment on attachment 321756 [details]
[PATCH] Proposed Fix

View in context: https://bugs.webkit.org/attachment.cgi?id=321756&action=review

r=me

> Source/WebInspectorUI/UserInterface/Models/Resource.js:847
> +    {

I'd make this a read-only property and put it after `Resource.prototype.finished get`.

> Source/WebInspectorUI/UserInterface/Views/ResourceTimelineDataGridNode.js:318
> +        } else {

Could be:

} else if (this._spinner) {
Comment 5 Joseph Pecoraro 2017-09-25 18:33:19 PDT
Comment on attachment 321756 [details]
[PATCH] Proposed Fix

View in context: https://bugs.webkit.org/attachment.cgi?id=321756&action=review

>> Source/WebInspectorUI/UserInterface/Models/Resource.js:847
>> +    {
> 
> I'd make this a read-only property and put it after `Resource.prototype.finished get`.

Simply because we have a `finished` I didn't want to put a property `loading` since they sound to me like opposites but they aren't. So I made this a method so its is hopefully more obvious this will get you a complete result checking all state.
Comment 6 WebKit Commit Bot 2017-09-25 18:35:55 PDT
Comment on attachment 321756 [details]
[PATCH] Proposed Fix

Clearing flags on attachment: 321756

Committed r222485: <http://trac.webkit.org/changeset/222485>
Comment 7 WebKit Commit Bot 2017-09-25 18:36:09 PDT
All reviewed patches have been landed.  Closing bug.
Comment 8 Radar WebKit Bug Importer 2017-09-27 12:16:16 PDT
<rdar://problem/34692901>