project-zot/zui

UI for zot registry

zui's Issues

Zui should leverage Zot API which exposes configuration

Determine if local authentication is enabled.
If local authentication is enabled, the user should be allowed to change his password.

ZUI mocks: Layer page - Tags (maybe include SBOM tab too)

ZUI - do not show logout button unless we enable user authentication

ZUI mocks: Image/Tag page - Vulnerabilities

Add Landing Page, links to either

• Sign In Page, if auth is configured
• Explore Repositories Page, if auth is not configured

Fix newest tag display in Repo Cards

Describe the bug
The repository cards are supposed to display the newest uploaded tag for the image.

To Reproduce
Steps to reproduce the behavior:

1. Go to HomePage
2. Image cards don't correctly display newest tag info

Expected behavior
Image cards should display newest tag after uploader's username

Screenshots

ZUI: Hide bookmarks section if there are no bookmarks to show

Don't show any bookmarks if the user is not logged in or does not have bookmarks configured

Update repo cards to include download counter

Implement tests for home page

We should not show ZUI login screen if the authentication is disabled

Currently the front-end makes a call to zot in order to verify the need for credentials.
Until the browser receives the reply from the backend it will show the login screen. We need to fix this.

Update repo details to leverage RepoInfo with RepoSummary information

ZUI Mocks: experiment with more color themes

Experiment with more themes for ZUI / project website: maybe one warm color and black/grey.

ZUI: update color scheme with latest mockups

ZUI mocks: Tag page - Overview, Layers, Dependencies, Dependants

ZUI - use a spinner while data is loading

At least for the query to get the most recent images, ideally for all queries.

ZUI: populate fields based on image annotations

  org.opencontainers.image.description: base is a minimal glibc-based Linux system
  org.opencontainers.image.licenses:    GPL-2.0-or-later
  org.opencontainers.image.revision:    72aa5c8
  org.opencontainers.image.source:      https://github.com/project-stacker/c3
  org.opencontainers.image.title:       base-debian-amd64
  org.opencontainers.image.url:         https://github.com/project-stacker/c3
  org.opencontainers.image.vendor:      Cisco Systems, Inc.
  org.opencontainers.image.version:     bullseye

Global search: use pagination

Implement tests for explore page

Show dependencies for a specific repo/image

From GraphQL schema:

BaseImageList(image: String!): [ImageSummary!]

ZUI - use pagination on RepoListWithNewestImage for the home page

This is in order to benefit from the sorting by UpdateTime, and have pagination

setup ci/cd, unit test framework

Is your feature request related to a problem? Please describe.

Currently, we are focused only on feature development, but currently lacking automated testing.

Describe the solution you'd like

Add a framework/workflow to build upon.

ZUI: the scale of the UI is too large - the tiles are too large

We want to see more tiles when loading the list with the latest images.

Update Repo Details Page look and feel to match the latest mock-ups

Automatically get hostname for api request

Repo cards: show user specific metadata

• is this repo starred by the current user?
• ability to star this repo
• show total star count for this repo
• is this repo bookmarked by the current user?
• ability to bookmark this repo

Update Repo Card look and feel to match the latest mock-ups

react-scripts vulnerabilities

Describe the bug
npm install and npm audit that are used in the build of the application reports vulnerabilities tied to the react-scripts package.

To Reproduce
Steps to reproduce the behavior:

1. Run npm install or npm audit inside the project directory
2. Vulnerabilities reported

Expected behavior
We always expect no vulnerabilities to be reported, however this is a vulnerability for a development dependency that has no impact on the production build of the app.
Additional context
The issue will be automatically fixed when PR, estimated to be on the next major version.
This issue is discussed in more detail here

Update makefile to exclude dev dependency vulnerabilities

Implement tests for login page

ZUI: supporting changing local user password

Depends on project-zot/zot#698

ZUI mocks: update mocks for Vulnerability information in repo tiles

ZUI mocks: update mocks for image signatures in repo tiles

Show more information on who signed a specific image:tag

Display detailed image signature information in ZUI

Implement Image:Tag page

Update front-end code to leverage RepoSummary returned by ImageListWithLatestTag

Define requirements for zot server administration using zui

Implement tests for image page

Update Home Page look and feel to match the latest mock-ups

Show image history on the Image:Tag page

Clarify intended behavior when user selects and image or a layer from freetype search results

Do we need to implement a details view for an image? Do we need to implement a details view for a layer?
Current mocks only cover a repo. They don't cover an image (image is a repo plus a tag). They don't cover the layer.

ZUI: fix the title and descriptions used in image:tag screen

"Title" to be used for short "description" under the repo name.
"Description" to be used for the long "description" on the overview tab of the repo.

Show bookmarked repos in Home Page

ZUI - Show layer hashes in the image:tag layers tab

ZUI: Implement filtering feature

Use new zot logo in zui

Implement freetype search feature

ZUI: Fix async call cancellation

ZUI: Refactor backend response mapping

Implement global search results feature

Show dependants for a specific repo/image

From GraphQL schema:

 DerivedImageList(image: String!): [ImageSummary!]