This is an automated email from the ASF dual-hosted git repository. marat pushed a commit to branch main in repository https://gitbox.apache.org/repos/asf/camel-karavan.git
commit abbb4dbf7995b147bed82e5b59a16f7f42bacca1 Author: Marat Gubaidullin <[email protected]> AuthorDate: Tue Sep 6 13:16:54 2022 -0400 Show Kamelet Preview badge --- karavan-core/src/core/model/KameletModels.ts | 1 + karavan-designer/src/App.tsx | 5 +++-- karavan-designer/src/designer/karavan.css | 8 +++++++- karavan-designer/src/designer/route/DslSelector.tsx | 1 + karavan-designer/src/designer/utils/CamelUi.tsx | 1 + karavan-designer/src/designer/utils/DslMetaModel.ts | 1 + 6 files changed, 14 insertions(+), 3 deletions(-) diff --git a/karavan-core/src/core/model/KameletModels.ts b/karavan-core/src/core/model/KameletModels.ts index beef08c..81a7d5f 100644 --- a/karavan-core/src/core/model/KameletModels.ts +++ b/karavan-core/src/core/model/KameletModels.ts @@ -58,6 +58,7 @@ export class Labels { export class Annotations { 'camel.apache.org/kamelet.icon': string | any = ''; 'camel.apache.org/catalog.version': string | any = ''; + 'camel.apache.org/kamelet.support.level': string | any = ''; public constructor(init?: Partial<Annotations>) { Object.assign(this, init); diff --git a/karavan-designer/src/App.tsx b/karavan-designer/src/App.tsx index 62ddc36..276c971 100644 --- a/karavan-designer/src/App.tsx +++ b/karavan-designer/src/App.tsx @@ -94,7 +94,8 @@ class App extends React.Component<Props, State> { }; componentDidMount() { - ["http-secured-sink.kamelet.yaml", + ["aws-eventbridge-sink.kamelet.yaml", + "http-secured-sink.kamelet.yaml", "timer-source.kamelet.yaml", "http-secured-source.kamelet.yaml", "http-sink.kamelet.yaml", @@ -138,7 +139,7 @@ class App extends React.Component<Props, State> { save(filename: string, yaml: string, propertyOnly: boolean) { // console.log(filename); - console.log(yaml); + // console.log(yaml); // console.log(propertyOnly); } diff --git a/karavan-designer/src/designer/karavan.css b/karavan-designer/src/designer/karavan.css index 95cd011..071aa52 100644 --- a/karavan-designer/src/designer/karavan.css +++ b/karavan-designer/src/designer/karavan.css @@ -868,12 +868,18 @@ } .dsl-modal .version { - text-align: right; opacity: 0.5; white-space: nowrap; margin-left: auto; } +.dsl-modal .support-level { + position: absolute; + right: 6px; + top: 6px; + white-space: nowrap; +} + .dsl-modal .labels { opacity: 0.5; } diff --git a/karavan-designer/src/designer/route/DslSelector.tsx b/karavan-designer/src/designer/route/DslSelector.tsx index eef4cb9..c3d8644 100644 --- a/karavan-designer/src/designer/route/DslSelector.tsx +++ b/karavan-designer/src/designer/route/DslSelector.tsx @@ -100,6 +100,7 @@ export class DslSelector extends React.Component<Props, State> { <CardHeader> {CamelUi.getIconForDsl(dsl)} <Text>{dsl.title}</Text> + {dsl.supportLevel && dsl.supportLevel === 'Preview' && <Badge isRead className="support-level">{dsl.supportLevel}</Badge>} </CardHeader> <CardBody> <Text>{dsl.description}</Text> diff --git a/karavan-designer/src/designer/utils/CamelUi.tsx b/karavan-designer/src/designer/utils/CamelUi.tsx index 3be4d1f..bd707b9 100644 --- a/karavan-designer/src/designer/utils/CamelUi.tsx +++ b/karavan-designer/src/designer/utils/CamelUi.tsx @@ -170,6 +170,7 @@ export class CamelUi { title: k.title(), description: k.title(), version: k.version(), + supportLevel: k.metadata.annotations["camel.apache.org/kamelet.support.level"], }) ); } diff --git a/karavan-designer/src/designer/utils/DslMetaModel.ts b/karavan-designer/src/designer/utils/DslMetaModel.ts index 006bf4e..53318bd 100644 --- a/karavan-designer/src/designer/utils/DslMetaModel.ts +++ b/karavan-designer/src/designer/utils/DslMetaModel.ts @@ -24,6 +24,7 @@ export class DslMetaModel { labels: string = '' navigation: string = '' version: string = '' + supportLevel: string = '' properties: any; public constructor(init?: Partial<DslMetaModel>) {
