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

refactor: session launcher image parsing #2800

Merged
merged 1 commit into from
Nov 5, 2024

Conversation

agatha197
Copy link
Contributor

@agatha197 agatha197 commented Oct 31, 2024

Changes:
This PR enhances the image selection UI to support extended image information in the session launcher, providing more detailed and structured image metadata display.

Key updates:

  • Adds support for displaying base image name, version, architecture and tags in a more organized format
  • Introduces tag aliasing functionality to show more user-friendly tag names
  • Updates the image selection interface to show customized image tags with distinct styling
  • Adds translations for "Tags" across all supported languages

Minimum required manager version: 24.09.1

Review Requirements:

  1. Verify extended image info display works when backend supports 'extended-image-info' feature
  2. Check tag aliasing correctly translates technical tags to user-friendly names
  3. Confirm customized image tags are properly highlighted with cyan color
  4. Validate all translations for "Tags" appear correctly across languages

Test Cases:

  1. Select an image with extended info:
    • Should show base image name, version, architecture and tags
    • Tags should display with proper aliasing
  2. Select a customized image:
    • Should show customized tag with cyan highlighting
    • Should display proper customized image name from labels
  3. Test with extended-image-info feature disabled:
    • Should fallback to legacy image info display format
  4. Test the image of Environments & Resource allocation page and Confirm and Launch page has the same value.

Screenshots:

image.png

Copy link

graphite-app bot commented Oct 31, 2024

Your org requires the Graphite merge queue for merging into main

Add the label “flow:merge-queue” to the PR and Graphite will automatically add it to the merge queue when it’s ready to merge. Or use the label “flow:hotfix” to add to the merge queue as a hot fix.

You must have a Graphite account and log in to Graphite in order to use the merge queue. Sign up using this link.

@agatha197 agatha197 force-pushed the refactor/session-launcher-image-parsing branch from 9473406 to 22fe5c5 Compare October 31, 2024 10:10
@agatha197 agatha197 force-pushed the refactor/new-image-parsing-on-CustomizedImageList branch from d1f8e39 to 694c97a Compare November 1, 2024 03:16
@agatha197 agatha197 force-pushed the refactor/session-launcher-image-parsing branch from 22fe5c5 to dfef701 Compare November 1, 2024 03:16
@agatha197 agatha197 force-pushed the refactor/new-image-parsing-on-CustomizedImageList branch from 694c97a to 6547cf8 Compare November 1, 2024 03:21
@agatha197 agatha197 force-pushed the refactor/session-launcher-image-parsing branch from dfef701 to 7e5e0e6 Compare November 1, 2024 03:21
@agatha197 agatha197 force-pushed the refactor/new-image-parsing-on-CustomizedImageList branch from 6547cf8 to 1344cda Compare November 1, 2024 04:08
@agatha197 agatha197 force-pushed the refactor/session-launcher-image-parsing branch from 7e5e0e6 to 4ff0f26 Compare November 1, 2024 04:08
@agatha197 agatha197 force-pushed the refactor/new-image-parsing-on-CustomizedImageList branch from 1344cda to eb53937 Compare November 1, 2024 04:46
@agatha197 agatha197 force-pushed the refactor/session-launcher-image-parsing branch from 4ff0f26 to 720c2c0 Compare November 1, 2024 04:47
@agatha197 agatha197 marked this pull request as ready for review November 1, 2024 04:52
@agatha197 agatha197 added this to the 24.09 milestone Nov 1, 2024
@agatha197 agatha197 marked this pull request as draft November 1, 2024 05:18
@agatha197 agatha197 force-pushed the refactor/new-image-parsing-on-CustomizedImageList branch from eb53937 to 21bac91 Compare November 1, 2024 05:41
@agatha197 agatha197 force-pushed the refactor/improve-image-filter-of-ImageList branch from 781b59f to c275f4c Compare November 4, 2024 07:02
@agatha197 agatha197 force-pushed the refactor/session-launcher-image-parsing branch from bc5e16b to 898f495 Compare November 4, 2024 07:03
@agatha197 agatha197 force-pushed the refactor/improve-image-filter-of-ImageList branch from c275f4c to 0d82fac Compare November 4, 2024 07:06
@agatha197 agatha197 force-pushed the refactor/session-launcher-image-parsing branch from 898f495 to c5f858e Compare November 4, 2024 07:07
@agatha197 agatha197 force-pushed the refactor/improve-image-filter-of-ImageList branch from 0d82fac to 92743f8 Compare November 4, 2024 07:09
@agatha197 agatha197 force-pushed the refactor/session-launcher-image-parsing branch from c5f858e to 408f1a0 Compare November 4, 2024 07:09
@agatha197 agatha197 force-pushed the refactor/improve-image-filter-of-ImageList branch from 92743f8 to 48670ca Compare November 4, 2024 07:38
@agatha197 agatha197 force-pushed the refactor/session-launcher-image-parsing branch 2 times, most recently from 9a80d06 to 6a2ff3e Compare November 4, 2024 07:52
@agatha197 agatha197 force-pushed the refactor/improve-image-filter-of-ImageList branch from 48670ca to 40a5692 Compare November 4, 2024 08:27
@agatha197 agatha197 force-pushed the refactor/session-launcher-image-parsing branch from 6a2ff3e to edc6685 Compare November 4, 2024 08:27
Copy link
Member

@yomybaby yomybaby left a comment

Choose a reason for hiding this comment

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

LGTM

@agatha197 agatha197 modified the milestones: 24.09, 24.12 Nov 4, 2024
@agatha197 agatha197 force-pushed the refactor/improve-image-filter-of-ImageList branch from 40a5692 to d72575d Compare November 5, 2024 09:57
@agatha197 agatha197 force-pushed the refactor/session-launcher-image-parsing branch from edc6685 to e6bf896 Compare November 5, 2024 09:58
Copy link

graphite-app bot commented Nov 5, 2024

Merge activity

@agatha197 agatha197 force-pushed the refactor/improve-image-filter-of-ImageList branch from d72575d to 7eaaad2 Compare November 5, 2024 10:34
@agatha197 agatha197 force-pushed the refactor/session-launcher-image-parsing branch from e6bf896 to 634718c Compare November 5, 2024 10:34
**Changes:**
This PR enhances the image selection UI to support extended image information in the session launcher, providing more detailed and structured image metadata display.

Key updates:
- Adds support for displaying base image name, version, architecture and tags in a more organized format
- Introduces tag aliasing functionality to show more user-friendly tag names
- Updates the image selection interface to show customized image tags with distinct styling
- Adds translations for "Tags" across all supported languages

**Minimum required manager version:** 24.09.1

**Review Requirements:**
1. Verify extended image info display works when backend supports 'extended-image-info' feature
2. Check tag aliasing correctly translates technical tags to user-friendly names
3. Confirm customized image tags are properly highlighted with cyan color
4. Validate all translations for "Tags" appear correctly across languages

**Test Cases:**
1. Select an image with extended info:
   - Should show base image name, version, architecture and tags
   - Tags should display with proper aliasing
2. Select a customized image:
   - Should show customized tag with cyan highlighting
   - Should display proper customized image name from labels
3. Test with extended-image-info feature disabled:
   - Should fallback to legacy image info display format
4. Test the image of `Environments & Resource allocation` page and `Confirm and Launch` page has the same value.

**Screenshots:**

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/2HueYSdFvL8pOB5mgrUQ/52252102-9e0c-4640-aec1-6a9349595984.png)
@agatha197 agatha197 force-pushed the refactor/improve-image-filter-of-ImageList branch from 7eaaad2 to eac1fb5 Compare November 5, 2024 10:40
@agatha197 agatha197 force-pushed the refactor/session-launcher-image-parsing branch from 634718c to 90e46f6 Compare November 5, 2024 10:41
Base automatically changed from refactor/improve-image-filter-of-ImageList to main November 5, 2024 10:46
@graphite-app graphite-app bot merged commit 90e46f6 into main Nov 5, 2024
4 checks passed
@graphite-app graphite-app bot deleted the refactor/session-launcher-image-parsing branch November 5, 2024 10:47
yomybaby pushed a commit that referenced this pull request Nov 12, 2024
)

**Changes:**
Refactored image handling similar to #2800 for versions before 24.12. Before 24.12, most data parsing is handled on the frontend.

- Unified the display format of image information across components
- Added base version and image tags display
- Replaced custom tag display with standardized ImageTags component
- Removed conditional rendering based on extended image info support

**Rationale:**
The changes provide a more uniform and informative way to display image metadata, making it easier for users to understand the characteristics of selected container images.

**What to check:**
Data parsing is the same as 24.12.

**Effects:**
Users will see:
- Consistent image information display format
- Clearer representation of image base versions
- Standardized tag display across the interface
- More detailed image metadata including architecture and labels

**Screenshots:**

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/2HueYSdFvL8pOB5mgrUQ/0a6100fd-d894-40d3-85d9-fe52961df2cf.png)

**Checklist:**
- [ ] Documentation
- [ ] Test cases to verify image information display
- [ ] Verify tag display functionality across different image types
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area:i18n Localization area:ux UI / UX issue. size:L 100~500 LoC
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants