APIProduct Detail Page

[R-Lawton]

WHAT

An individual API drill-down view that contains the following very similar to the RHDH view:

• Show discovered plans, auth schemes, OpenAPI, OIDC token endpoint
• Link to HTTPRoute
• Status conditions display

[deernano]

@didierofrivia
Link to final design
Microcopy

1. API product details-Overview

A: Action button-component:PF6-menu toggle
B: API product label:PF6- filled labels
C: List-component:PF6- simple list
D: Link button-component:PF6- link buttonink button with icon

• Quick entry for adding API spec and API document. When clicking the link button, the API editing modal will be opened.

A:After the API product is published, the publish button will change to [Unpublish API product].

A:After API product is published, show toast alert.

2. API product details-YAML

A: If we want to add an YAML view

3.API product details-Policies

A: When the HTTPRoute has an attached PlanPolicy, the table shows PlanPolicy and AuthPolicy.
B: When the HTTPRoute has an attached PlanPolicy, the table shows PlanPolicy tiers.

A:When the HTTPRoute does not have an attached PlanPolicy, the table shows RateLimit Policy and AuthPolicy.

4.Tooltips & Toast alert