From 31cee02f88c96b2dca6fead1d60e678a867ac2e9 Mon Sep 17 00:00:00 2001 From: Yagnik Date: Fri, 10 May 2024 12:59:13 +0530 Subject: [PATCH 1/2] feature flag details page, header and content component created --- ...eature-flag-details-page-content.component.html | 3 +++ ...eature-flag-details-page-content.component.scss | 0 .../feature-flag-details-page-content.component.ts | 12 ++++++++++++ ...feature-flag-details-page-header.component.html | 6 ++++++ ...feature-flag-details-page-header.component.scss | 0 .../feature-flag-details-page-header.component.ts | 14 ++++++++++++++ .../feature-flag-details-page.component.html | 4 ++++ .../feature-flag-details-page.component.scss | 0 .../feature-flag-details-page.component.ts | 13 +++++++++++++ frontend/projects/upgrade/src/assets/i18n/en.json | 1 + 10 files changed, 53 insertions(+) create mode 100644 frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-content/feature-flag-details-page-content.component.html create mode 100644 frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-content/feature-flag-details-page-content.component.scss create mode 100644 frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-content/feature-flag-details-page-content.component.ts create mode 100644 frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-header/feature-flag-details-page-header.component.html create mode 100644 frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-header/feature-flag-details-page-header.component.scss create mode 100644 frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-header/feature-flag-details-page-header.component.ts create mode 100644 frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page.component.html create mode 100644 frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page.component.scss create mode 100644 frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page.component.ts diff --git a/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-content/feature-flag-details-page-content.component.html b/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-content/feature-flag-details-page-content.component.html new file mode 100644 index 0000000000..8232320822 --- /dev/null +++ b/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-content/feature-flag-details-page-content.component.html @@ -0,0 +1,3 @@ + +
Hi I'm a section card 1
+
diff --git a/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-content/feature-flag-details-page-content.component.scss b/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-content/feature-flag-details-page-content.component.scss new file mode 100644 index 0000000000..e69de29bb2 diff --git a/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-content/feature-flag-details-page-content.component.ts b/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-content/feature-flag-details-page-content.component.ts new file mode 100644 index 0000000000..8f0e6aa379 --- /dev/null +++ b/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-content/feature-flag-details-page-content.component.ts @@ -0,0 +1,12 @@ +import { ChangeDetectionStrategy, Component } from '@angular/core'; +import { CommonSectionCardListComponent } from '../../../../../../shared-standalone-component-lib/components'; + +@Component({ + selector: 'app-feature-flag-details-page-content', + standalone: true, + imports: [CommonSectionCardListComponent], + templateUrl: './feature-flag-details-page-content.component.html', + styleUrl: './feature-flag-details-page-content.component.scss', + changeDetection: ChangeDetectionStrategy.OnPush, +}) +export class FeatureFlagDetailsPageContentComponent {} diff --git a/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-header/feature-flag-details-page-header.component.html b/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-header/feature-flag-details-page-header.component.html new file mode 100644 index 0000000000..2159292eda --- /dev/null +++ b/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-header/feature-flag-details-page-header.component.html @@ -0,0 +1,6 @@ + + \ No newline at end of file diff --git a/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-header/feature-flag-details-page-header.component.scss b/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-header/feature-flag-details-page-header.component.scss new file mode 100644 index 0000000000..e69de29bb2 diff --git a/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-header/feature-flag-details-page-header.component.ts b/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-header/feature-flag-details-page-header.component.ts new file mode 100644 index 0000000000..f49b02ef6e --- /dev/null +++ b/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-header/feature-flag-details-page-header.component.ts @@ -0,0 +1,14 @@ +import { ChangeDetectionStrategy, Component } from '@angular/core'; +import { CommonDetailsPageHeaderContainerComponent } from '../../../../../../shared-standalone-component-lib/components/'; + +@Component({ + selector: 'app-feature-flag-details-page-header', + standalone: true, + imports: [CommonDetailsPageHeaderContainerComponent], + templateUrl: './feature-flag-details-page-header.component.html', + styleUrl: './feature-flag-details-page-header.component.scss', + changeDetection: ChangeDetectionStrategy.OnPush, +}) +export class FeatureFlagDetailsPageHeaderComponent { + flagName = 'feature flag 1'; +} diff --git a/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page.component.html b/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page.component.html new file mode 100644 index 0000000000..8035da8b00 --- /dev/null +++ b/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page.component.html @@ -0,0 +1,4 @@ + + + + diff --git a/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page.component.scss b/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page.component.scss new file mode 100644 index 0000000000..e69de29bb2 diff --git a/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page.component.ts b/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page.component.ts new file mode 100644 index 0000000000..a7aa6786f4 --- /dev/null +++ b/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page.component.ts @@ -0,0 +1,13 @@ +import { Component } from '@angular/core'; +import { CommonDetailsPageComponent } from '../../../../../shared-standalone-component-lib/components'; +import { FeatureFlagDetailsPageHeaderComponent } from './feature-flag-details-page-header/feature-flag-details-page-header.component'; +import { FeatureFlagDetailsPageContentComponent } from './feature-flag-details-page-content/feature-flag-details-page-content.component'; + +@Component({ + selector: 'app-feature-flag-details-page', + standalone: true, + templateUrl: './feature-flag-details-page.component.html', + styleUrl: './feature-flag-details-page.component.scss', + imports: [CommonDetailsPageComponent, FeatureFlagDetailsPageHeaderComponent, FeatureFlagDetailsPageContentComponent], +}) +export class FeatureFlagDetailsPageComponent {} diff --git a/frontend/projects/upgrade/src/assets/i18n/en.json b/frontend/projects/upgrade/src/assets/i18n/en.json index 7abce69cee..d84a02fd4d 100644 --- a/frontend/projects/upgrade/src/assets/i18n/en.json +++ b/frontend/projects/upgrade/src/assets/i18n/en.json @@ -341,6 +341,7 @@ "feature-flags.global-variation-value.text": "Value", "feature-flags.title.text": "Feature Flags", "feature-flags.subtitle.text": "Manage feature flags", + "feature-flags.link.text": "featureflags", "feature-flags.no-flags.text": "Welcome!
Let's start by creating a new flag!", "feature-flags.delete-flag.message.text": "Type the name of feature flag to confirm deletion:", "feature-flags.delete-flag.input-placeholder.text": "Feature flag name", From 28dd9c29e9ef909fbab9f3874d47cd80a16c894a Mon Sep 17 00:00:00 2001 From: Yagnik Date: Mon, 13 May 2024 10:56:46 +0530 Subject: [PATCH 2/2] removed unused code --- .../feature-flag-details-page-header.component.html | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-header/feature-flag-details-page-header.component.html b/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-header/feature-flag-details-page-header.component.html index 2159292eda..64207491e5 100644 --- a/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-header/feature-flag-details-page-header.component.html +++ b/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-details-page/feature-flag-details-page-header/feature-flag-details-page-header.component.html @@ -2,5 +2,4 @@ rootName = "feature-flags.title.text" detailsName = {{ flagName }} rootLink= "feature-flags.link.text" -> - \ No newline at end of file +> \ No newline at end of file