Skip to content

Console plugin: BuildJob list and detail pages #45

@vtz

Description

@vtz

Context

Add the core pages to the console plugin so users can browse and inspect BuildJobs from the OpenShift web console.

Depends on: #44 (scaffold)

Scope

BuildJob List Page

  • Navigation item "Builds" in the Developer perspective sidebar
  • Table view: Name, Phase (with colored status badge), Board, Platform, Architecture, Source, Age
  • Namespace selector integration
  • Filter by phase (Pending / Running / Succeeded / Failed)
  • "Create BuildJob" action button

BuildJob Detail Page

  • Header with name, phase badge, board/platform/arch summary
  • Overview tab: source info (git URL + revision or PVC), toolchain image, timeout, stages list with status
  • Pipeline tab: link to / embed the associated PipelineRun (using status.currentPipelineRun)
  • YAML tab: standard YAML editor (provided by SDK)
  • Events tab: Kubernetes events for the resource

SDK Hooks

const [buildJobs, loaded, error] = useK8sWatchResource<BuildJob[]>({
  groupVersionKind: {
    group: 'bob.redhat.com',
    version: 'v1alpha1',
    kind: 'BuildJob',
  },
  isList: true,
  namespace: activeNamespace,
});

Design

Use PatternFly components to match the native OpenShift look and feel:

  • TableComposable for list view
  • DescriptionList for detail overview
  • Label / LabelGroup for phase badges
  • Tabs for detail sub-navigation

Metadata

Metadata

Assignees

No one assigned

    Labels

    console-pluginOpenShift Console Dynamic PluginenhancementNew feature or requestuxUser experience and UI

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions