7.5.1. 動的プラグインエクステンションのタイプ
console.action/filter
ActionFilter
を使用してアクションを絞り込むことができます。
Name | 値のタイプ | 任意 | 説明 |
---|
contextId
|
string
|
いいえ
|
コンテキスト ID は、提供したアクションのスコープをアプリケーションの特定のエリアに限定するのに役立ちますたとえば、トポロジー および helm などがあります。
|
filter
|
CodeRef<(スコープ: any、action: Action) ⇒ boolean>
|
いいえ
|
一部の条件に基づいてアクションをフィルターする関数。scope : アクションを指定するスコープ。Horizontal Pod Autoscaler (HPA) のデプロイメントから ModifyCount アクションを削除する必要がある場合には、フックが必要になることがあります。
|
console.action/group
ActionGroup
は、サブメニューに指定可能なアクショングループを提供します。
Name | 値のタイプ | 任意 | 説明 |
---|
id
|
string
|
いいえ
|
アクションの選択を識別するための ID。
|
label
|
string
|
はい
|
UI に表示されるラベル。サブメニューに必要です。
|
submenu
|
boolean
|
はい
|
このグループをサブメニューとして表示するかどうか。
|
insertBefore
|
string | string[]
|
はい
|
ここで参照される項目の前に、この項目を挿入します。配列の場合は、最初に見つかったものが順番に使用されます。
|
insertAfter
|
string | string[]
|
はい
|
ここで参照される項目の後に、この項目を挿入します。配列の場合は、最初に見つかったものが順番に使用されます。insertBefore 値が優先されます。
|
console.action/provider
ActionProvider
は、特定のコンテキストに対するアクションのリストを返すフックを提供します。
Name | 値のタイプ | 任意 | 説明 |
---|
contextId
|
string
|
いいえ
|
コンテキスト ID は、提供したアクションのスコープをアプリケーションの特定のエリアに限定するのに役立ちますたとえば、トポロジー および helm などがあります。
|
provider
|
CodeRef<ExtensionHook<Action[], any>>
|
いいえ
|
指定のスコープのアクションを返す React フック。contextId = resource の場合には、スコープは常に Kubernetes リソースオブジェクトになります。
|
console.action/resource-provider
ResourceActionProvider
は、特定のリソースモデルに対するアクションのリストを返すフックを提供します。
Name | 値のタイプ | 任意 | 説明 |
---|
model
|
ExtensionK8sKindVersionModel
|
いいえ
|
このプロバイダーがアクションを提供するモデル。
|
provider
|
CodeRef<ExtensionHook<Action[], any>>
|
いいえ
|
指定のリソースモデルに対するアクションを返す反応フック
|
console.alert-action
Name | 値のタイプ | 任意 | 説明 |
---|
alert
|
string
|
いいえ
| |
text
|
string
|
いいえ
| |
action
|
CodeRef<(alert: any) ⇒ void>
|
いいえ
| |
console.catalog/item-filter
Name | 値のタイプ | 任意 | 説明 |
---|
catalogId
|
string | string[]
|
いいえ
|
このプロバイダーが提供するカタログの一意の識別子。
|
type
|
string
|
いいえ
|
カタログ項目タイプのタイプ ID。
|
filter
|
CodeRef<(item: CatalogItem) ⇒ boolean>
|
いいえ
|
特定のタイプの項目をフィルタリングします。Value は、CatalogItem[] を受け取り、フィルター条件に基づいてサブセットを返す関数です。
|
Name | 値のタイプ | 任意 | 説明 |
---|
catalogId
|
string | string[]
|
いいえ
|
このプロバイダーが提供するカタログの一意の識別子。
|
type
|
string
|
いいえ
|
カタログ項目タイプのタイプ ID。
|
provider
|
CodeRef<ExtensionHook<CatalogItemMetadataProviderFunction, CatalogExtensionHookOptions>>
|
いいえ
|
特定のタイプのカタログ項目にメタデータを提供するために使用される関数を返すフック。
|
console.catalog/item-provider
Name | 値のタイプ | 任意 | 説明 |
---|
catalogId
|
string | string[]
|
いいえ
|
このプロバイダーが提供するカタログの一意の識別子。
|
type
|
string
|
いいえ
|
カタログ項目タイプのタイプ ID。
|
title
|
string
|
いいえ
|
カタログ項目プロバイダーのタイトル
|
provider
|
CodeRef<ExtensionHook<CatalogItem<any>[], CatalogExtensionHookOptions>>
|
いいえ
|
項目を取得し、これをカタログ用に正規化します。値は反応効果フックです。
|
priority
|
number
|
はい
|
このプロバイダーの優先順位。デフォルトは 0 です。優先度の高いプロバイダーは、他のプロバイダーが提供するカタログ項目を上書きする可能性があります。
|
console.catalog/item-type
Name | 値のタイプ | 任意 | 説明 |
---|
type
|
string
|
いいえ
|
カタログ項目をタイプ。
|
title
|
string
|
いいえ
|
カタログ項目のタイトル。
|
catalogDescription
|
string | CodeRef<React.ReactNode>
|
はい
|
カタログに固有のタイプの説明。
|
typeDescription
|
string
|
はい
|
カタログ項目タイプの説明。
|
filters
|
CatalogItemAttribute[]
|
はい
|
カタログ項目に固有のカスタムフィルター。
|
groupings
|
CatalogItemAttribute[]
|
はい
|
カタログ項目に固有のカスタムグルーピング。
|
Name | 値のタイプ | 任意 | 説明 |
---|
type
|
string
|
いいえ
|
カタログ項目をタイプ。
|
filters
|
CatalogItemAttribute[]
|
はい
|
カタログ項目に固有のカスタムフィルター。
|
groupings
|
CatalogItemAttribute[]
|
はい
|
カタログ項目に固有のカスタムグルーピング。
|
console.cluster-overview/inventory-item
新しいインベントリー項目をクラスターの概要ページに追加します。
Name | 値のタイプ | 任意 | 説明 |
---|
component
|
CodeRef<React.ComponentType<{}>>
|
いいえ
|
レンダリングされるコンポーネント。
|
console.cluster-overview/multiline-utilization-item
新しいクラスター概要のマルチライン使用状況項目を追加します。
Name | 値のタイプ | 任意 | 説明 |
---|
title
|
string
|
いいえ
|
使用状況項目のタイトル。
|
getUtilizationQueries
|
CodeRef<GetMultilineQueries>
|
いいえ
|
Prometheus 使用状況クエリー。
|
humanize
|
CodeRef<Humanize>
|
いいえ
|
Prometheus データを人間が判読できる形式に変換します。
|
TopConsumerPopovers
|
CodeRef<React.ComponentType<TopConsumerPopoverProps>[]>
|
はい
|
プレーン値の代わりに Top コンシューマーのポップオーバーを表示します。
|
console.cluster-overview/utilization-item
新しいクラスター概要の使用状況項目を追加します。
Name | 値のタイプ | 任意 | 説明 |
---|
title
|
string
|
いいえ
|
使用状況項目のタイトル。
|
getUtilizationQuery
|
CodeRef<GetQuery>
|
いいえ
|
Prometheus 使用状況クエリー。
|
humanize
|
CodeRef<Humanize>
|
いいえ
|
Prometheus データを人間が判読できる形式に変換します。
|
getTotalQuery
|
CodeRef<GetQuery>
|
はい
|
Prometheus 合計のクエリー。
|
getRequestQuery
|
CodeRef<GetQuery>
|
はい
|
Prometheus 要求のクエリー。
|
getLimitQuery
|
CodeRef<GetQuery>
|
はい
|
Prometheus 制限のクエリー。
|
TopConsumerPopover
|
CodeRef<React.ComponentType<TopConsumerPopoverProps>>
|
はい
|
プレーン値の代わりに Top コンシューマーのポップオーバーを表示します。
|
console.context-provider
新しい React コンテキストプロバイダーを Web コンソールのアプリケーションルートに追加します。
Name | 値のタイプ | 任意 | 説明 |
---|
provider
|
CodeRef<Provider<T>>
|
いいえ
|
Context プロバイダーコンポーネント。
|
useValueHook
|
CodeRef<() ⇒ T>
|
いいえ
|
コンテキスト値のフック。
|
console.dashboards/card
新しいダッシュボードカードを追加します。
Name | 値のタイプ | 任意 | 説明 |
---|
tab
|
string
|
いいえ
|
カードを追加するダッシュボードタブの ID。
|
position
|
'LEFT' | 'RIGHT' | 'MAIN'
|
いいえ
|
ダッシュボードのカードのグリッド位置。
|
component
|
CodeRef<React.ComponentType<{}>>
|
いいえ
|
ダッシュボードカードのコンポーネント。
|
span
|
OverviewCardSpan
|
はい
|
列内のカードの垂直スパン。小さな画面では無視され、デフォルトは 12 です。
|
console.dashboards/overview/activity/resource
Kubernetes リソースの監視に基づいてアクティビティーをトリガーしている Overview ダッシュボードの Activity カードにアクティビティーを追加します。
Name | 値のタイプ | 任意 | 説明 |
---|
k8sResource
|
CodeRef<FirehoseResource & { isList: true; }>
|
いいえ
|
置き換える使用状況項目。
|
component
|
CodeRef<React.ComponentType<K8sActivityProps<T>>>
|
いいえ
|
アクションコンポーネント。
|
isActivity
|
CodeRef<(resource: T) ⇒ boolean>
|
はい
|
指定のリソースがアクションを表すかどうかを判断する関数。定義されていない場合は、すべてのリソースがアクティビティーを表します。
|
getTimestamp
|
CodeRef<(resource: T) ⇒ Date>
|
はい
|
指定のアクションのタイムスタンプで、順序付けに使用されます。
|
console.dashboards/overview/detail/item
Overview ダッシュボードの Details カードに項目を追加します。
Name | 値のタイプ | 任意 | 説明 |
---|
component
|
CodeRef<React.ComponentType<{}>>
|
いいえ
|
DetailItem コンポーネントに基づく値
|
console.dashboards/overview/health/operator
ステータスのソースが Kubernetes REST API である Overview ダッシュボードのステータスカードに health サブシステムを追加します。
Name | 値のタイプ | 任意 | 説明 |
---|
title
|
string
|
いいえ
|
ポップアップメニューの Operators セクションのタイトル。
|
resources
|
CodeRef<FirehoseResource[]>
|
いいえ
|
フェッチされ、healthHandler に渡される Kubernetes リソース。
|
getOperatorsWithStatuses
|
CodeRef<GetOperatorsWithStatuses<T>>
|
はい
|
Operator のステータスを解決します。
|
operatorRowLoader
|
CodeRef<React.ComponentType<OperatorRowProps<T>>>
|
はい
|
ポップアップ行コンポーネントのローダー。
|
viewAllLink
|
string
|
はい
|
すべてのリソースページへのリンク。指定しない場合は、resources prop から最初のリソースのリストページが使用されます。
|
console.dashboards/overview/health/prometheus
ステータスのソースが Prometheus である Overview ダッシュボードのステータスカードに health サブシステムを追加します。
Name | 値のタイプ | 任意 | 説明 |
---|
title
|
string
|
いいえ
|
サブシステムの表示名。
|
クエリー
|
string[]
|
いいえ
|
Prometheus クエリー
|
healthHandler
|
CodeRef<PrometheusHealthHandler>
|
いいえ
|
サブシステムの健全性を解決します。
|
additionalResource
|
CodeRef<FirehoseResource>
|
はい
|
フェッチされ、healthHandler に渡される追加のリソース。
|
popupComponent
|
CodeRef<React.ComponentType<PrometheusHealthPopupProps>>
|
はい
|
ポップアップメニューコンテンツのローダー。定義された場合、health 項目はリンクとして表され、指定のコンテンツを含むポップアップメニューが開きます。
|
popupTitle
|
string
|
はい
|
ポップオーバーのタイトル。
|
disallowedControlPlaneTopology
|
string[]
|
はい
|
サブシステムを非表示にする必要のあるコントロールプレーントポロジー。
|
console.dashboards/overview/health/resource
ステータスのソースが Kubernetes リソースである概要ダッシュボードのステータスカードに health サブシステムを追加します。
Name | 値のタイプ | 任意 | 説明 |
---|
title
|
string
|
いいえ
|
サブシステムの表示名。
|
resources
|
CodeRef<WatchK8sResources<T>>
|
いいえ
|
フェッチされ、healthHandler に渡される Kubernetes リソース。
|
healthHandler
|
CodeRef<ResourceHealthHandler<T>>
|
いいえ
|
サブシステムの健全性を解決します。
|
popupComponent
|
CodeRef<WatchK8sResults<T>>
|
はい
|
ポップアップメニューコンテンツのローダー。定義された場合、health 項目はリンクとして表され、指定のコンテンツを含むポップアップメニューが開きます。
|
popupTitle
|
string
|
はい
|
ポップオーバーのタイトル。
|
console.dashboards/overview/health/url
ステータスのソースが Kubernetes REST API である概要ダッシュボードのステータスカードに health サブシステムを追加します。
Name | 値のタイプ | 任意 | 説明 |
---|
title
|
string
|
いいえ
|
サブシステムの表示名。
|
url
|
string
|
いいえ
|
データの取得元の URL。これには、ベース Kubernetes URL が接頭辞として付けられます。
|
healthHandler
|
`CodeRef<URLHealthHandler<T, K8sResourceCommon
|
K8sResourceCommon[]>>`
|
いいえ
|
サブシステムの健全性を解決します。
|
additionalResource
|
CodeRef<FirehoseResource>
|
はい
|
フェッチされ、healthHandler に渡される追加のリソース。
|
popupComponent
|
CodeRef<React.ComponentType<{ healthResult?: T; healthResultError?: any; k8sResult?: FirehoseResult<R>; }>>
|
はい
|
ポップアップコンテンツのローダー。定義された場合、health 項目は指定のコンテンツのポップアップが開くリンクとして表示されます。
|
popupTitle
|
string
|
はい
|
console.dashboards/overview/inventory/item
概要インベントリーカードにリソースタイルを追加します。
Name | 値のタイプ | 任意 | 説明 |
---|
model
|
CodeRef<T>
|
いいえ
|
取得する resource のモデル。モデルの label または abbr の取得に使用します。
|
mapper
|
CodeRef<StatusGroupMapper<T, R>>
|
はい
|
さまざまなステータスをグループにマッピングする関数。
|
additionalResources
|
CodeRef<WatchK8sResources<R>>
|
はい
|
フェッチされ、mapper 関数に渡される追加のリソース。
|
console.dashboards/overview/inventory/item/group
インベントリーのステータスグループを追加します。
Name | 値のタイプ | 任意 | 説明 |
---|
id
|
string
|
いいえ
|
ステータスグループの ID。
|
icon
|
CodeRef<React.ReactElement<any, string | React.JSXElementConstructor<any>>>
|
いいえ
|
ステータスグループアイコンを表す React コンポーネント。
|
console.dashboards/overview/inventory/item/replacement
概要のインベントリーカードを置き換えます。
Name | 値のタイプ | 任意 | 説明 |
---|
model
|
CodeRef<T>
|
いいえ
|
取得する resource のモデル。モデルの label または abbr の取得に使用します。
|
mapper
|
CodeRef<StatusGroupMapper<T, R>>
|
はい
|
さまざまなステータスをグループにマッピングする関数。
|
additionalResources
|
CodeRef<WatchK8sResources<R>>
|
はい
|
フェッチされ、mapper 関数に渡される追加のリソース。
|
console.dashboards/overview/prometheus/activity/resource
Kubernetes リソースの監視に基づいてアクティビティーをトリガーしている Prometheus Overview ダッシュボードの Activity カードにアクティビティーを追加します。
Name | 値のタイプ | 任意 | 説明 |
---|
クエリー
|
string[]
|
いいえ
|
監視するクエリー
|
component
|
CodeRef<React.ComponentType<PrometheusActivityProps>>
|
いいえ
|
アクションコンポーネント。
|
isActivity
|
CodeRef<(results: PrometheusResponse[]) ⇒ boolean>
|
はい
|
指定のリソースがアクションを表すかどうかを判断する関数。定義されていない場合は、すべてのリソースがアクティビティーを表します。
|
console.dashboards/project/overview/item
プロジェクトの概要インベントリーカードにリソースタイルを追加します。
Name | 値のタイプ | 任意 | 説明 |
---|
model
|
CodeRef<T>
|
いいえ
|
取得する resource のモデル。モデルの label または abbr の取得に使用します。
|
mapper
|
CodeRef<StatusGroupMapper<T, R>>
|
はい
|
さまざまなステータスをグループにマッピングする関数。
|
additionalResources
|
CodeRef<WatchK8sResources<R>>
|
はい
|
フェッチされ、mapper 関数に渡される追加のリソース。
|
console.dashboards/tab
Overview タブの後に置かれた新規ダッシュボードタブを追加します。
Name | 値のタイプ | 任意 | 説明 |
---|
id
|
string
|
いいえ
|
このタブにカードを追加する場合にタブリンク href として使用される一意のタブ ID。
|
navSection
|
'home' | 'storage'
|
いいえ
|
タブが属するナビゲーションセクション。
|
title
|
string
|
いいえ
|
タブのタイトル。
|
console.file-upload
Name | 値のタイプ | 任意 | 説明 |
---|
fileExtensions
|
string[]
|
いいえ
|
サポートされるファイル拡張子。
|
handler
|
CodeRef<FileUploadHandler>
|
いいえ
|
ファイルドロップアクションを処理する関数。
|
console.flag
Web コンソール機能フラグを完全に制御します。
Name | 値のタイプ | 任意 | 説明 |
---|
handler
|
CodeRef<FeatureFlagHandler>
|
いいえ
|
任意の機能フラグを設定または設定解除するのに使用されます。
|
console.flag/hookProvider
フックハンドラーを使用して Web コンソール機能フラグを完全に制御します。
Name | 値のタイプ | 任意 | 説明 |
---|
handler
|
CodeRef<FeatureFlagHandler>
|
いいえ
|
任意の機能フラグを設定または設定解除するのに使用されます。
|
console.flag/model
クラスターに CRD の存在によって駆動される新規 Web コンソール機能フラグを追加します。
Name | 値のタイプ | 任意 | 説明 |
---|
flag
|
string
|
いいえ
|
CRD が検出されると設定するフラグの名前。
|
model
|
ExtensionK8sModel
|
いいえ
|
CustomResourceDefinition を参照するモデル。
|
console.global-config
Name | 値のタイプ | 任意 | 説明 |
---|
id
|
string
|
いいえ
|
クラスター設定リソースインスタンスの一意の識別子。
|
name
|
string
|
いいえ
|
クラスター設定リソースインスタンスの名前。
|
model
|
ExtensionK8sModel
|
いいえ
|
クラスター設定リソースを参照するモデル。
|
namespace
|
string
|
いいえ
|
クラスター設定リソースインスタンスの namespace。
|
API 検出で取得および生成される値を上書きして、モデルの表示をカスタマイズします。
Name | 値のタイプ | 任意 | 説明 |
---|
model
|
ExtensionK8sGroupModel
|
いいえ
|
カスタマイズするモデル。グループのみ、またはオプションのバージョンおよび種類を指定できます。
|
badge
|
ModelBadge
|
はい
|
このモデル参照をテクノロジープレビューまたは開発者プレビューとみなすかどうか。
|
color
|
string
|
はい
|
このモデルに関連付ける色。
|
label
|
string
|
はい
|
ラベルをオーバーライドします。kind を指定する必要があります。
|
labelPlural
|
string
|
はい
|
複数形のラベルをオーバーライドします。kind を指定する必要があります。
|
abbr
|
string
|
はい
|
省略形をカスタマイズします。デフォルトは kind のすべての大文字 (最大 4 文字) です。その kind を指定する必要があります。
|
console.navigation/href
Name | 値のタイプ | 任意 | 説明 |
---|
id
|
string
|
いいえ
|
この項目の一意の識別子。
|
name
|
string
|
いいえ
|
この項目の名前。
|
href
|
string
|
いいえ
|
リンクの href の値。
|
perspective
|
string
|
はい
|
この項目が属するパースペクティブ ID。指定されていない場合は、デフォルトのパースペクティブに提供します。
|
section
|
string
|
はい
|
この項目が属するナビゲーションセクション。指定されていない場合は、この項目を最上位のリンクとしてレンダリングします。
|
dataAttributes
|
{ [key: string]: string; }
|
はい
|
データ属性を DOM に追加します。
|
startsWith
|
string[]
|
はい
|
URL がこのパスのいずれかで始まる場合は、この項目をアクティブと識別します。
|
insertBefore
|
string | string[]
|
はい
|
ここで参照される項目の前に、この項目を挿入します。配列の場合は、最初に見つかったものが順番に使用されます。
|
insertAfter
|
string | string[]
|
はい
|
ここで参照される項目の後に、この項目を挿入します。配列の場合は、最初に見つかったものが順番に使用されます。insertBefore が優先されます。
|
namespaced
|
boolean
|
はい
|
true の場合、/ns/active-namespace を最後に追加します。
|
prefixNamespaced
|
boolean
|
はい
|
true の場合、/k8s/ns/active-namespace を最初に追加します。
|
console.navigation/resource-cluster
Name | 値のタイプ | 任意 | 説明 |
---|
id
|
string
|
いいえ
|
この項目の一意の識別子。
|
model
|
ExtensionK8sModel
|
いいえ
|
このナビゲーション項目がリンクするモデル。
|
perspective
|
string
|
はい
|
この項目が属するパースペクティブ ID。指定されていない場合は、デフォルトのパースペクティブに提供します。
|
section
|
string
|
はい
|
この項目が属するナビゲーションセクション。指定しない場合は、この項目をトップレベルのリンクとしてレンダリングします。
|
dataAttributes
|
{ [key: string]: string; }
|
はい
|
データ属性を DOM に追加します。
|
startsWith
|
string[]
|
はい
|
URL がこのパスのいずれかで始まる場合は、この項目をアクティブと識別します。
|
insertBefore
|
string | string[]
|
はい
|
ここで参照される項目の前に、この項目を挿入します。配列の場合は、最初に見つかったものが順番に使用されます。
|
insertAfter
|
string | string[]
|
はい
|
ここで参照される項目の後に、この項目を挿入します。配列の場合は、最初に見つかったものが順番に使用されます。insertBefore が優先されます。
|
name
|
string
|
はい
|
デフォルト名をオーバーライドします。指定されていない場合、リンクの名前はモデルの複数形の値と同じになります。
|
console.navigation/resource-ns
Name | 値のタイプ | 任意 | 説明 |
---|
id
|
string
|
いいえ
|
この項目の一意の識別子。
|
model
|
ExtensionK8sModel
|
いいえ
|
このナビゲーション項目がリンクするモデル。
|
perspective
|
string
|
はい
|
この項目が属するパースペクティブ ID。指定されていない場合は、デフォルトのパースペクティブに提供します。
|
section
|
string
|
はい
|
この項目が属するナビゲーションセクション。指定しない場合は、この項目をトップレベルのリンクとしてレンダリングします。
|
dataAttributes
|
{ [key: string]: string; }
|
はい
|
データ属性を DOM に追加します。
|
startsWith
|
string[]
|
はい
|
URL がこのパスのいずれかで始まる場合は、この項目をアクティブと識別します。
|
insertBefore
|
string | string[]
|
はい
|
ここで参照される項目の前に、この項目を挿入します。配列の場合は、最初に見つかったものが順番に使用されます。
|
insertAfter
|
string | string[]
|
はい
|
ここで参照される項目の後に、この項目を挿入します。配列の場合は、最初に見つかったものが順番に使用されます。insertBefore が優先されます。
|
name
|
string
|
はい
|
デフォルト名をオーバーライドします。指定されていない場合、リンクの名前はモデルの複数形の値と同じになります。
|
console.navigation/section
Name | 値のタイプ | 任意 | 説明 |
---|
id
|
string
|
いいえ
|
この項目の一意の識別子。
|
perspective
|
string
|
はい
|
この項目が属するパースペクティブ ID。指定されていない場合は、デフォルトのパースペクティブに提供します。
|
dataAttributes
|
{ [key: string]: string; }
|
はい
|
データ属性を DOM に追加します。
|
insertBefore
|
string | string[]
|
はい
|
ここで参照される項目の前に、この項目を挿入します。配列の場合は、最初に見つかったものが順番に使用されます。
|
insertAfter
|
string | string[]
|
はい
|
ここで参照される項目の後に、この項目を挿入します。配列の場合は、最初に見つかったものが順番に使用されます。insertBefore が優先されます。
|
name
|
string
|
はい
|
このセクションの名前。指定しない場合は、セクションの上に区切り記号のみが表示されます。
|
console.navigation/separator
Name | 値のタイプ | 任意 | 説明 |
---|
id
|
string
|
いいえ
|
この項目の一意の識別子。
|
perspective
|
string
|
はい
|
この項目が属するパースペクティブ ID。指定されていない場合は、デフォルトのパースペクティブに提供します。
|
section
|
string
|
はい
|
この項目が属するナビゲーションセクション。指定されていない場合は、この項目を最上位のリンクとしてレンダリングします。
|
dataAttributes
|
{ [key: string]: string; }
|
はい
|
データ属性を DOM に追加します。
|
insertBefore
|
string | string[]
|
はい
|
ここで参照される項目の前に、この項目を挿入します。配列の場合は、最初に見つかったものが順番に使用されます。
|
insertAfter
|
string | string[]
|
はい
|
ここで参照される項目の後に、この項目を挿入します。配列の場合は、最初に見つかったものが順番に使用されます。insertBefore が優先されます。
|
console.page/resource/details
Name | 値のタイプ | 任意 | 説明 |
---|
model
|
ExtensionK8sGroupKindModel
|
いいえ
|
このリソースページがリンクするモデル。
|
component
|
CodeRef<React.ComponentType<{ match: match<{}>; namespace: string; model: ExtensionK8sModel; }>>
|
いいえ
|
ルートがマッチしたときにレンダリングされるコンポーネント。
|
console.page/resource/list
Console ルーターに新しいリソースリストのページを追加します。
Name | 値のタイプ | 任意 | 説明 |
---|
model
|
ExtensionK8sGroupKindModel
|
いいえ
|
このリソースページがリンクするモデル。
|
component
|
CodeRef<React.ComponentType<{ match: match<{}>; namespace: string; model: ExtensionK8sModel; }>>
|
いいえ
|
ルートがマッチしたときにレンダリングされるコンポーネント。
|
console.page/route
Web コンソールルーターに新しいページを追加します。React Router を参照してください。
Name | 値のタイプ | 任意 | 説明 |
---|
component
|
CodeRef<React.ComponentType<RouteComponentProps<{}, StaticContext, any>>>
|
いいえ
|
ルートがマッチしたときにレンダリングされるコンポーネント。
|
path
|
string | string[]
|
いいえ
|
path-to-regexp@^1.7.0 が理解する有効な URL パスまたはパスの配列。
|
perspective
|
string
|
はい
|
このページが属するパースペクティブ。指定されていない場合は、すべてのパースペクティブに提供します。
|
exact
|
boolean
|
はい
|
true の場合、パスが location.pathname と完全に一致する場合にのみマッチします。
|
console.page/route/standalone
一般的なページレイアウトの外部でレンダリングされる新しいスタンドアロンページを Web コンソールルーターに追加します。React Router を参照してください。
Name | 値のタイプ | 任意 | 説明 |
---|
component
|
CodeRef<React.ComponentType<RouteComponentProps<{}, StaticContext, any>>>
|
いいえ
|
ルートがマッチしたときにレンダリングされるコンポーネント。
|
path
|
string | string[]
|
いいえ
|
path-to-regexp@^1.7.0 が理解する有効な URL パスまたはパスの配列。
|
exact
|
boolean
|
はい
|
true の場合、パスが location.pathname と完全に一致する場合にのみマッチします。
|
console.perspective
Name | 値のタイプ | 任意 | 説明 |
---|
id
|
string
|
いいえ
|
パースペクティブの識別子。
|
name
|
string
|
いいえ
|
パースペクティブの表示名。
|
icon
|
CodeRef<LazyComponent>
|
いいえ
|
パースペクティブの表示アイコン。
|
landingPageURL
|
CodeRef<(flags: { [key: string]: boolean; }, isFirstVisit: boolean) ⇒ string>
|
いいえ
|
パースペクティブのランディングページの URL を取得する関数。
|
importRedirectURL
|
CodeRef<(namespace: string) ⇒ string>
|
いいえ
|
インポートフローのリダイレクト URL を取得する関数。
|
default
|
boolean
|
はい
|
パースペクティブがデフォルトであるかどうか。デフォルトは 1 つのみです。
|
defaultPins
|
ExtensionK8sModel[]
|
はい
|
ナビゲーション上のデフォルトの固定されたリソース
|
usePerspectiveDetection
|
CodeRef<() ⇒ [boolean, boolean]>
|
はい
|
デフォルトのパースペクティブを検出するフック
|
console.project-overview/inventory-item
新しいインベントリー項目を プロジェクトの概要 ページに追加します。
Name | 値のタイプ | 任意 | 説明 |
---|
component
|
CodeRef<React.ComponentType<{ projectName: string; }>>
|
いいえ
|
レンダリングされるコンポーネント。
|
console.project-overview/utilization-item
新しいプロジェクト概要の使用状況項目を追加します。
Name | 値のタイプ | 任意 | 説明 |
---|
title
|
string
|
いいえ
|
使用状況項目のタイトル。
|
getUtilizationQuery
|
CodeRef<GetProjectQuery>
|
いいえ
|
Prometheus 使用状況クエリー。
|
humanize
|
CodeRef<Humanize>
|
いいえ
|
Prometheus データを人間が判読できる形式に変換します。
|
getTotalQuery
|
CodeRef<GetProjectQuery>
|
はい
|
Prometheus 合計のクエリー。
|
getRequestQuery
|
CodeRef<GetProjectQuery>
|
はい
|
Prometheus 要求のクエリー。
|
getLimitQuery
|
CodeRef<GetProjectQuery>
|
はい
|
Prometheus 制限のクエリー。
|
TopConsumerPopover
|
CodeRef<React.ComponentType<TopConsumerPopoverProps>>
|
はい
|
プレーン値の代わりに最上位のコンシューマーポップオーバーを表示します。
|
console.pvc/alert
Name | 値のタイプ | 任意 | 説明 |
---|
alert
|
CodeRef<React.ComponentType<{ pvc: K8sResourceCommon; }>>
|
いいえ
|
アラートコンポーネント。
|
console.pvc/create-prop
Name | 値のタイプ | 任意 | 説明 |
---|
label
|
string
|
いいえ
|
prop アクション作成のラベル。
|
path
|
string
|
いいえ
|
prop アクション作成のパス。
|
console.pvc/delete
Name | 値のタイプ | 任意 | 説明 |
---|
predicate
|
CodeRef<(pvc: K8sResourceCommon) ⇒ boolean>
|
いいえ
|
エクステンションを使用するかどうかを示す述語。
|
onPVCKill
|
CodeRef<(pvc: K8sResourceCommon) ⇒ Promise<void>>
|
いいえ
|
PVC 削除操作の方法。
|
alert
|
CodeRef<React.ComponentType<{ pvc: K8sResourceCommon; }>>
|
いいえ
|
追加情報を表示するアラートコンポーネント。
|
console.pvc/status
Name | 値のタイプ | 任意 | 説明 |
---|
priority
|
number
|
いいえ
|
status コンポーネントの優先度。値が大きいほど優先度が高くなります。
|
status
|
CodeRef<React.ComponentType<{ pvc: K8sResourceCommon; }>>
|
いいえ
|
status コンポーネント。
|
predicate
|
CodeRef<(pvc: K8sResourceCommon) ⇒ boolean>
|
いいえ
|
ステータスコンポーネントをレンダリングするかどうかを示す述語。
|
console.redux-reducer
plugins.<scope>
サブ状態で動作する Console Redux ストアに新しい reducer を追加します。
Name | 値のタイプ | 任意 | 説明 |
---|
scope
|
string
|
いいえ
|
Redux 状態オブジェクト内の reducer が管理するサブ状態を表すキー。
|
reducer
|
CodeRef<Reducer<any, AnyAction>>
|
いいえ
|
reducer が管理するサブ状態で動作する reducer 関数
|
console.resource/create
Name | 値のタイプ | 任意 | 説明 |
---|
model
|
ExtensionK8sModel
|
いいえ
|
この create resource ページがレンダリングされるモデル。
|
component
|
CodeRef<React.ComponentType<CreateResourceComponentProps>>
|
いいえ
|
モデルがマッチする場合にレンダリングされるコンポーネント
|
console.storage-provider
Name | 値のタイプ | 任意 | 説明 |
---|
name
|
string
|
いいえ
| |
コンポーネント
|
CodeRef<React.ComponentType<Partial<RouteComponentProps<{}, StaticContext, any>>>>
|
いいえ
| |
console.tab/horizontalNav
Name | 値のタイプ | 任意 | 説明 |
---|
model
|
ExtensionK8sKindVersionModel
|
いいえ
|
このプロバイダーがタブを表示するモデル。
|
page
|
{ name: string; href: string; }
|
いいえ
|
水平タブに表示されるページ。名前としてタブ名およびタブの href を取ります。
|
component
|
CodeRef<React.ComponentType<PageComponentProps<K8sResourceCommon>>>
|
いいえ
|
ルートがマッチしたときにレンダリングされるコンポーネント。
|
console.telemetry/listener
Name | 値のタイプ | 任意 | 説明 |
---|
listener
|
CodeRef<TelemetryEventListener>
|
いいえ
|
テレメトリーイベントをリッスンします
|
console.topology/adapter/build
BuildAdapter
は、Build
コンポーネントで使用できるデータに要素を適応させるアダプターを提供します。
Name | 値のタイプ | 任意 | 説明 |
---|
adapt
|
CodeRef<(element: GraphElement) ⇒ AdapterDataType<BuildConfigData>
|
undefined>
|
いいえ
|
console.topology/adapter/network
NetworkAdapater
は、Networking
コンポーネントで使用できるデータに要素を適応させるアダプターを提供します。
Name | 値のタイプ | 任意 | 説明 |
---|
adapt
|
<(element: GraphElement) ⇒ NetworkAdapterType
|
undefined>
|
いいえ
|
console.topology/adapter/pod
PodAdapter
はアダプターを提供し、Pod
コンポーネントで使用できるデータに要素を適合させます。
Name | 値のタイプ | 任意 | 説明 |
---|
adapt
|
`CodeRef<(element: GraphElement) ⇒ AdapterDataType<PodsAdapterDataType>
|
undefined>
|
いいえ
|
console.topology/component/factory
ViewComponentFactory
の Getter。
Name | 値のタイプ | 任意 | 説明 |
---|
getFactory
|
CodeRef<ViewComponentFactory>
|
いいえ
|
ViewComponentFactory の Getter。
|
console.topology/create/connector
コネクター作成関数の getter。
Name | 値のタイプ | 任意 | 説明 |
---|
getCreateConnector
|
CodeRef<CreateConnectionGetter>
|
いいえ
|
コネクター作成関数の getter。
|
console.topology/data/factory
トポロジーデータモデルファクトリーエクステンション
Name | 値のタイプ | 任意 | 説明 |
---|
id
|
string
|
いいえ
|
ファクトリーの一意の ID。
|
priority
|
number
|
いいえ
|
ファクトリーの優先度
|
resources
|
WatchK8sResourcesGeneric
|
はい
|
useK8sWatchResources フックから取得されるリソース。
|
workloadKeys
|
string[]
|
はい
|
ワークロードが含まれるリソースのキー。
|
getDataModel
|
CodeRef<TopologyDataModelGetter>
|
はい
|
データモデルファクトリーの Getter。
|
isResourceDepicted
|
CodeRef<TopologyDataModelDepicted>
|
はい
|
リソースがこのモデルファクトリーによって記述されているかどうかを判断する関数の Getter。
|
getDataModelReconciler
|
CodeRef<TopologyDataModelReconciler>
|
はい
|
すべてのエクステンションのモデルがロードされた後にデータモデルを調整する関数の Getter。
|
console.topology/decorator/provider
トポロジーデコレータープロバイダーエクステンション
Name | 値のタイプ | 任意 | 説明 |
---|
id
|
string
|
いいえ
| |
priority
|
number
|
いいえ
| |
quadrant
|
TopologyQuadrant
|
いいえ
| |
decorator
|
CodeRef<TopologyDecoratorGetter>
|
いいえ
| |
console.topology/details/resource-alert
DetailsResourceAlert
は、特定のトポロジーコンテキストまたはグラフ要素のアラートを提供します。
Name | 値のタイプ | 任意 | 説明 |
---|
id
|
string
|
いいえ
|
このアラートの ID。アラートの破棄後に表示しない場合に状態を保存するために使用されます。
|
contentProvider
|
CodeRef<(element: GraphElement) ⇒ DetailsResourceAlertContent
|
null>
|
いいえ
|
console.topology/details/resource-link
DetailsResourceLink
は、特定のトポロジーコンテキストまたはグラフ要素のリンクを提供します。
Name | 値のタイプ | 任意 | 説明 |
---|
リンク
|
CodeRef<(element: GraphElement) ⇒ React.Component
|
undefined>
|
いいえ
|
指定された場合はリソースリンクを返し、指定されない場合は未定義を返します。スタイルには ResourceIcon および ResourceLink プロパティーを使用します。
|
priority
|
number
|
はい
|
console.topology/details/tab
DetailsTab
は、トポロジーの詳細パネルのタブを提供します。
Name | 値のタイプ | 任意 | 説明 |
---|
id
|
string
|
いいえ
|
この詳細タブの一意の識別子。
|
label
|
string
|
いいえ
|
UI に表示されるタブのラベル。
|
insertBefore
|
string | string[]
|
はい
|
ここで参照される項目の前に、この項目を挿入します。配列の場合は、最初に見つかったものが順番に使用されます。
|
insertAfter
|
string | string[]
|
はい
|
ここで参照される項目の後に、この項目を挿入します。配列の場合は、最初に見つかったものが順番に使用されます。insertBefore 値が優先されます。
|
console.topology/details/tab-section
DetailsTabSection
は、トポロジーの詳細パネルの特定タブのセクションを提供します。
Name | 値のタイプ | 任意 | 説明 |
---|
id
|
string
|
いいえ
|
この詳細タブセクションの一意の識別子。
|
tab
|
string
|
いいえ
|
このセクションが提供する必要のある親タブ ID。
|
provider
|
CodeRef<DetailsTabSectionExtensionHook>
|
いいえ
|
トポロジー/サイドバーでレンダリングされるコンポーネントまたは null/undefined を返すフック。SKD コンポーネント:<Section title=\{}>… padded area
|
section
|
CodeRef<(element: GraphElement, renderNull?: () ⇒ null) ⇒ React.Component
|
undefined>
|
いいえ
|
プロバイダーが定義されていない場合 @非推奨のフォールバック。renderNull はすでに運用されません。
|
insertBefore
|
string | string[]
|
はい
|
ここで参照される項目の前にこの項目を挿入します。配列の場合は、最初に見つかった項目が順番に使用されます。
|
insertAfter
|
string | string[]
|
はい
|
console.topology/display/filters
トポロジー表示フィルターエクステンション
Name | 値のタイプ | 任意 | 説明 |
---|
getTopologyFilters
|
CodeRef<() ⇒ TopologyDisplayOption[]>
|
いいえ
| |
applyDisplayOptions
|
CodeRef<TopologyApplyDisplayOptions>
|
いいえ
| |
console.topology/relationship/provider
トポロジー関係プロバイダーコネクターエクステンション
Name | 値のタイプ | 任意 | 説明 |
---|
provides
|
CodeRef<RelationshipProviderProvides>
|
いいえ
| |
ヒント
|
string
|
いいえ
| |
create
|
CodeRef<RelationshipProviderCreate>
|
いいえ
| |
priority
|
number
|
いいえ
| |
console.user-preference/group
Name | 値のタイプ | 任意 | 説明 |
---|
id
|
string
|
いいえ
|
ユーザー設定グループを識別するのに使用される ID。
|
label
|
string
|
いいえ
|
ユーザー設定グループのラベル
|
insertBefore
|
string
|
はい
|
このユーザー設定グループの後に配置しなければならないグループの ID
|
insertAfter
|
string
|
はい
|
このユーザー設定グループの前に配置しなければならないグループの ID
|
console.user-preference/item
Name | 値のタイプ | 任意 | 説明 |
---|
id
|
string
|
いいえ
|
ユーザー設定項目を特定するのに使用され、項目の順序を定義するのに insertAfter および insertBefore で参照される ID。
|
label
|
string
|
いいえ
|
ユーザー設定のラベル
|
description
|
string
|
いいえ
|
ユーザー設定の説明。
|
field
|
UserPreferenceField
|
いいえ
|
ユーザー設定を定義するために値をレンダリングするのに使用される入力フィールドのオプション。
|
groupId
|
string
|
はい
|
項目が属するユーザー優先グループを識別するのに使用される ID。
|
insertBefore
|
string
|
はい
|
このユーザー設定項目の後に配置しなければならない項目の ID
|
insertAfter
|
string
|
はい
|
このユーザー設定項目の前に配置しなければならない項目の ID
|
console.yaml-template
yaml エディターを使用してリソースを編集するための YAML テンプレート。
Name | 値のタイプ | 任意 | 説明 |
---|
model
|
ExtensionK8sModel
|
いいえ
|
テンプレートに関連付けられたモデル。
|
template
|
CodeRef<string>
|
いいえ
|
YAML テンプレート。
|
name
|
string
|
いいえ
|
テンプレートの名前。名前 default を使用して、これをデフォルトテンプレートと識別します。
|
dev-console.add/action
Name | 値のタイプ | 任意 | 説明 |
---|
id
|
string
|
いいえ
|
アクションを識別するための ID。
|
label
|
string
|
いいえ
|
アクションのラベル
|
description
|
string
|
いいえ
|
アクションの説明。
|
href
|
string
|
いいえ
|
移動先の href。
|
groupId
|
string
|
はい
|
アクションが属するアクショングループを識別するのに使用される ID。
|
icon
|
CodeRef<React.ReactNode>
|
はい
|
パースペクティブの表示アイコン。
|
accessReview
|
AccessReviewResourceAttributes[]
|
はい
|
アクションの可視性または有効化を制御するオプションのアクセスレビュー。
|
dev-console.add/action-group
Name | 値のタイプ | 任意 | 説明 |
---|
id
|
string
|
いいえ
|
アクショングループを識別するのに使用される ID。
|
name
|
string
|
いいえ
|
アクショングループのタイトル
|
insertBefore
|
string
|
はい
|
このアクショングループの後に配置しなければならないグループの ID
|
insertAfter
|
string
|
はい
|
このアクショングループの前に配置しなければならないグループの ID
|
dev-console.import/environment
Name | 値のタイプ | 任意 | 説明 |
---|
imageStreamName
|
string
|
いいえ
|
カスタム環境変数を指定するイメージストリームの名前
|
imageStreamTags
|
string[]
|
いいえ
|
サポートされるイメージストリームタグのリスト
|
environments
|
ImageEnvironment[]
|
いいえ
|
環境変数のリスト
|
console.page/resource/tab
非推奨。代わりに console.tab/horizontalNav
を使用してください。Console ルーターに新しいリソースタブページを追加します。
Name | 値のタイプ | 任意 | 説明 |
---|
model
|
ExtensionK8sGroupKindModel
|
いいえ
|
このリソースページがリンクするモデル。
|
component
|
CodeRef<React.ComponentType<RouteComponentProps<{}, StaticContext, any>>>
|
いいえ
|
ルートがマッチしたときにレンダリングされるコンポーネント。
|
name
|
string
|
いいえ
|
タブの名前。
|
href
|
string
|
はい
|
タブリンクのオプション href。指定しない場合は、最初の path が使用されます。
|
exact
|
boolean
|
はい
|
true の場合、パスが location.pathname と完全に一致する場合にのみマッチします。
|
7.5.2. OpenShift Container Platform コンソール API
useActivePerspective
現在アクティブなパースペクティブとアクティブなパースペクティブを設定するためのコールバックを提供するフック。現在アクティブなパースペクティブとセッターコールバックを含むタプルを返します。
const Component: React.FC = (props) => {
const [activePerspective, setActivePerspective] = useActivePerspective();
return <select
value={activePerspective}
onChange={(e) => setActivePerspective(e.target.value)}
>
{
// ...perspective options
}
</select>
}
GreenCheckCircleIcon
緑色のチェックマークの円形アイコンを表示するためのコンポーネント。
<GreenCheckCircleIcon title="Healthy" />
パラメーター名 | 説明 |
---|
className
|
(オプション) コンポーネントの追加クラス名
|
title
|
(オプション) アイコンのタイトル
|
size
|
(オプション) アイコンのサイズ: ('sm'、'md'、'lg'、'xl')
|
RedExclamationCircleIcon
赤い感嘆符の円形アイコンを表示するためのコンポーネント。
<RedExclamationCircleIcon title="Failed" />
パラメーター名 | 説明 |
---|
className
|
(オプション) コンポーネントの追加クラス名
|
title
|
(オプション) アイコンのタイトル
|
size
|
(オプション) アイコンのサイズ: ('sm'、'md'、'lg'、'xl')
|
YellowExclamationTriangleIcon
黄色の三角形の感嘆符アイコンを表示するためのコンポーネント。
<YellowExclamationTriangleIcon title="Warning" />
パラメーター名 | 説明 |
---|
className
|
(オプション) コンポーネントの追加クラス名
|
title
|
(オプション) アイコンのタイトル
|
size
|
(オプション) アイコンのサイズ: ('sm'、'md'、'lg'、'xl')
|
BlueInfoCircleIcon
青い情報円形アイコンを表示するためのコンポーネント。
<BlueInfoCircleIcon title="Info" />
パラメーター名 | 説明 |
---|
className
|
(オプション) コンポーネントの追加クラス名
|
title
|
(オプション) アイコンのタイトル
|
size
|
(オプション) アイコンのサイズ: ('sm'、'md'、'lg'、'xl')
|
ErrorStatus
エラーステータスのポップオーバーを表示するためのコンポーネント。
<ErrorStatus title={errorMsg} />
パラメーター名 | 説明 |
---|
title
|
(オプション) ステータステキスト
|
iconOnly
|
(オプション) true の場合、アイコンのみを表示します
|
noTooltip
|
(オプション) true の場合、ツールチップは表示されません
|
className
|
(オプション) コンポーネントの追加クラス名
|
popoverTitle
|
(オプション) ポップオーバーのタイトル
|
InfoStatus
情報ステータスのポップオーバーを表示するためのコンポーネント。
<InfoStatus title={infoMsg} />
パラメーター名 | 説明 |
---|
title
|
(オプション) ステータステキスト
|
iconOnly
|
(オプション) true の場合、アイコンのみを表示します
|
noTooltip
|
(オプション) true の場合、ツールチップは表示されません
|
className
|
(オプション) コンポーネントの追加クラス名
|
popoverTitle
|
(オプション) ポップオーバーのタイトル
|
ProgressStatus
進行状況のポップオーバーを表示するためのコンポーネント。
<ProgressStatus title={progressMsg} />
パラメーター名 | 説明 |
---|
title
|
(オプション) ステータステキスト
|
iconOnly
|
(オプション) true の場合、アイコンのみを表示します
|
noTooltip
|
(オプション) true の場合、ツールチップは表示されません
|
className
|
(オプション) コンポーネントの追加クラス名
|
popoverTitle
|
(オプション) ポップオーバーのタイトル
|
SuccessStatus
成功ステータスのポップオーバーを表示するためのコンポーネント。
<SuccessStatus title={successMsg} />
パラメーター名 | 説明 |
---|
title
|
(オプション) ステータステキスト
|
iconOnly
|
(オプション) true の場合、アイコンのみを表示します
|
noTooltip
|
(オプション) true の場合、ツールチップは表示されません
|
className
|
(オプション) コンポーネントの追加クラス名
|
popoverTitle
|
(オプション) ポップオーバーのタイトル
|
checkAccess
特定のリソースへのユーザーアクセスに関する情報を提供します。リソースアクセス情報を含むオブジェクトを返します。
パラメーター名 | 説明 |
---|
resourceAttributes
|
アクセスレビューのリソース属性
|
切り替え
|
権限借用の詳細
|
useAccessReview
特定のリソースへのユーザーアクセスに関する情報を提供するフック。isAllowed
と loading
値を含む配列を返します。
パラメーター名 | 説明 |
---|
resourceAttributes
|
アクセスレビューのリソース属性
|
切り替え
|
権限借用の詳細
|
useResolvedExtensions
解決された CodeRef
プロパティーで Console 拡張機能を使用するための React フック。このフックは、useExtensions
フックと同じ引数を受け入れ、拡張インスタンスの適合したリストを返し、各拡張のプロパティー内のすべてのコード参照を解決します。最初に、フックは空の配列を返します。解決が完了すると、React コンポーネントが再レンダリングされ、適合した拡張機能のリストが返されます。一致する拡張子のリストが変更されると、解決が再開されます。解決が完了するまで、フックは前の結果を返し続けます。フックの結果要素は、再レンダリング全体で参照的に安定していることが保証されています。解決されたコード参照、解決が完了したかどうかを示すブール値フラグ、および解決中に検出されたエラーのリストを含む適応拡張インスタンスのリストを含むタプルを返します。
const [navItemExtensions, navItemsResolved] = useResolvedExtensions<NavItem>(isNavItem);
// process adapted extensions and render your component
パラメーター名 | 説明 |
---|
typeGuards
|
それぞれが動的プラグイン拡張機能を引数として受け入れ、拡張機能が目的の型制約を満たしているかどうかを示すブール値フラグを返すコールバックのリスト
|
HorizontalNav
ページのナビゲーションバーを作成するコンポーネント。ルーティングはコンポーネントの一部として処理されます。console.tab/horizontalNav
を使用して、任意の水平ナビゲーションにコンテンツを追加できます。
const HomePage: React.FC = (props) => {
const page = {
href: '/home',
name: 'Home',
component: () => <>Home</>
}
return <HorizontalNav match={props.match} pages={[page]} />
}
パラメーター名 | 説明 |
---|
resource
|
K8sResourceCommon タイプのオブジェクトである、このナビゲーションに関連付けられたリソース
|
pages
|
ページオブジェクトの配列
|
match
|
React Router が提供する match オブジェクト
|
VirtualizedTable
仮想化されたテーブルを作成するためのコンポーネント。
const MachineList: React.FC<MachineListProps> = (props) => {
return (
<VirtualizedTable<MachineKind>
{...props}
aria-label='Machines'
columns={getMachineColumns}
Row={getMachineTableRow}
/>
);
}
パラメーター名 | 説明 |
---|
data
|
テーブルのデータ
|
loaded
|
データがロードされたことを示すフラグ
|
loadError
|
データのロードで問題が発生した場合のエラーオブジェクト
|
列
|
列の設定
|
行
|
行の設定
|
unfilteredData
|
フィルターなしの元のデータ
|
NoDataEmptyMsg
|
(オプション) データのない空のメッセージコンポーネント
|
EmptyMsg
|
(オプション) 空のメッセージコンポーネント
|
scrollNode
|
(オプション) スクロールを処理する関数
|
label
|
(オプション) テーブルのラベル
|
ariaLabel
|
(オプション) aria ラベル
|
gridBreakPoint
|
応答性のためにグリッドを分割する方法のサイジング
|
onSelect
|
(オプション) テーブルの選択を処理する関数
|
rowData
|
(オプション) 行に固有のデータ
|
TableData
テーブル行内にテーブルデータを表示するためのコンポーネント。
const PodRow: React.FC<RowProps<K8sResourceCommon>> = ({ obj, activeColumnIDs }) => {
return (
<>
<TableData id={columns[0].id} activeColumnIDs={activeColumnIDs}>
<ResourceLink kind="Pod" name={obj.metadata.name} namespace={obj.metadata.namespace} />
</TableData>
<TableData id={columns[1].id} activeColumnIDs={activeColumnIDs}>
<ResourceLink kind="Namespace" name={obj.metadata.namespace} />
</TableData>
</>
);
};
パラメーター名 | 説明 |
---|
id
|
テーブルの一意の ID
|
activeColumnIDs
|
アクティブな列
|
className
|
(オプション) スタイリングのオプションクラス名
|
useActiveColumns
ユーザーが選択したアクティブな TableColumns のリストを提供するフック。
// See implementation for more details on TableColumn type
const [activeColumns, userSettingsLoaded] = useActiveColumns({
columns,
showNamespaceOverride: false,
columnManagementID,
});
return userSettingsAreLoaded ? <VirtualizedTable columns= {activeColumns} {...otherProps} /> : null
パラメーター名 | 説明 |
---|
options
|
キーと値のマップとして渡されるもの。
|
``
|
\{TableColumn[]} options.columns - 利用可能なすべての TableColumn の配列
|
``
|
{boolean} [options.showNamespaceOverride] - (オプション) true の場合、列管理の選択に関係なく、namespace 列が含まれます。
|
``
|
{string} [options.columnManagementID] - (オプション) ユーザー設定との間で列管理の選択を保持および取得するために使用される一意の ID。通常、リソースの groupverionkind 文字列。
|
現在のユーザーが選択したアクティブな列 (options.columns のサブセット) と、ユーザー設定がロードされたかどうかを示すブール値フラグを含むタプル。
ページヘッダーを生成するためのコンポーネント。
const exampleList: React.FC = () => {
return (
<>
<ListPageHeader title="Example List Page"/>
</>
);
};
パラメーター名 | 説明 |
---|
title
|
見出しタイトル
|
helpText
|
(オプション) 反応ノードとしてのヘルプセクション
|
badge
|
(オプション) 反応ノードとしてのバッジアイコン
|
ListPageCreate
特定のリソースの種類に対して、そのリソースの作成用 YAML へのリンクを自動的に生成する作成ボタンを追加するためのコンポーネント。
const exampleList: React.FC<MyProps> = () => {
return (
<>
<ListPageHeader title="Example Pod List Page"/>
<ListPageCreate groupVersionKind="Pod">Create Pod</ListPageCreate>
</ListPageHeader>
</>
);
};
パラメーター名 | 説明 |
---|
groupVersionKind
|
表すためのリソースグループ/バージョン/種類
|
ListPageCreateLink
定型化されたリンクを作成するためのコンポーネント。
const exampleList: React.FC<MyProps> = () => {
return (
<>
<ListPageHeader title="Example Pod List Page"/>
<ListPageCreateLink to={'/link/to/my/page'}>Create Item</ListPageCreateLink>
</ListPageHeader>
</>
);
};
パラメーター名 | 説明 |
---|
to
|
リンク先の文字列の場所
|
createAccessReview
|
(オプション) アクセスを決定するために使用される namespace と種類を持つオブジェクト
|
children
|
(オプション) コンポーネントの子
|
ListPageCreateButton
ボタンを作成するためのコンポーネント。
const exampleList: React.FC<MyProps> = () => {
return (
<>
<ListPageHeader title="Example Pod List Page"/>
<ListPageCreateButton createAccessReview={access}>Create Pod</ListPageCreateButton>
</ListPageHeader>
</>
);
};
パラメーター名 | 説明 |
---|
createAccessReview
|
(オプション) アクセスを決定するために使用される namespace と種類を持つオブジェクト
|
pfButtonProps
|
(オプション) Patternfly Button のプロパティー
|
ListPageCreateDropdown
権限チェックでラップされたドロップダウンを作成するためのコンポーネント。
const exampleList: React.FC<MyProps> = () => {
const items = {
SAVE: 'Save',
DELETE: 'Delete',
}
return (
<>
<ListPageHeader title="Example Pod List Page"/>
<ListPageCreateDropdown createAccessReview={access} items={items}>Actions</ListPageCreateDropdown>
</ListPageHeader>
</>
);
};
パラメーター名 | 説明 |
---|
items
|
key: ドロップダウンコンポーネントに表示する項目の ReactNode のペア
|
onClick
|
ドロップダウン項目をクリックするためのコールバック関数
|
createAccessReview
|
(オプション) アクセスを決定するために使用される namespace と種類を持つオブジェクト
|
children
|
(オプション) ドロップダウントグルの子
|
ListPageFilter
リストページのフィルターを生成するコンポーネント。
// See implementation for more details on RowFilter and FilterValue types
const [staticData, filteredData, onFilterChange] = useListPageFilter(
data,
rowFilters,
staticFilters,
);
// ListPageFilter updates filter state based on user interaction and resulting filtered data can be rendered in an independent component.
return (
<>
<ListPageHeader .../>
<ListPagBody>
<ListPageFilter data={staticData} onFilterChange={onFilterChange} />
<List data={filteredData} />
</ListPageBody>
</>
)
パラメーター名 | 説明 |
---|
data
|
データポイントの配列
|
loaded
|
データがロードされたことを示します
|
onFilterChange
|
フィルター更新時のコールバック関数
|
rowFilters
|
(オプション) 利用可能なフィルターオプションを定義する RowFilter 要素の配列
|
nameFilterPlaceholder
|
(オプション) 名前フィルターのプレースホルダー
|
labelFilterPlaceholder
|
(オプション) ラベルフィルターのプレースホルダー
|
hideLabelFilter
|
(オプション) 名前フィルターとラベルフィルターの両方ではなく、名前フィルターのみを表示します。
|
hideNameLabelFilter
|
(オプション) 名前フィルターとラベルフィルターの両方を非表示にします。
|
columnLayout
|
(オプション) 列レイアウトオブジェクト
|
hideColumnManagement
|
(オプション) 列管理を非表示にするフラグ
|
useListPageFilter
ListPageFilter コンポーネントのフィルター状態を管理するフック。すべての静的フィルターによってフィルター処理されたデータ、すべての静的フィルターと行フィルターによってフィルター処理されたデータ、および rowFilters を更新するコールバックを含むタプルを返します。
// See implementation for more details on RowFilter and FilterValue types
const [staticData, filteredData, onFilterChange] = useListPageFilter(
data,
rowFilters,
staticFilters,
);
// ListPageFilter updates filter state based on user interaction and resulting filtered data can be rendered in an independent component.
return (
<>
<ListPageHeader .../>
<ListPagBody>
<ListPageFilter data={staticData} onFilterChange={onFilterChange} />
<List data={filteredData} />
</ListPageBody>
</>
)
パラメーター名 | 説明 |
---|
data
|
データポイントの配列
|
rowFilters
|
(オプション) 利用可能なフィルターオプションを定義する RowFilter 要素の配列
|
staticFilters
|
(オプション) データに静的に適用される FilterValue 要素の配列
|
ResourceLink
アイコンバッジを使用して特定のリソースタイプへのリンクを作成するコンポーネント。
<ResourceLink
kind="Pod"
name="testPod"
title={metadata.uid}
/>
パラメーター名 | 説明 |
---|
kind
|
(オプション) リソースの種類、つまり Pod、Deployment、Namespace
|
groupVersionKind
|
(オプション) groupd、version、kind を持つオブジェクト
|
className
|
(オプション) コンポーネントのクラススタイル
|
displayName
|
(オプション) コンポーネントの表示名。設定されている場合は、リソース名を上書きします。
|
inline
|
(オプション) アイコンバッジを作成し、子とインラインで名前を付けるためのフラグ
|
linkTo
|
(オプション) Link オブジェクトを作成するためのフラグ - デフォルトは true
|
name
|
(オプション) リソースの名前
|
namesapce
|
(オプション) リンク先の種類のリソースの特定の namespace
|
hideIcon
|
(オプション) アイコンバッジを非表示にするフラグ
|
title
|
(オプション) リンクオブジェクトのタイトル (非表示)
|
dataTest
|
(オプション) テスト用の識別子
|
onClick
|
(オプション) コンポーネントがクリックされたときのコールバック関数
|
truncate
|
(オプション) リンクが長すぎる場合に切り捨てるフラグ
|
ResourceIcon
特定のリソースタイプのアイコンバッジを作成するコンポーネント。
<ResourceIcon kind="Pod"/>
パラメーター名 | 説明 |
---|
kind
|
(オプション) リソースの種類、つまり Pod、Deployment、Namespace
|
groupVersionKind
|
(オプション) グループ、バージョン、および種類を含むオブジェクト
|
className
|
(オプション) コンポーネントのクラススタイル
|
useK8sModel
指定された K8sGroupVersionKind の k8s モデルを redux から取得するフック。最初の項目が k8s モデル、2 番目の項目が inFlight
ステータスの配列を返します。
const Component: React.FC = () => {
const [model, inFlight] = useK8sModel({ group: 'app'; version: 'v1'; kind: 'Deployment' });
return ...
}
パラメーター名 | 説明 |
---|
groupVersionKind
|
k8s リソースのグループ、バージョン、種類 \{@link K8sGroupVersionKind} が推奨されます。代わりに、非推奨のグループ、バージョン、種類の参照を渡すこともできます。つまり、groupversionkind \{@link K8sResourceKindReference} です。
|
useK8sModels
redux から現在のすべての k8s モデルを取得するフック。最初の項目が k8s モデルのリストで、2 番目の項目が inFlight
ステータスの配列を返します。
const Component: React.FC = () => {
const [models, inFlight] = UseK8sModels();
return ...
}
useK8sWatchResource
ロード済みおよびエラーのステータスとともに k8s リソースを取得するフック。最初の項目がリソース、2 番目の項目がロード済みステータス、3 番目の項目がエラー状態 (存在する場合) の配列を返します。
const Component: React.FC = () => {
const watchRes = {
...
}
const [data, loaded, error] = useK8sWatchResource(watchRes)
return ...
}
パラメーター名 | 説明 |
---|
initResource
|
リソースを監視するために必要なオプション。
|
useK8sWatchResources
ロード済みおよびエラーのそれぞれのステータスとともに k8s リソースを取得するフック。キーが initResouces で提供され、値が data、loaded、error の 3 つのプロパティーを持つマップを返します。
const Component: React.FC = () => {
const watchResources = {
'deployment': {...},
'pod': {...}
...
}
const {deployment, pod} = useK8sWatchResources(watchResources)
return ...
}
パラメーター名 | 説明 |
---|
initResources
|
リソースはキーと値のペアとして監視する必要があります。ここで、キーはリソースに固有であり、値はそれぞれのリソースを監視するために必要なオプションです。
|
consoleFetch
コンソール固有のヘッダーを追加し、再試行とタイムアウトを可能にする fetch
のカスタムラッパー。また、応答ステータスコードを検証し、適切なエラーを出力するか、必要に応じてユーザーをログアウトします。レスポンスに解決される promise を返します。
パラメーター名 | 説明 |
---|
url
|
取得する URL
|
options
|
フェッチに渡すオプション
|
timeout
|
ミリ秒単位のタイムアウト
|
consoleFetchJSON
コンソール固有のヘッダーを追加し、再試行とタイムアウトを可能にする fetch
のカスタムラッパー。また、応答ステータスコードを検証し、適切なエラーを出力するか、必要に応じてユーザーをログアウトします。応答を JSON オブジェクトとして返します。内部で consoleFetch
を使用します。JSON オブジェクトとして応答に解決される promise を返します。
パラメーター名 | 説明 |
---|
url
|
取得する URL
|
method
|
使用する HTTP メソッドデフォルトは GET です。
|
options
|
フェッチに渡すオプション
|
timeout
|
ミリ秒単位のタイムアウト
|
cluster
|
リクエストを行うクラスターの名前。デフォルトは、ユーザーが選択したアクティブなクラスターです
|
consoleFetchText
コンソール固有のヘッダーを追加し、再試行とタイムアウトを可能にする fetch
のカスタムラッパー。また、応答ステータスコードを検証し、適切なエラーを出力するか、必要に応じてユーザーをログアウトします。応答をテキストとして返します。内部で consoleFetch
を使用します。テキストとして応答に解決される promise を返します。
パラメーター名 | 説明 |
---|
url
|
取得する URL
|
options
|
フェッチに渡すオプション
|
timeout
|
ミリ秒単位のタイムアウト
|
cluster
|
リクエストを行うクラスターの名前。デフォルトは、ユーザーが選択したアクティブなクラスターです
|
現在の redux 状態を使用して、API リクエストの権限借用およびマルチクラスター関連ヘッダーを作成する関数。redux 状態に基づいて、適切な権限借用ヘッダーとクラスター要求ヘッダーを含むオブジェクトを返します。
パラメーター名 | 説明 |
---|
targetCluster
|
指定された targetCluster で現在アクティブなクラスターをオーバーライドします
|
k8sGetResource
指定されたオプションに基づいて、クラスターからリソースを取得します。名前が指定されている場合は、1 つのリソースが返されます。それ以外の場合は、モデルに一致するすべてのリソースが返されます。名前が指定されている場合、リソースを含む JSON オブジェクトとして応答に解決される promise を返します。それ以外の場合は、モデルに一致するすべてのリソースを返します。失敗した場合、promise は HTTP エラー応答で拒否されます。
パラメーター名 | 説明 |
---|
options
|
マップでキーと値のペアとして渡されるもの。
|
``
|
options.model - k8s モデル
|
``
|
options.name - リソースの名前。指定されていない場合は、モデルに一致するすべてのリソースが検索されます。
|
``
|
options.ns - 調べる namespace。クラスタースコープのリソースには指定しないでください。
|
``
|
options.path - 提供された場合、サブパスとして追加します
|
``
|
options.queryParams - URL に含まれるクエリーパラメーター。
|
``
|
options.requestInit - 使用するフェッチ初期化オブジェクト。これには、リクエストヘッダー、メソッド、リダイレクトなどを含めることができます。詳細 (リンク: https://microsoft.github.io/PowerBI-JavaScript/interfaces/node_modules_typedoc_node_modules_typescript_lib_lib_dom_d.requestinit.html)
|
k8sCreateResource
指定されたオプションに基づいて、クラスター内にリソースを作成します。作成されたリソースの応答に解決される promise を返します。失敗した場合、promise は HTTP エラー応答で拒否されます。
パラメーター名 | 説明 |
---|
options
|
マップでキーと値のペアとして渡されるもの。
|
``
|
options.model - k8s モデル
|
``
|
options.data - 作成されるリソースのペイロード
|
``
|
options.path - 提供された場合、サブパスとして追加します
|
``
|
options.queryParams - URL に含まれるクエリーパラメーター。
|
k8sUpdateResource
指定されたオプションに基づいて、クラスター内のリソース全体を更新します。クライアントが既存のリソースを完全に置き換える必要がある場合、k8sUpdate を使用できます。または、k8sPatch を使用して部分的な更新を実行することもできます。更新されたリソースの応答に解決される promise を返します。失敗した場合、promise は HTTP エラー応答で拒否されます。
パラメーター名 | 説明 |
---|
options
|
マップでキーと値のペアとして渡されるもの。
|
``
|
options.model - k8s モデル
|
``
|
options.data - 更新する k8s リソースのペイロード
|
``
|
options.ns - 調べる namespace。クラスタースコープのリソースには指定しないでください。
|
``
|
options.name - 更新するリソース名。
|
``
|
options.path - 提供された場合、サブパスとして追加します
|
``
|
options.queryParams - URL に含まれるクエリーパラメーター。
|
k8sPatchResource
指定されたオプションに基づいて、クラスター内の任意のリソースにパッチを適用します。クライアントが部分的な更新を実行する必要がある場合、k8sPatch を使用できます。または、k8sUpdate を使用して、既存のリソースを完全に置き換えることもできます。詳細については、データトラッカー を参照してください。パッチが適用されたリソースの応答に解決される promise を返します。失敗した場合、promise は HTTP エラー応答で拒否されます。
パラメーター名 | 説明 |
---|
options
|
マップでキーと値のペアとして渡されるもの。
|
``
|
options.model - k8s モデル
|
``
|
options.resource - パッチを適用するリソース。
|
``
|
options.data - 操作、パス、および値を使用して、既存のリソースにパッチを適用するデータのみ。
|
``
|
options.path - 提供された場合、サブパスとして追加します。
|
``
|
options.queryParams - URL に含まれるクエリーパラメーター。
|
k8sDeleteResource
指定されたモデル、リソースに基づいて、クラスターからリソースを削除します。ガベージコレクションは 'Foreground'|'Background' に基づいて機能し、提供されたモデルの propagationPolicy プロパティーで設定するか、json で渡すことができます。種類が Status のレスポンスに解決される promise を返します。失敗した場合、promise は HTTP エラー応答で拒否されます。
{ kind: 'DeleteOptions', apiVersion: 'v1', propagationPolicy }
パラメーター名 | 説明 |
---|
options
|
マップでキーと値のペアとして渡されるもの。
|
``
|
options.model - k8s モデル
|
``
|
options.resource - 削除するリソース。
|
``
|
options.path - 提供された場合、サブパスとして追加します
|
``
|
options.queryParams - URL に含まれるクエリーパラメーター。
|
``
|
options.requestInit - 使用するフェッチ初期化オブジェクト。これには、リクエストヘッダー、メソッド、リダイレクトなどを含めることができます。詳細 \{@link https://microsoft.github.io/PowerBI-JavaScript/interfaces/node_modules_typedoc_node_modules_typescript_lib_lib_dom_d.requestinit.html }
|
``
|
options.json - リソースのガベージコレクションを明示的に制御できます。それ以外の場合は、モデルの propagationPolicy がデフォルトになります。
|
k8sListResource
指定されたオプションに基づいて、リソースをクラスター内の配列として一覧表示します。レスポンスに解決される promise を返します。
パラメーター名 | 説明 |
---|
options
|
マップでキーと値のペアとして渡されるもの。
|
``
|
options.model - k8s モデル
|
``
|
options.queryParams - URL に含まれるクエリーパラメーター。ラベルセレクターとキー labelSelector を渡すことができます。
|
``
|
options.requestInit - 使用するフェッチ初期化オブジェクト。これには、リクエストヘッダー、メソッド、リダイレクトなどを含めることができます。詳細 \{@link https://microsoft.github.io/PowerBI-JavaScript/interfaces/node_modules_typedoc_node_modules_typescript_lib_lib_dom_d.requestinit.html }
|
k8sListResourceItems
\{@link k8sListResource} と同じインターフェイスですが、サブ項目を返します。モデルの apiVersion、つまり group/version
を返します。
k8s モデルの apiVersion を提供します。
getGroupVersionKindForResource
リソースのグループ、バージョン、および種類を提供します。指定されたリソースのグループ、バージョン、種類を返します。リソースに API グループがない場合、グループ core が返されます。リソースに無効な apiVersion がある場合、エラーが出力されます。
パラメーター名 | 説明 |
---|
resource
|
k8s リソース
|
k8s モデルのグループ、バージョン、および種類を提供します。これは、提供されたモデルのグループ、バージョン、種類を返します。モデルに apiGroup がない場合、グループ core が返されます。
ポップアップウィンドウでステータスを表示するコンポーネント。console.dashboards/overview/health/resource
拡張機能を構築するための便利なコンポーネント。
<StatusPopupSection
firstColumn={
<>
<span>{title}</span>
<span className="text-secondary">
My Example Item
</span>
</>
}
secondColumn='Status'
>
パラメーター名 | 説明 |
---|
firstColumn
|
ポップアップの最初の列の値
|
secondColumn
|
(オプション) ポップアップの 2 列目の値
|
children
|
(オプション) ポップアップの子
|
ステータスポップアップで使用されるステータス要素。StatusPopupSection
で使用されます。
<StatusPopupSection
firstColumn='Example'
secondColumn='Status'
>
<StatusPopupItem icon={healthStateMapping[MCGMetrics.state]?.icon}>
Complete
</StatusPopupItem>
<StatusPopupItem icon={healthStateMapping[RGWMetrics.state]?.icon}>
Pending
</StatusPopupItem>
</StatusPopupSection>
パラメーター名 | 説明 |
---|
value
|
(オプション) 表示するテキスト値
|
icon
|
(オプション) 表示するアイコン
|
children
|
子要素
|
概要
ダッシュボードのラッパーコンポーネントを作成します。
<Overview>
<OverviewGrid mainCards={mainCards} leftCards={leftCards} rightCards={rightCards} />
</Overview>
パラメーター名 | 説明 |
---|
className
|
(オプション) div のスタイルクラス
|
children
|
(オプション) ダッシュボードの要素
|
OverviewGrid
ダッシュボードのカード要素のグリッドを作成します。Overview
内で使用されます。
<Overview>
<OverviewGrid mainCards={mainCards} leftCards={leftCards} rightCards={rightCards} />
</Overview>
パラメーター名 | 説明 |
---|
mainCards
|
グリッド用カード
|
leftCards
|
(オプション) グリッドの左側のカード
|
rightCards
|
(オプション) グリッドの右側のカード
|
InventoryItem
インベントリーカード項目を作成します。
return (
<InventoryItem>
<InventoryItemTitle>{title}</InventoryItemTitle>
<InventoryItemBody error={loadError}>
{loaded && <InventoryItemStatus count={workerNodes.length} icon={<MonitoringIcon />} />}
</InventoryItemBody>
</InventoryItem>
)
パラメーター名 | 説明 |
---|
children
|
項目内でレンダリングする要素
|
InventoryItemTitle
インベントリーカード項目のタイトルを作成します。InventoryItem
内で使用されます。
return (
<InventoryItem>
<InventoryItemTitle>{title}</InventoryItemTitle>
<InventoryItemBody error={loadError}>
{loaded && <InventoryItemStatus count={workerNodes.length} icon={<MonitoringIcon />} />}
</InventoryItemBody>
</InventoryItem>
)
パラメーター名 | 説明 |
---|
children
|
タイトル内にレンダリングする要素
|
InventoryItemBody
インベントリーカードの本文を作成します。InventoryCard
内で使用され、InventoryTitle
と使用できます。
return (
<InventoryItem>
<InventoryItemTitle>{title}</InventoryItemTitle>
<InventoryItemBody error={loadError}>
{loaded && <InventoryItemStatus count={workerNodes.length} icon={<MonitoringIcon />} />}
</InventoryItemBody>
</InventoryItem>
)
パラメーター名 | 説明 |
---|
children
|
インベントリーカードまたはタイトル内でレンダリングする要素
|
error
|
div の要素
|
InventoryItemStatus
オプションのリンクアドレスを使用してインベントリーカードのカウントとアイコンを作成します。InventoryItemBody
内で使用されます。
return (
<InventoryItem>
<InventoryItemTitle>{title}</InventoryItemTitle>
<InventoryItemBody error={loadError}>
{loaded && <InventoryItemStatus count={workerNodes.length} icon={<MonitoringIcon />} />}
</InventoryItemBody>
</InventoryItem>
)
パラメーター名 | 説明 |
---|
count
|
表示用カウント
|
icon
|
表示用アイコン
|
linkTo
|
(オプション) リンクアドレス
|
InventoryItemLoading
インベントリーカードのロード時にスケルトンコンテナーを作成します。InventoryItem
および関連コンポーネントで使用されます。
if (loadError) {
title = <Link to={workerNodesLink}>{t('Worker Nodes')}</Link>;
} else if (!loaded) {
title = <><InventoryItemLoading /><Link to={workerNodesLink}>{t('Worker Nodes')}</Link></>;
}
return (
<InventoryItem>
<InventoryItemTitle>{title}</InventoryItemTitle>
</InventoryItem>
)
useFlag
FLAGS redux 状態から指定された機能フラグを返すフック。要求された機能フラグまたは未定義のブール値を返します。
YAMLEditor
ホバーヘルプと補完機能を備えた基本的な遅延ロード YAML エディター。
<React.Suspense fallback={<LoadingBox />}>
<YAMLEditor
value={code}
/>
</React.Suspense>
ResourceYAMLEditor
ホバーヘルプと補完機能を備えた Kubernetes リソース用の遅延ロード YAML エディター。このコンポーネントは YAMLEditor を使用し、その上にリソースの更新処理、アラート、保存、キャンセル、リロードボタン、アクセシビリティなどの機能を追加します。onSave
コールバックが提供されないかぎり、リソースの更新は自動的に処理されます。React.Suspense コンポーネントでラップする必要があります。
<React.Suspense fallback={<LoadingBox />}>
<ResourceYAMLEditor
initialResource={resource}
header="Create resource"
onSave={(content) => updateResource(content)}
/>
</React.Suspense>
パラメーター名 | 説明 |
---|
initialResource
|
エディターによって表示されるリソースを表す YAML/オブジェクト。この prop は、最初のレンダリング中にのみ使用されます
|
header
|
YAML エディターの上にヘッダーを追加する
|
onSave
|
Save ボタンのコールバック。これを渡すと、エディターによってリソースに対して実行されたデフォルトの更新が上書きされます
|
ResourceEventStream
特定のリソースに関連するイベントを表示するコンポーネント。
const [resource, loaded, loadError] = useK8sWatchResource(clusterResource);
return <ResourceEventStream resource={resource} />
パラメーター名 | 説明 |
---|
resource
|
関連イベントを表示するオブジェクト。
|
usePrometheusPoll
単一のクエリーに対して Prometheus へのポーリングを設定します。クエリー応答、応答が完了したかどうかを示すブール値フラグ、および要求中または要求の後処理中に発生したエラーを含むタプルを返します。
パラメーター名 | 設定 |
---|
``
|
{PrometheusEndpoint} props.endpoint - PrometheusEndpoint の 1 つ (ラベル、クエリー、範囲、ルール、ターゲット)
|
``
|
{string} [props.query] - (オプション) Prometheus クエリー文字列。空または未定義の場合、ポーリングは開始されません。
|
``
|
{number} [props.delay] - (オプション) ポーリング遅延間隔 (ミリ秒)
|
``
|
{number} [props.endTime] - (オプション) QUERY_RANGE エンドポイント用、クエリー範囲の終わり
|
``
|
{number} [props.samples] - (オプション) QUERY_RANGE エンポイント用
|
``
|
{number} [options.timespan] - (オプション) QUERY_RANGE エンドポイント用
|
``
|
{string} [options.namespace] - (オプション) 追加する検索パラメーター
|
``
|
{string} [options.timeout] - (オプション) 追加する検索パラメーター
|
Timestamp
タイムスタンプをレンダリングするコンポーネント。タイムスタンプは、Timestamp コンポーネントの個々のインスタンス間で同期されます。指定されたタイムスタンプは、ユーザーロケールに従ってフォーマットされます。
パラメーター名 | 説明 |
---|
timestamp
|
レンダリングするタイムスタンプ。形式は、ISO 8601 (Kubernetes で使用)、エポックタイムスタンプ、または日付のインスタンスであることが期待されます。
|
simple
|
アイコンとツールチップを省略したシンプルなバージョンのコンポーネントをレンダリングします。
|
omitSuffix
|
接尾辞を省略して日付をフォーマットします。
|
className
|
コンポーネントの追加のクラス名。
|
useModal
モーダルを起動するためのフック。
const context: AppPage: React.FC = () => {<br/> const [launchModal] = useModal();<br/> const onClick = () => launchModal(ModalComponent);<br/> return (<br/> <Button onClick={onClick}>Launch a Modal</Button><br/> )<br/>}<br/>`
ActionServiceProvider
console.action/provider
拡張タイプの他のプラグインからのコントリビューションを受け取ることを可能にするコンポーネント。
const context: ActionContext = { 'a-context-id': { dataFromDynamicPlugin } };
...
<ActionServiceProvider context={context}>
{({ actions, options, loaded }) =>
loaded && (
<ActionMenu actions={actions} options={options} variant={ActionMenuVariant.DROPDOWN} />
)
}
</ActionServiceProvider>
パラメーター名 | 説明 |
---|
context
|
contextId とオプションのプラグインデータを含むオブジェクト
|
NamespaceBar
namespace のドロップダウンメニューが左端にある水平ツールバーをレンダリングするコンポーネント。追加のコンポーネントを子として渡すことができ、namespace ドロップダウンの右側にレンダリングされます。このコンポーネントは、ページの上部で使用するように設計されています。k8s リソースを含むページなど、ユーザーがアクティブな namespace を変更できる必要があるページで使用する必要があります。
const logNamespaceChange = (namespace) => console.log(`New namespace: ${namespace}`);
...
<NamespaceBar onNamespaceChange={logNamespaceChange}>
<NamespaceBarApplicationSelector />
</NamespaceBar>
<Page>
...
パラメーター名 | 説明 |
---|
onNamespaceChange
|
(オプション) namespace オプションが選択されたときに実行される関数。唯一の引数として、文字列の形式で新しい namespace を受け入れます。オプションが選択されると、アクティブな namespace が自動的に更新されますが、この関数を介して追加のロジックを適用できます。namespace が変更されると、URL の namespace パラメーターが以前の namespace から新しく選択された namespace に変更されます。
|
isDisabled
|
(オプション) true に設定されている場合、namespace のドロップダウンを無効にするブール値フラグ。このオプションは namespace ドロップダウンにのみ適用され、子コンポーネントには影響しません。
|
children
|
(オプション) namespace ドロップダウンの右側にあるツールバー内にレンダリングされる追加の要素。
|
ErrorBoundaryFallbackPage
フルページの ErrorBoundaryFallbackPage コンポーネントを作成して、"Oh no!Something went wrong." というメッセージと、スタックトレースおよびその他の役立つデバッグ情報を表示します。これは、コンポーネントと組み合わせて使用されます。
//in ErrorBoundary component
return (
if (this.state.hasError) {
return <ErrorBoundaryFallbackPage errorMessage={errorString} componentStack={componentStackString}
stack={stackTraceString} title={errorString}/>;
}
return this.props.children;
)
パラメーター名 | 説明 |
---|
errorMessage
|
エラーメッセージのテキスト説明
|
componentStack
|
例外のコンポーネントトレース
|
stack
|
例外のスタックトレース
|
title
|
エラー境界ページのヘッダーとしてレンダリングするタイトル
|
PerspectiveContext
@deprecated - 代わりに提供された usePerspectiveContext
を使用して、パースペクティブコンテキストを作成します。
パラメーター名 | 説明 |
---|
PerspectiveContextType
|
アクティブなパースペクティブとセッターを含むオブジェクト
|
useAccessReviewAllowed
@deprecated - 代わりに @console/dynamic-plugin-sdk の useAccessReview を使用します。特定のリソースへのユーザーアクセスに関する許可ステータスを提供するフック。isAllowed
ブール値を返します。
パラメーター名 | 説明 |
---|
resourceAttributes
|
アクセスレビューのリソース属性
|
切り替え
|
権限借用の詳細
|
useSafetyFirst
@deprecated - このフックは、コンソール機能とは関係ありません。特定のコンポーネントがアンマウントされる可能性がある場合に備えて、React 状態の安全な非同期設定を保証するフックです。状態値とその set 関数のペアを含む配列を返します。
パラメーター名 | 説明 |
---|
initialState
|
初期状態値
|