[Repository] Improve "Cache usage statistics" table

[jc7447]

• Use even/odd to distinct each line
• Make the header sticky with the scrollbar

[troussej]

I started working on this, but I have some readability and perf issues.

I'm making each line collapsible, and I want to start everything collapsed. but on big repos, this takes up to 500ms during the init phase.

Maybe you could have a look at it? (https://github.com/troussej/BetterDynAdmin/tree/repository/cache_stats )

[jc7447]

I just take a look, in toggleCacheLines you are using JQuery slideToggle which perform an animation to hide the element.

Since you are using this function to handle click on the arrow and also to toggle off all lines at initialization time, you are performing X slide animations (X = number of item descriptor)

Default duration for the animation is 400ms, I'm surprised it doesn't take more time to render ! May be there is some JQuery or browser optimization to run several animation at the same time.

Anyway, I replaced .slideToggle() with .toggle(), for a repository with 60 item descriptors, it took 705 ms with slideToggle() and 140 ms with toggle(). I tried slideToggle(0), but it's the same as slideToggle().

May be you can add a boolean parameter to toggleCacheLines to know if you want to trigger the slide animation or not and use toggle and slideToggle accordingly.

[troussej]

• changed the css so that it's more legible
• collapse/expand per line

looks like setting up a sticky header is pretty tricky, I've seen plugins over 300 lines to do that ...

[troussej]

i think this can be closed for now.