inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-3751] make About layout collapsible (#7959)

Browse Source 
* make About layout collapsible

* fix export

* remove empty css
This commit is contained in:
Denys Vuika
2022-11-08 09:07:19 +00:00
committed by GitHub
parent 2dd0d19d03
commit 558d16006a
9 changed files with 89 additions and 272 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
lib/core/src/lib/about/about-platform-version/about-platform-version.component.html
View File

@@ -1,67 +1,45 @@
<header data-automation-id="adf-about-product-version-title">{{ 'ABOUT.VERSIONS.TITLE' | translate }}</header>
<mat-card class="mat-elevation-z0">
<ng-container *ngIf="process">
<article>
<div>{{ 'ABOUT.VERSIONS.PROCESS_SERVICE' | translate }}</div>
<p>
{{ 'ABOUT.VERSIONS.LABELS.VERSION' | translate }}: {{ process.majorVersion }}.{{process.minorVersion }}.{{ process.revisionVersion }}
</p>
</article>
</ng-container>
<ng-container *ngIf="process" data-automation-id="adf-about-bpm-service">
<article>
<div>{{ 'ABOUT.VERSIONS.PROCESS_SERVICE' | translate }}</div>
<p data-automation-id="adf-about-bpm-version">
{{ 'ABOUT.VERSIONS.LABELS.VERSION' | translate }}: {{ process.majorVersion }}.{{
process.minorVersion }}.{{ process.revisionVersion }}
</p>
</article>
</ng-container>
<br>
<ng-container *ngIf="repository" data-automation-id="adf-about-ecm-service">
<article>
<div>{{ 'ABOUT.VERSIONS.CONTENT_SERVICE' | translate }}</div>
<p data-automation-id="adf-about-ecm-edition">
{{ 'ABOUT.VERSIONS.LABELS.EDITION' | translate }}: {{ repository.edition }}
</p>
<p data-automation-id="adf-about-ecm-version">
{{ 'ABOUT.VERSIONS.LABELS.VERSION' | translate }}: {{ repository.version.display }}
</p>
</article>
</ng-container>
<br>
<ng-container *ngIf="modeling$ | async as modeling" data-automation-id="adf-about-ecm-service">
<article>
<div>{{ 'ABOUT.VERSIONS.MODELING_SERVICE' | translate }}</div>
<p>
{{ 'ABOUT.VERSIONS.LABELS.VERSION' | translate }}: {{ modeling.version }}
</p>
</article>
</ng-container>
<br>
<ng-container *ngIf="deployment$| async as deployment" data-automation-id="adf-about-ecm-service">
<article>
<div>{{ 'ABOUT.VERSIONS.DEPLOYMENT_SERVICE' | translate }}</div>
<p>
{{ 'ABOUT.VERSIONS.LABELS.VERSION' | translate }}: {{ deployment.version }}
</p>
</article>
</ng-container>
<br>
<ng-container *ngIf="rb$ | async as rb" data-automation-id="adf-about-ecm-service">
<article>
<div>{{ 'ABOUT.VERSIONS.RB' | translate }}</div>
<p>
{{ 'ABOUT.VERSIONS.LABELS.EDITION' | translate }}: {{ rb.artifact }}
</p>
<p>
{{ 'ABOUT.VERSIONS.LABELS.VERSION' | translate }}: {{ rb.version }}
</p>
</article>
</ng-container>
<br>
<ng-container *ngIf="query$ | async as query" data-automation-id="adf-about-ecm-service">
<article>
<div>{{ 'ABOUT.VERSIONS.QUERY_SERVICE' | translate }}</div>
<p>
{{ 'ABOUT.VERSIONS.LABELS.VERSION' | translate }}: {{ query.version }}
</p>
</article>
</ng-container>
</mat-card>
<ng-container *ngIf="repository">
<article>
<div>{{ 'ABOUT.VERSIONS.CONTENT_SERVICE' | translate }}</div>
<p>{{ 'ABOUT.VERSIONS.LABELS.EDITION' | translate }}: {{ repository.edition }}</p>
<p>{{ 'ABOUT.VERSIONS.LABELS.VERSION' | translate }}: {{ repository.version.display }}</p>
</article>
</ng-container>
<ng-container *ngIf="modeling$ | async as modeling">
<article>
<div>{{ 'ABOUT.VERSIONS.MODELING_SERVICE' | translate }}</div>
<p>{{ 'ABOUT.VERSIONS.LABELS.VERSION' | translate }}: {{ modeling.version }}</p>
</article>
</ng-container>
<ng-container *ngIf="deployment$| async as deployment">
<article>
<div>{{ 'ABOUT.VERSIONS.DEPLOYMENT_SERVICE' | translate }}</div>
<p>{{ 'ABOUT.VERSIONS.LABELS.VERSION' | translate }}: {{ deployment.version }}</p>
</article>
</ng-container>
<ng-container *ngIf="rb$ | async as rb">
<article>
<div>{{ 'ABOUT.VERSIONS.RB' | translate }}</div>
<p>{{ 'ABOUT.VERSIONS.LABELS.EDITION' | translate }}: {{ rb.artifact }}</p>
<p>{{ 'ABOUT.VERSIONS.LABELS.VERSION' | translate }}: {{ rb.version }}</p>
</article>
</ng-container>
<ng-container *ngIf="query$ | async as query">
<article>
<div>{{ 'ABOUT.VERSIONS.QUERY_SERVICE' | translate }}</div>
<p>{{ 'ABOUT.VERSIONS.LABELS.VERSION' | translate }}: {{ query.version }}</p>
</article>
</ng-container>

1
lib/core/src/lib/about/about-server-settings/about-server-settings.component.html
View File

@@ -1,5 +1,4 @@
<div class="adf-github-link-container">
<header data-automation-id="adf-about-setting-title">{{ 'ABOUT.SERVER_SETTINGS.TITLE' | translate }}</header>
<mat-card class="mat-elevation-z0">
<p data-automation-id="adf-process-service-host">
{{ 'ABOUT.SERVER_SETTINGS.PROCESS_SERVICE_HOST' | translate: {value: bpmHost} }}

76
lib/core/src/lib/about/about.component.html
View File

@@ -1,39 +1,51 @@
<div class="adf-about-container">
<mat-accordion [togglePosition]="'before'">
<mat-expansion-panel *ngIf="dev">
<mat-expansion-panel-header>
<mat-panel-title>{{ 'ABOUT.SERVER_SETTINGS.TITLE' | translate }}</mat-panel-title>
</mat-expansion-panel-header>
<adf-about-server-settings></adf-about-server-settings>
</mat-expansion-panel>
<adf-about-server-settings *ngIf="dev" ></adf-about-server-settings>
<mat-expansion-panel>
<mat-expansion-panel-header>
<mat-panel-title>{{ 'ABOUT.VERSIONS.TITLE' | translate }}</mat-panel-title>
</mat-expansion-panel-header>
<adf-about-platform-version [repository]="repository" [process]="bpmVersion"></adf-about-platform-version>
</mat-expansion-panel>
<adf-about-platform-version [repository]="repository"
[process]="bpmVersion">
</adf-about-platform-version>
<mat-expansion-panel *ngIf="repository">
<mat-expansion-panel-header>
<mat-panel-title>{{ 'ABOUT.REPOSITORY' | translate }}</mat-panel-title>
</mat-expansion-panel-header>
<div>
<article *ngIf="licenseEntries">
<header>{{ 'ABOUT.LICENSE.TITLE' | translate }}</header>
<adf-about-license-list [data]="licenseEntries"></adf-about-license-list>
</article>
<ng-container *ngIf="repository">
<article *ngIf="statusEntries">
<header>{{ 'ABOUT.STATUS.TITLE' | translate }}</header>
<adf-about-status-list [data]="statusEntries"></adf-about-status-list>
</article>
<article *ngIf="licenseEntries">
<header>{{ 'ABOUT.LICENSE.TITLE' | translate }}</header>
<adf-about-license-list [data]="licenseEntries"></adf-about-license-list>
</article>
<article *ngIf="repository?.modules">
<header>{{ 'ABOUT.MODULES.TITLE' | translate }}</header>
<adf-about-module-list [data]="repository.modules"></adf-about-module-list>
</article>
</div>
</mat-expansion-panel>
<article *ngIf="statusEntries">
<header>{{ 'ABOUT.STATUS.TITLE' | translate }}</header>
<adf-about-status-list [data]="statusEntries"></adf-about-status-list>
</article>
<article *ngIf="repository?.modules">
<header>{{ 'ABOUT.MODULES.TITLE' | translate }}</header>
<adf-about-module-list [data]="repository.modules"></adf-about-module-list>
</article>
</ng-container>
<article *ngIf="dependencyEntries && dev" >
<header>{{ 'ABOUT.PACKAGES.TITLE' | translate }}</header>
<mat-expansion-panel *ngIf="dependencyEntries && dev">
<mat-expansion-panel-header>
<mat-panel-title>{{ 'ABOUT.PACKAGES.TITLE' | translate }}</mat-panel-title>
</mat-expansion-panel-header>
<adf-about-package-list [data]="dependencyEntries"></adf-about-package-list>
</article>
</mat-expansion-panel>
<ng-container *ngIf="extensions$ | async as extensions">
<article *ngIf="extensions.length > 0">
<header>{{ 'ABOUT.PLUGINS.TITLE' | translate }}</header>
<adf-about-extension-list [data]="extensions"></adf-about-extension-list>
</article>
</ng-container>
</div>
<mat-expansion-panel *ngIf="extensions$ | async as extensions">
<mat-expansion-panel-header>
<mat-panel-title>{{ 'ABOUT.PLUGINS.TITLE' | translate }}</mat-panel-title>
</mat-expansion-panel-header>
<adf-about-extension-list [data]="extensions"></adf-about-extension-list>
</mat-expansion-panel>
</mat-accordion>

9
lib/core/src/lib/about/about.component.scss
View File

@@ -1,9 +0,0 @@
adf-about {
.adf-about-container {
margin: 10px 0 5px 2px;
}
header {
margin: 5px;
}
}

1
lib/core/src/lib/about/about.component.ts
View File

@@ -31,7 +31,6 @@ import { StringUtils } from '../utils/string-utils';
@Component({
selector: 'adf-about',
templateUrl: './about.component.html',
styleUrls: ['./about.component.scss'],
encapsulation: ViewEncapsulation.None
})
export class AboutComponent implements OnInit {

4
lib/core/src/lib/about/about.module.ts
View File

@@ -29,12 +29,14 @@ import { AboutStatusListComponent } from './about-status-list/about-status-list.
import { ModuleListComponent } from './about-module-list/module-list.component';
import { AboutPlatformVersionComponent } from './about-platform-version/about-platform-version.component';
import { AboutComponent } from './about.component';
import { MatExpansionModule } from '@angular/material/expansion';
@NgModule({
imports: [
CommonModule,
MaterialModule,
TranslateModule
TranslateModule,
MatExpansionModule
],
declarations: [
AboutComponent,

1
lib/core/src/lib/i18n/en.json
View File

@@ -508,6 +508,7 @@
"CONTENT_SERVICE_HOST": "Alfresco Content Services URL: {{ value }}",
"PROCESS_SERVICE_HOST": "Alfresco Process Services URL: {{ value }}"
},
"REPOSITORY": "Repository",
"VERSIONS": {
"TITLE": "Product Versions",
"CONTENT_SERVICE": "Content Services",