Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add project info to web UI #654

Merged
merged 6 commits into from
Dec 21, 2022
Merged

Add project info to web UI #654

merged 6 commits into from
Dec 21, 2022

Conversation

UnniKohonen
Copy link
Contributor

This PR adds information about a selected project to the web UI.

A button is added under the project selection:
Screenshot 2022-12-08 at 11-43-39 Annif

This opens a box with the information on the project:
Screenshot 2022-12-08 at 11-43-48 Annif

IMO a version with the info in a popup next to the project selection would look cleaner but I'm not sure how to implement it yet.

@UnniKohonen UnniKohonen added this to the 0.60 milestone Dec 8, 2022
@UnniKohonen UnniKohonen requested a review from osma December 8, 2022 10:57
@codecov
Copy link

codecov bot commented Dec 8, 2022

Codecov Report

Base: 99.55% // Head: 99.55% // No change to project coverage 👍

Coverage data is based on head (68116c0) compared to base (c48d81a).
Patch has no changes to coverable lines.

Additional details and impacted files
@@           Coverage Diff           @@
##           master     #654   +/-   ##
=======================================
  Coverage   99.55%   99.55%           
=======================================
  Files          87       87           
  Lines        6006     6006           
=======================================
  Hits         5979     5979           
  Misses         27       27           

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.

@osma
Copy link
Member

osma commented Dec 14, 2022

Great work so far!

I think the visual design could be a bit simpler instead of a big button. How about making it similar to the collapsible details/summary view available here on GitHub, something like this (try clicking):

Project information Project ID: yso-fi
Language: fi
Backend type: nn_ensemble
Trained: yes
Last modified: 2022-11-21 15:07:57 UTC

Here is a rough sketch how it could look (sorry for the bad alignment, not intended!)

kuva

It would be closed by default of course.

@UnniKohonen
Copy link
Contributor Author

I changed it to this now:
Screenshot 2022-12-16 at 10-45-02 Annif
Screenshot 2022-12-16 at 10-44-36 Annif

I left the animation for the collapse element on but it can be removed too if it's distracting.

Copy link
Member

@osma osma left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is excellent! I think the animation is also OK.

A couple of very minor visual details that you could perhaps address:

  1. "Project information" is now set in bold - I think it could be just regular text. Now it stands out more than necessary, because there is no other bold text on the page.
  2. Is there any chance to left-align the text column so that "Project information" and "Project ID" would be aligned?

Other than these two minor details, I think this is good for merging!

@UnniKohonen UnniKohonen marked this pull request as ready for review December 21, 2022 09:05
@sonarqubecloud
Copy link

Kudos, SonarCloud Quality Gate passed!    Quality Gate passed

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

No Coverage information No Coverage information
0.0% 0.0% Duplication

@UnniKohonen UnniKohonen merged commit 45be34d into master Dec 21, 2022
@UnniKohonen UnniKohonen deleted the web-ui-project-info branch December 21, 2022 10:37
@juhoinkinen
Copy link
Member

We should remember to update the Wiki page for the Web UI when the next release is made, it is quite old already.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants