Dashboard repo UI

[Morlinest]

Hi, I have fix for dashboard (show only rendered UI, not vue templates). I've done some improvements, but need to discuss 2 options (or find another one).

Animated GIF of my first variant (I used throttling GPRS in chrome and refresh page few times):

Second variant (logic is same, but render only 1 mixed list instead of 2):

I do not like the mixed version with showed name ("My repositories") and repos count (it counts only my own repos, but showing all available). In this variant can be shown total repos found (after filter/search) or total count (when filter is empty). One of this method can be used also for showing "Show more repositories..." link.

What do you think?

Recap of questions:

1. Show 1 mixed list or 2 lists of repositories (my own and available)
2. If showing 1 mixed list:
   a. Naming - is "My Repositories" ok?
   b. Counter - show number of all repositories based on last search (= dynamic value) or show number of all available repositories (= static value, number can be saved from first/every empty search)
3. "Show more repositories..." link - show based on total count or filtered count

[lunny]

1 and 2: Show 1 mixed list, but we can learn something from Github

We can also add a submenu on My Repositories which have three menus, All, Sources, Collbrative

3: I think the number should be a static value of all repositories. We haven't a My Repositories page, so "Show more repositories..." is no need currently.

[Morlinest]

1: Github shows 2 lists, "Repositories you contribute to" and "Your repositories". Second one has few filters, that can be easily added later.
2: OK, static value.
3: That link is not new, it is in code (it's pointing to user page, with search box and sort options).

[lunny]

1. Yes, I mean the second one, "Repositories you contribute to" will not be implemented, we can ignore that currently.

[Morlinest]

@lunny OK

What type of filter is Sources?

[lunny]

Sources mean all the repositories in your name except mirrors, forks. It's the same concept as Github.

[Morlinest]

What do you think about this?

1.)

or

2.)

First one is without any css modification (pure semantic ui classes), second one with 2 new classes (not expert in semantic ui, I could not find better solution = any help is welcome :)).

[lafriks]

I like second one better

[Morlinest]

@lunny If you like it, I can send PR with changes.

Animated gif (with throttling):

Animated gif (full speed):

[Morlinest]

Added Forks filter

[lafriks]

Sure send PR and than we can probably help also with semantic ui css :)

[lunny]

@Morlinest Please do it. I wish it could be merged into v1.2 and then the PR will also fix #2114 and replace #2205