project Websites / Gitlab Issue Listing Script avatar

websites/Gitlab-Issue-Listing-Script#28: Tidy up project listing page

Issue Information

Issue Type: issue
Status: closed
Reported By: btasker
Assigned To: btasker

Milestone: v0.4
Created: 20-Apr-22 07:46


The project listing page is quite messy.

In JILS it was split into a table of avatar, key, name, but that's not available to us (due to lack of project key).

We currently have a list like this

|                               | Name                                   |
|                               | jira-projects / Anti-AMP scripts       |
|                               | Websites /             |
|                               | Utilities / Btasker SSG Wrapper        |
|                               | jira-projects / CDN                    |
|                               | Misc / Docker Gitphp                   |
|                               | Utilities / EntropyDistributor         |
|                               | Misc / Flux Tasks                      |
|                               | Websites / Gitlab Issue Listing Script |
|                               | Misc / GreaseMonkey_Scripts            |
|                               | jira-projects / HLS Stream Creator     |
|                               | Misc / Hassio Compreface Addon         |

and it doesn't really work as a layout.

It's ostensibly organised by project name, but having the group name in there first makes it quite hard to scan over and find a project (unless it has a recognisable/memorable avatar)

Toggle State Changes


assigned to @btasker

There are a few ways we could take this:

A sortable/filterable table:

avatar, project name, group name

A list with group name moved to the end

avatar, project name (group name)

Technically we could strip group name completely

avatar, project name

But that might get confusing if there are two projects with the same name in different groups (horrible thing to do, but it'll be the case somewhere)

I've gone with a filterable table:


It means you can filter projects down by group (as I've done in the screenshot) or search for a project by name


mentioned in commit 9a99e6633109c8f29adb8ce7977592cece88e8d9

Commit: 9a99e6633109c8f29adb8ce7977592cece88e8d9 
Author: B Tasker                            
Date: 2022-04-20T08:57:13.000+01:00 


Tidy up project listing page for websites/Gitlab-Issue-Listing-Script#28

This moves from a hard to scan list of names to a searchable and filterable table

+25 -17 (42 lines changed)