EccClientGa4ghServiceRegistryService Component

Overview

The ecc-client-ga4gh-service-registry-service component displays detailed information about a specific service from a GA4GH Service Registry. It presents service metadata, organization details, API specifications, and contact information in an organized layout.

Usage

Basic Service Details

This example demonstrates displaying service details for a specific service ID.

Properties

serviceId

The unique identifier of the service to display. This is typically obtained from the Services component's selection event or URL parameters.

<EccClientGa4ghServiceRegistryService serviceId="my-service-123" />

provider

The data provider responsible for fetching service details from the registry. You must provide a provider that implements the ServiceRegistryProvider interface. See the Providers documentation for detailed information about available providers and how to create custom ones.

import { RestServiceRegistryProvider } from '@elixir-cloud/service-registry/providers';
 
const provider = new RestServiceRegistryProvider('https://cloud-registry.anuragxd.com/ga4gh/registry/v1');
 
<EccClientGa4ghServiceRegistryService provider={provider} />

Events

ecc-service-changed

Emitted when the service data is successfully loaded or updated, providing the complete service information.

<EccClientGa4ghServiceRegistryService 
  onEccServiceChanged={(event) => {
    console.log('Service loaded:', event.detail.service);
    // Update page metadata, breadcrumbs, etc.
  }}
/>