From c2c883885e44344603bcb769028f49515d407496 Mon Sep 17 00:00:00 2001 From: arditdomi <32884230+arditdomi@users.noreply.github.com> Date: Thu, 12 Sep 2019 15:02:28 +0100 Subject: [PATCH] [ADF-4878] Refactor, Split ADF About component (#5064) * Refactor, Split ADF About component * [ADF-4878] Add documentation * [ADF-4878] Rename Component * [ADF-4878] Implement comments * [ADF-4878] Update documentation for about components --- .../app/components/about/about.component.html | 17 ++- .../app/components/about/about.component.ts | 3 +- .../components/about-application-modules.md | 40 ++++++ docs/core/components/about-github-link.md | 39 ++++++ .../about-product-version.component.md | 22 ++++ docs/core/components/about.component.md | 47 ------- .../about-application-modules.component.html | 62 +++++++++ .../about-application-modules.component.scss} | 0 .../about-application-modules.component.ts | 67 ++++++++++ .../about-github-link.component.html | 28 ++++ .../about-github-link.component.scss | 10 ++ .../about-github-link.component.ts | 46 +++++++ .../about-product-version.component.html | 39 ++++++ .../about-product-version.component.scss | 10 ++ .../about-product-version.component.ts} | 82 +++--------- lib/core/about/about.component.html | 121 ------------------ lib/core/about/about.module.ts | 12 +- lib/core/about/public-api.ts | 4 +- 18 files changed, 404 insertions(+), 245 deletions(-) create mode 100644 docs/core/components/about-application-modules.md create mode 100644 docs/core/components/about-github-link.md create mode 100644 docs/core/components/about-product-version.component.md delete mode 100644 docs/core/components/about.component.md create mode 100644 lib/core/about/about-application-modules/about-application-modules.component.html rename lib/core/about/{about.component.scss => about-application-modules/about-application-modules.component.scss} (100%) create mode 100644 lib/core/about/about-application-modules/about-application-modules.component.ts create mode 100644 lib/core/about/about-github-link/about-github-link.component.html create mode 100644 lib/core/about/about-github-link/about-github-link.component.scss create mode 100644 lib/core/about/about-github-link/about-github-link.component.ts create mode 100644 lib/core/about/about-product-version/about-product-version.component.html create mode 100644 lib/core/about/about-product-version/about-product-version.component.scss rename lib/core/about/{about.component.ts => about-product-version/about-product-version.component.ts} (64%) delete mode 100644 lib/core/about/about.component.html diff --git a/demo-shell/src/app/components/about/about.component.html b/demo-shell/src/app/components/about/about.component.html index b2723bf895..82efb08802 100644 --- a/demo-shell/src/app/components/about/about.component.html +++ b/demo-shell/src/app/components/about/about.component.html @@ -1,5 +1,12 @@ - - + + + + + + + + diff --git a/demo-shell/src/app/components/about/about.component.ts b/demo-shell/src/app/components/about/about.component.ts index e8ed612ac5..04c34daa83 100644 --- a/demo-shell/src/app/components/about/about.component.ts +++ b/demo-shell/src/app/components/about/about.component.ts @@ -25,9 +25,10 @@ import { name, version, commit, dependencies } from '../../../../../package.json }) export class AboutComponent { - githubUrlCommitAlpha = `https://github.com/Alfresco/${name}/commits/${commit}`; + url = `https://github.com/Alfresco/${name}/commits/${commit}`; version = version; dependencies = dependencies; + showExtensions = true; constructor() { diff --git a/docs/core/components/about-application-modules.md b/docs/core/components/about-application-modules.md new file mode 100644 index 0000000000..3eb60cb504 --- /dev/null +++ b/docs/core/components/about-application-modules.md @@ -0,0 +1,40 @@ +--- +Title: About Application Modules Component +Added: v1.0.0 +Status: Experimental +Last reviewed: 2019-09-09 +--- + +# [About Application Modules Component](../../../lib/core/about/about-application-modules/about-application-modules.component.ts "Defined in about-application-modules.component.ts") + +Shows which ADF libraries and plugins an application is using. + +## Basic Usage + +With default input values: + +```html + +``` + +With custom input values: + +```html + + +``` + +### Properties + +| Name | Type | Default value | Description | +| ---- | ---- | ------------- | ----------- | +| dependencies | `any` | | The dependencies value defined in the package.json | +| showExtensions | `boolean` | true | Toggles showing/hiding of extensions block. | +| regexp | `string` | "^(@alfresco)" | Regular expression for filtering dependencies packages. | + +## Details + +Use this component to display an overview of the dependencies and plugins used by an application. diff --git a/docs/core/components/about-github-link.md b/docs/core/components/about-github-link.md new file mode 100644 index 0000000000..d55ad0e661 --- /dev/null +++ b/docs/core/components/about-github-link.md @@ -0,0 +1,39 @@ +--- +Title: About GitHub Link Component +Added: v1.0.0 +Status: Experimental +Last reviewed: 2019-09-09 +--- + +# [About GitHub Link Component](../../../lib/core/about/about-github-link/about-github-link.component.ts "Defined in about-github-link.component.ts") + +Shows which version of the application is running based on the latest GitHub commit, as well as the server settings for the application. + +## Basic Usage + +With default input values: + +```html + +``` + +With custom input values: + +```html + + + +``` + +### Properties + +| Name | Type | Default value | Description | +| ---- | ---- | ------------- | ----------- | +| url | `string` | | The GitHub commit that corresponds to the version of ADF in use. | +| version | `string` | "3.x.x" | A number displaying the version of ADF in use. | + +## Details + +Use this component to display an overview of the latest GitHub commit and the server settings used by an application. diff --git a/docs/core/components/about-product-version.component.md b/docs/core/components/about-product-version.component.md new file mode 100644 index 0000000000..08cf9275b1 --- /dev/null +++ b/docs/core/components/about-product-version.component.md @@ -0,0 +1,22 @@ +--- +Title: About Product Version Component +Added: v1.0.0 +Status: Experimental +Last reviewed: 2019-09-09 +--- + +# [About Product Version Component](../../../lib/core/about/about-product-version/about-product-version.component.ts "Defined in about-product-version.component.ts") + +Shows which version of Process Services (BPM) and Content Services (ECM) an application is running. It also shows the relevant license information, application status and Alfresco modules running in an application. + +## Basic Usage + +With default input values: + +```html + +``` + +## Details + +Use this component to display an overview of which version of Process Services and Content Services an application is running as well as the associated license information. It also displays application status and any modules running. diff --git a/docs/core/components/about.component.md b/docs/core/components/about.component.md deleted file mode 100644 index 8af231c7a5..0000000000 --- a/docs/core/components/about.component.md +++ /dev/null @@ -1,47 +0,0 @@ ---- -Title: About Component -Added: v2.4.0 -Status: Experimental -Last reviewed: 2019-03-19 ---- - -# [About Component](../../../lib/core/about/about.component.ts "Defined in about.component.ts") - -Shows a general version and status overview of the installed ADF library. - -## Basic Usage - -With default input values - -```html - -``` - -With custom input values: - -```html - -``` - -## Class members - -### Properties - -| Name | Type | Default value | Description | -| ---- | ---- | ------------- | ----------- | -| githubUrlCommitAlpha | `string` | | Commit corresponding to the version of ADF to be used. | -| regexp | `string` | "^(@alfresco)" | Regular expression for filtering dependencies packages. | -| showExtensions | `boolean` | true | Toggles showing/hiding of extensions block. | - -## Details - -Use this component to get a general overview of the version of ADF installed and the status of the [Content service](../services/content.service.md) and [Process service](../../process-services/services/process.service.md). - -Note that at the moment this component is mostly for internal use and it requires you to: - -- create a version file : `npm list --depth=0 --json=true --prod=true > versions.json` -- provide this version file in the `dist` folder diff --git a/lib/core/about/about-application-modules/about-application-modules.component.html b/lib/core/about/about-application-modules/about-application-modules.component.html new file mode 100644 index 0000000000..4fb0a4f676 --- /dev/null +++ b/lib/core/about/about-application-modules/about-application-modules.component.html @@ -0,0 +1,62 @@ +
+

{{ 'ABOUT.PACKAGES.TITLE' | translate }}

+ {{ 'ABOUT.PACKAGES.DESCRIPTION' | translate }} + + +
+

{{ 'ABOUT.EXTENSIONS.TITLE' | translate }}

+ + + + {{ 'ABOUT.EXTENSIONS.TABLE_HEADERS.ID' | translate }} + {{element.$id}} + + + + + {{ 'ABOUT.EXTENSIONS.TABLE_HEADERS.NAME' | translate }} + {{element.$name}} + + + + + {{ 'ABOUT.EXTENSIONS.TABLE_HEADERS.VERSION' | translate }} + {{element.$version}} + + + + + {{ 'ABOUT.EXTENSIONS.TABLE_HEADERS.VENDOR' | translate }} + {{element.$vendor}} + + + + + {{ 'ABOUT.EXTENSIONS.TABLE_HEADERS.LICENSE' | translate }} + {{element.$license}} + + + + + {{ 'ABOUT.EXTENSIONS.TABLE_HEADERS.RUNTIME' | translate }} + {{element.$runtime}} + + + + + {{ 'ABOUT.EXTENSIONS.TABLE_HEADERS.DESCRIPTION' | translate }} + {{element.$description}} + + + + + +
+
diff --git a/lib/core/about/about.component.scss b/lib/core/about/about-application-modules/about-application-modules.component.scss similarity index 100% rename from lib/core/about/about.component.scss rename to lib/core/about/about-application-modules/about-application-modules.component.scss diff --git a/lib/core/about/about-application-modules/about-application-modules.component.ts b/lib/core/about/about-application-modules/about-application-modules.component.ts new file mode 100644 index 0000000000..1ede744c4b --- /dev/null +++ b/lib/core/about/about-application-modules/about-application-modules.component.ts @@ -0,0 +1,67 @@ +/*! + * @license + * Copyright 2019 Alfresco Software, Ltd. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core'; +import { ObjectDataTableAdapter } from '../../datatable/data/object-datatable-adapter'; +import { Observable } from 'rxjs'; +import { AppExtensionService, ExtensionRef } from '@alfresco/adf-extensions'; + +@Component({ + selector: 'adf-about-application-modules', + templateUrl: './about-application-modules.component.html', + encapsulation: ViewEncapsulation.None +}) +export class AboutApplicationModulesComponent implements OnInit { + + extensionColumns: string[] = ['$id', '$name', '$version', '$vendor', '$license', '$runtime', '$description']; + + dependencyEntries: ObjectDataTableAdapter; + extensions$: Observable; + + /** Toggles showing/hiding of extensions block. */ + @Input() + showExtensions = true; + + /** Regular expression for filtering dependencies packages. */ + @Input() regexp = '^(@alfresco)'; + + /** Current version of the app running */ + @Input() dependencies: any; + + constructor(appExtensions: AppExtensionService) { + this.extensions$ = appExtensions.references$; + } + + ngOnInit() { + const alfrescoPackages = Object.keys(this.dependencies).filter((val) => { + return new RegExp(this.regexp).test(val); + }); + + const alfrescoPackagesTableRepresentation = []; + alfrescoPackages.forEach((val) => { + alfrescoPackagesTableRepresentation.push({ + name: val, + version: (this.dependencies[val]) + }); + }); + + this.dependencyEntries = new ObjectDataTableAdapter(alfrescoPackagesTableRepresentation, [ + { type: 'text', key: 'name', title: 'Name', sortable: true }, + { type: 'text', key: 'version', title: 'Version', sortable: true } + ]); + } +} diff --git a/lib/core/about/about-github-link/about-github-link.component.html b/lib/core/about/about-github-link/about-github-link.component.html new file mode 100644 index 0000000000..d93b577cee --- /dev/null +++ b/lib/core/about/about-github-link/about-github-link.component.html @@ -0,0 +1,28 @@ +
+

{{ application }}

+ +
+

{{ 'ABOUT.SOURCE_CODE.TITLE' | translate }}

+ +

{{ 'ABOUT.VERSION' | translate }}: {{ version }}

+ +
+ {{ 'ABOUT.SOURCE_CODE.DESCRIPTION' | translate }} +
+ {{url}} +
+
+ +
+ +

{{ 'ABOUT.SERVER_SETTINGS.TITLE' | translate }}

+ {{ 'ABOUT.SERVER_SETTINGS.DESCRIPTION' | translate }} + +

+ {{ 'ABOUT.SERVER_SETTINGS.PROCESS_SERVICE_HOST' | translate: {value: bpmHost} }} +

+

+ {{ 'ABOUT.SERVER_SETTINGS.CONTENT_SERVICE_HOST' | translate: {value: ecmHost} }} +

+ +
diff --git a/lib/core/about/about-github-link/about-github-link.component.scss b/lib/core/about/about-github-link/about-github-link.component.scss new file mode 100644 index 0000000000..5aab4f71f0 --- /dev/null +++ b/lib/core/about/about-github-link/about-github-link.component.scss @@ -0,0 +1,10 @@ +.adf-about-container { + padding: 10px; +} + +.adf-table-version { + width: 60%; + border: 0; + border-spacing: 0; + text-align: center; +} diff --git a/lib/core/about/about-github-link/about-github-link.component.ts b/lib/core/about/about-github-link/about-github-link.component.ts new file mode 100644 index 0000000000..f5950244c8 --- /dev/null +++ b/lib/core/about/about-github-link/about-github-link.component.ts @@ -0,0 +1,46 @@ +/*! + * @license + * Copyright 2019 Alfresco Software, Ltd. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core'; +import { AppConfigService, AppConfigValues } from '../../app-config/app-config.service'; + +@Component({ + selector: 'adf-about-github-link', + templateUrl: './about-github-link.component.html', + encapsulation: ViewEncapsulation.None +}) +export class AboutGithubLinkComponent implements OnInit { + + /** Commit corresponding to the version of ADF to be used. */ + @Input() + url = 'https://github.com/Alfresco/alfresco-ng2-components/commits/'; + + /** Current version of the app running */ + @Input() version: string; + + ecmHost = ''; + bpmHost = ''; + application: string; + + constructor(private appConfig: AppConfigService) {} + + ngOnInit() { + this.ecmHost = this.appConfig.get(AppConfigValues.ECMHOST); + this.bpmHost = this.appConfig.get(AppConfigValues.BPMHOST); + this.application = this.appConfig.get('application.name'); + } +} diff --git a/lib/core/about/about-product-version/about-product-version.component.html b/lib/core/about/about-product-version/about-product-version.component.html new file mode 100644 index 0000000000..bd6abb8ed4 --- /dev/null +++ b/lib/core/about/about-product-version/about-product-version.component.html @@ -0,0 +1,39 @@ +
+

{{ 'ABOUT.VERSIONS.TITLE' | translate }}

+
+ +
+

{{ 'ABOUT.VERSIONS.PROCESS_SERVICE' | translate }}

+

+ {{ 'ABOUT.VERSIONS.LABELS.EDITION' | translate }}: {{ bpmVersion.edition }} +

+

+ {{ 'ABOUT.VERSIONS.LABELS.VERSION' | translate }}: {{ bpmVersion.majorVersion }}.{{ + bpmVersion.minorVersion }}.{{ bpmVersion.revisionVersion }} +

+
+ +
+

{{ 'ABOUT.VERSIONS.CONTENT_SERVICE' | translate }}

+

+ {{ 'ABOUT.VERSIONS.LABELS.EDITION' | translate }}: {{ ecmVersion.edition }} +

+

+ {{ 'ABOUT.VERSIONS.LABELS.VERSION' | translate }}: {{ ecmVersion.version.display }} +

+ +
+ +
+ +
+

{{ 'ABOUT.VERSIONS.LABELS.LICENSE' | translate }}

+ + +

{{ 'ABOUT.VERSIONS.LABELS.STATUS' | translate }}

+ + +

{{ 'ABOUT.VERSIONS.LABELS.MODULES' | translate }}

+ +
+
diff --git a/lib/core/about/about-product-version/about-product-version.component.scss b/lib/core/about/about-product-version/about-product-version.component.scss new file mode 100644 index 0000000000..5aab4f71f0 --- /dev/null +++ b/lib/core/about/about-product-version/about-product-version.component.scss @@ -0,0 +1,10 @@ +.adf-about-container { + padding: 10px; +} + +.adf-table-version { + width: 60%; + border: 0; + border-spacing: 0; + text-align: center; +} diff --git a/lib/core/about/about.component.ts b/lib/core/about/about-product-version/about-product-version.component.ts similarity index 64% rename from lib/core/about/about.component.ts rename to lib/core/about/about-product-version/about-product-version.component.ts index da62ef66c1..ed49bf67eb 100644 --- a/lib/core/about/about.component.ts +++ b/lib/core/about/about-product-version/about-product-version.component.ts @@ -15,63 +15,28 @@ * limitations under the License. */ -import { Component, OnInit, ViewEncapsulation, Input } from '@angular/core'; -import { AuthenticationService } from '../services/authentication.service'; -import { BpmProductVersionModel, EcmProductVersionModel } from '../models/product-version.model'; -import { DiscoveryApiService } from '../services/discovery-api.service'; -import { ObjectDataTableAdapter } from '../datatable/data/object-datatable-adapter'; -import { AppConfigService, AppConfigValues } from '../app-config/app-config.service'; -import { Observable } from 'rxjs'; -import { ExtensionRef, AppExtensionService } from '@alfresco/adf-extensions'; +import { Component, OnInit, ViewEncapsulation } from '@angular/core'; +import { BpmProductVersionModel, EcmProductVersionModel } from '../../models/product-version.model'; +import { ObjectDataTableAdapter } from '../../datatable/data/object-datatable-adapter'; +import { AuthenticationService } from '../../services/authentication.service'; +import { DiscoveryApiService } from '../../services/discovery-api.service'; @Component({ - selector: 'adf-about', - templateUrl: './about.component.html', - styleUrls: ['./about.component.scss'], + selector: 'adf-about-product-version', + templateUrl: './about-product-version.component.html', encapsulation: ViewEncapsulation.None }) -export class AboutComponent implements OnInit { - - dependencyEntries: ObjectDataTableAdapter; - status: ObjectDataTableAdapter; - license: ObjectDataTableAdapter; - modules: ObjectDataTableAdapter; - extensionColumns: string[] = ['$id', '$name', '$version', '$vendor', '$license', '$runtime', '$description']; - extensions$: Observable; - - /** Commit corresponding to the version of ADF to be used. */ - @Input() - githubUrlCommitAlpha = 'https://github.com/Alfresco/alfresco-ng2-components/commits/'; - - /** Toggles showing/hiding of extensions block. */ - @Input() - showExtensions = true; - - /** Regular expression for filtering dependencies packages. */ - @Input() regexp = '^(@alfresco)'; - - /** Current version of the app running */ - @Input() version: string; - - /** Current version of the app running */ - @Input() dependencies: any; - - ecmHost = ''; - bpmHost = ''; - application: string; +export class AboutProductVersionComponent implements OnInit { ecmVersion: EcmProductVersionModel = null; bpmVersion: BpmProductVersionModel = null; - constructor(private appConfig: AppConfigService, - private authService: AuthenticationService, - private discovery: DiscoveryApiService, - appExtensions: AppExtensionService) { - this.extensions$ = appExtensions.references$; - this.ecmHost = this.appConfig.get(AppConfigValues.ECMHOST); - this.bpmHost = this.appConfig.get(AppConfigValues.BPMHOST); - this.application = this.appConfig.get('application.name'); - } + status: ObjectDataTableAdapter; + license: ObjectDataTableAdapter; + modules: ObjectDataTableAdapter; + + constructor(private authService: AuthenticationService, + private discovery: DiscoveryApiService) {} ngOnInit() { if (this.authService.isEcmLoggedIn()) { @@ -79,25 +44,8 @@ export class AboutComponent implements OnInit { } if (this.authService.isBpmLoggedIn()) { - this.setBPMInfo(); + this.setBPMInfo(); } - - const alfrescoPackages = Object.keys(this.dependencies).filter((val) => { - return new RegExp(this.regexp).test(val); - }); - - const alfrescoPackagesTableRepresentation = []; - alfrescoPackages.forEach((val) => { - alfrescoPackagesTableRepresentation.push({ - name: val, - version: (this.dependencies[val]) - }); - }); - - this.dependencyEntries = new ObjectDataTableAdapter(alfrescoPackagesTableRepresentation, [ - { type: 'text', key: 'name', title: 'Name', sortable: true }, - { type: 'text', key: 'version', title: 'Version', sortable: true } - ]); } setECMInfo() { diff --git a/lib/core/about/about.component.html b/lib/core/about/about.component.html deleted file mode 100644 index 407a203f4e..0000000000 --- a/lib/core/about/about.component.html +++ /dev/null @@ -1,121 +0,0 @@ -
-

{{ application }}

- -
-

{{ 'ABOUT.SOURCE_CODE.TITLE' | translate }}

- -

{{ 'ABOUT.VERSION' | translate }}: {{ version }}

- -
- {{ 'ABOUT.SOURCE_CODE.DESCRIPTION' | translate }} - -
- -
- -

{{ 'ABOUT.SERVER_SETTINGS.TITLE' | translate }}

- {{ 'ABOUT.SERVER_SETTINGS.DESCRIPTION' | translate }} - -

- {{ 'ABOUT.SERVER_SETTINGS.PROCESS_SERVICE_HOST' | translate: { value: bpmHost } }} -

-

- {{ 'ABOUT.SERVER_SETTINGS.CONTENT_SERVICE_HOST' | translate: { value: ecmHost } }} -

- - - -

{{ 'ABOUT.VERSIONS.TITLE' | translate }}

-
- -
-

{{ 'ABOUT.VERSIONS.PROCESS_SERVICE' | translate }}

-

- {{ 'ABOUT.VERSIONS.LABELS.EDITION' | translate }}: {{ bpmVersion.edition }} -

-

- {{ 'ABOUT.VERSIONS.LABELS.VERSION' | translate }}: {{ bpmVersion.majorVersion }}.{{ - bpmVersion.minorVersion }}.{{ bpmVersion.revisionVersion }} -

-
- -
-

{{ 'ABOUT.VERSIONS.CONTENT_SERVICE' | translate }}

-

- {{ 'ABOUT.VERSIONS.LABELS.EDITION' | translate }}: {{ ecmVersion.edition }} -

-

- {{ 'ABOUT.VERSIONS.LABELS.VERSION' | translate }}: {{ ecmVersion.version.display }} -

- -
- -
- -
-

{{ 'ABOUT.VERSIONS.LABELS.LICENSE' | translate }}

- - -

{{ 'ABOUT.VERSIONS.LABELS.STATUS' | translate }}

- - -

{{ 'ABOUT.VERSIONS.LABELS.MODULES' | translate }}

- -
- -

{{ 'ABOUT.PACKAGES.TITLE' | translate }}

- {{ 'ABOUT.PACKAGES.DESCRIPTION' | translate }} - - -
-

{{ 'ABOUT.EXTENSIONS.TITLE' | translate }}

- - - - {{ 'ABOUT.EXTENSIONS.TABLE_HEADERS.ID' | translate }} - {{element.$id}} - - - - - {{ 'ABOUT.EXTENSIONS.TABLE_HEADERS.NAME' | translate }} - {{element.$name}} - - - - - {{ 'ABOUT.EXTENSIONS.TABLE_HEADERS.VERSION' | translate }} - {{element.$version}} - - - - - {{ 'ABOUT.EXTENSIONS.TABLE_HEADERS.VENDOR' | translate }} - {{element.$vendor}} - - - - - {{ 'ABOUT.EXTENSIONS.TABLE_HEADERS.LICENSE' | translate }} - {{element.$license}} - - - - - {{ 'ABOUT.EXTENSIONS.TABLE_HEADERS.RUNTIME' | translate }} - {{element.$runtime}} - - - - - {{ 'ABOUT.EXTENSIONS.TABLE_HEADERS.DESCRIPTION' | translate }} - {{element.$description}} - - - - - -
-
diff --git a/lib/core/about/about.module.ts b/lib/core/about/about.module.ts index c3b13d8b51..38dc34b4c5 100644 --- a/lib/core/about/about.module.ts +++ b/lib/core/about/about.module.ts @@ -19,9 +19,11 @@ import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { TranslateModule } from '@ngx-translate/core'; import { MaterialModule } from '../material.module'; -import { AboutComponent } from './about.component'; import { DataTableModule } from '../datatable/datatable.module'; import { DataColumnModule } from '../data-column/data-column.module'; +import { AboutApplicationModulesComponent } from './about-application-modules/about-application-modules.component'; +import { AboutProductVersionComponent } from './about-product-version/about-product-version.component'; +import { AboutGithubLinkComponent } from './about-github-link/about-github-link.component'; @NgModule({ imports: [ @@ -32,10 +34,14 @@ import { DataColumnModule } from '../data-column/data-column.module'; DataColumnModule ], declarations: [ - AboutComponent + AboutApplicationModulesComponent, + AboutProductVersionComponent, + AboutGithubLinkComponent ], exports: [ - AboutComponent + AboutApplicationModulesComponent, + AboutProductVersionComponent, + AboutGithubLinkComponent ] }) export class AboutModule {} diff --git a/lib/core/about/public-api.ts b/lib/core/about/public-api.ts index 207f05f049..96c211aa7f 100644 --- a/lib/core/about/public-api.ts +++ b/lib/core/about/public-api.ts @@ -15,6 +15,8 @@ * limitations under the License. */ -export * from './about.component'; +export * from './about-github-link/about-github-link.component'; +export * from './about-product-version/about-product-version.component'; +export * from './about-application-modules/about-application-modules.component'; export * from './about.module';