UX Improvements list

[barryvdh]

• Hide inactive tabs until used; Hide empty collectors until used php-debugbar/php-debugbar#672
• Combine Route / Request tabs and make it easier to read? Also remove the tab or indicator, as it's double now, so instead move the tab to the right?
• Maybe hide RAM en PHP version by default, by creating an info/performance tab? Ram is a bit tricky, I never really pay much attention to it but can see it being useful.
• Improve Gate to show Policy or target; Gate: Show target in description #1653
• Improve View and Livewire tab for Liveware components
• Prettify querys by formatting whitespace on open?
• Check consistency in filters/links to IDE
• Improve current request / ajax; [UX] Improve current URL + Ajax dropdown php-debugbar/php-debugbar#674
• Flexible position for the minimized button. Dragging Feature php-debugbar/php-debugbar#660
• Lazy-load dataset, until the Debugbar is open (or just the headers/badges?)
• ...?

[barryvdh]

I like how Symfony shows the details on hover:

[systemsolutionweb]

What about CacheCollector :

• Unserialize cache data #1576
• Show an estimate of cache size on CacheCollector #1563

[barryvdh]

CacheCollector I'll look into, but want to minimize performance impact.

Additionally, that popup from previous reply could also be used to toggle options.

[tpetry]

Prettify querys by formatting whitespace on open?

I was thinking about that too. But common eloquent queries with multiple has or whereHas conditions get really long. And when prettifying those subqueries they can easily span 50+ rows.

[barryvdh]

Prettify querys by formatting whitespace on open?

I was thinking about that too. But common eloquent queries with multiple has or whereHas conditions get really long. And when prettifying those subqueries they can easily span 50+ rows.

Yes I wanted to do it more like the 'Explain' button. So either Open and prettify when not collapsed, or open + button to prettify.

[parallels999]

open + button to prettify

maybe a popup window, like emails preview

[azgooon]

When a page containing further Ajax calls is loaded, the debug bar detects these requests and displays the latest one which I find often not the one I am working on. Having the ability to disable auto-preselecting new requests would be handy.

Every time, after the page load I need to go to the list of requests and select i.e the first one (as I am working on the main document)

[parallels999]

@azgooon hi, that is not the point of this thread,
but I don't know if the documentation for that is wrong, they ask the same thing every time

laravel-debugbar/config/debugbar.php

Line 128 in 16a13cc

'ajax_handler_auto_show' => true,

[barryvdh]

And if you click the button, you can disable it from the UI (autoshow)

[azgooon]

@parallels999 and @barryvdh thanks for this. My bad, in my config, published a while ago I've not even had this option available so I assumed that this could not be toggled on/off. In ref to the "autoshow" checkbox sorry but I wouldn't connect the dots... maybe "autoshow the latest request" would be more meaningful? Just a thought.

[angeljqv]

Prettify querys by formatting whitespace on open?

I was thinking about that too. But common eloquent queries with multiple has or whereHas conditions get really long. And when prettifying those subqueries they can easily span 50+ rows.

Yes I wanted to do it more like the 'Explain' button. So either Open and prettify when not collapsed, or open + button to prettify.

+1 for the pop up,
maybe repo: sql-formatter-org/sql-formatter, js: @15.4.5/dist/sql-formatter.min.js, demo: /sql-formatter

[erikn69]

repo: sql-formatter-org/sql-formatter, js: @15.4.5/dist/sql-formatter.min.js, demo: /sql-formatter

I did made a popup PoC on php-debugbar/php-debugbar#690, this would be the result:

[bilogic]

Possible to implement addIndicator for "Custom tabs and indicators" described here http://phpdebugbar.com/docs/javascript-bar.html#tabs-and-indicators

Would be fantastic to add my own custom links to

1. https://github.com/opcodesio/log-viewer
2. https://github.com/apih/laravel-route-list-web
3. phpinfo()

Unfortunately, no URLs allowed

Debugbar::addCollector(new \DebugBar\DataCollector\MessagesCollector('Quick Links'));
Debugbar::getCollector('Quick Links')->addMessage('<a href="https://google.com">Test</a>');