1529518 - [remote-dbg-next] UX-implementation: Debug Targets

Status: RESOLVED FIXED

(DevTools :: about:debugging, enhancement, P1)

Description

[Julian Descottes [:jdescottes]]

We have mockups (more or less finalized) for all debug targets.

Tabs

UX Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1512642

Conclusion:

No recent mockups here either. I think the most refined debug targets work we have is still the extensions debug target:

https://mozilla.invisionapp.com/share/4PQDY0Z7GN3#/screens/346852729

It seems to be in-line with earlier mockups for the tab debug target found at https://mozilla.invisionapp.com/share/M2PUG8ISVKJ#/screens/340431174

I think we will move the "smart url cropping" mentioned in the summary in a separate implementation bug.

Extensions

UX Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1512649

Conclusion:

The latest mockups for Extensions targets are available in the last page of https://mozilla.invisionapp.com/share/4PQDY0Z7GN3#/screens/346852729

Workers

UX Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1512658

Conclusion:

We don't have recent mockups for the service worker targets.

The overall design should be similar to the temporary extensions design visible at https://mozilla.invisionapp.com/share/4PQDY0Z7GN3#/screens/346852729

The properties for service workers should be:

• scope
• state
• fetch

The Inspect button should be the main card action.
The addition buttons displayed below the properties should be: start, push, unregister

Comment 1

[Daisuke Akatsuka (:daisuke)]

Attachment: Bug 1529518: Polish tab item. r=ladybenko!,ola!

Comment 2

[Daisuke Akatsuka (:daisuke)]

Attachment: Bug 1529518: Polish extension item. r=ladybenko!,ola!

Depends on D21887

Comment 3

[Daisuke Akatsuka (:daisuke)]

Attachment: Bug 1529518: Apply new style to temporary extension item. r=ladybenko!,ola!

Depends on D21888

Comment 4

[Daisuke Akatsuka (:daisuke)]

Attachment: Bug 1529518: Apply new style to worker item. r=ladybenko!,ola!

Depends on D21889

Comment 5

[Daisuke Akatsuka (:daisuke)]

Attachment: Bug 1529518: Move Reload/Remove buttons of temporary extension item to bottom for . r=ladybenko!,ola!

Depends on D21890

Comment 6

[Daisuke Akatsuka (:daisuke)]

Attachment: Bug 1529518: Move Start/Push/Unregister buttons of service worker item to bottom. r=ladybenko!,ola!

Depends on D21892

Comment 7

[Daisuke Akatsuka (:daisuke)]

Attachment: Bug 1529518: Move temporary extension installer button to temporary extensions pane. r=ladybenko!,ola!

Depends on D21893

Comment 8

[Daisuke Akatsuka (:daisuke)]

Attachment: Bug 1529518: Make the installer to be target of collapse/expand. r=ladybenko!,ola!

Depends on D21894

Comment 9

[Daisuke Akatsuka (:daisuke)]

Attachment: Bug 1529518: Move worker status to top. r=ladybenko!,ola!

According to this mock, the status locates at top of item.
https://mozilla.invisionapp.com/share/M2PUG8ISVKJ#/screens/339158284
Thus, although make that to move in this patch, we may ignore.

Depends on D21895

Comment 10

[Daisuke Akatsuka (:daisuke)]

Attachment: Bug 1529518: Add some margin to Message component in extension item. r?ladybenko,r?Ola

Depends on D21896

Comment 11

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/9f76239ec701
Polish tab item. r=ladybenko,Ola
https://hg.mozilla.org/integration/autoland/rev/600afe2d4588
Polish extension item. r=ladybenko,Ola
https://hg.mozilla.org/integration/autoland/rev/77a7a2abdde3
Apply new style to temporary extension item. r=ladybenko,Ola
https://hg.mozilla.org/integration/autoland/rev/8979a0414196
Apply new style to worker item. r=ladybenko,Ola
https://hg.mozilla.org/integration/autoland/rev/c53d7aa8bb01
Move Reload/Remove buttons of temporary extension item to bottom for . r=ladybenko,Ola
https://hg.mozilla.org/integration/autoland/rev/278e2992c135
Move Start/Push/Unregister buttons of service worker item to bottom. r=ladybenko
https://hg.mozilla.org/integration/autoland/rev/a30ab6d22758
Move temporary extension installer button to temporary extensions pane. r=ladybenko
https://hg.mozilla.org/integration/autoland/rev/db827a565586
Make the installer to be target of collapse/expand. r=ladybenko
https://hg.mozilla.org/integration/autoland/rev/4b93bb3516af
Move worker status to top. r=ladybenko
https://hg.mozilla.org/integration/autoland/rev/3f9c52ed8eaa
Add some margin to Message component in extension item. r=ladybenko,Ola

Comment 12

[Oana Pop-Rus]

https://hg.mozilla.org/mozilla-central/rev/9f76239ec701
https://hg.mozilla.org/mozilla-central/rev/600afe2d4588
https://hg.mozilla.org/mozilla-central/rev/77a7a2abdde3
https://hg.mozilla.org/mozilla-central/rev/8979a0414196
https://hg.mozilla.org/mozilla-central/rev/c53d7aa8bb01
https://hg.mozilla.org/mozilla-central/rev/278e2992c135
https://hg.mozilla.org/mozilla-central/rev/a30ab6d22758
https://hg.mozilla.org/mozilla-central/rev/db827a565586
https://hg.mozilla.org/mozilla-central/rev/4b93bb3516af
https://hg.mozilla.org/mozilla-central/rev/3f9c52ed8eaa