alfresco-ng2-components/lib/core/about/about.component.html

<div class="adf-about-container">
    <div class="adf-extension-details-container" *ngIf="showExtensions">
        <h3>{{ 'ABOUT.TITLE' | translate }}</h3>
        <mat-table [dataSource]="extensions$ | async">
            <!-- $id Column -->
            <ng-container matColumnDef="$id">
                <mat-header-cell *matHeaderCellDef>{{ 'ABOUT.TABLE_HEADERS.ID' | translate }}</mat-header-cell>
                <mat-cell *matCellDef="let element">{{element.$id}}</mat-cell>
            </ng-container>

            <!-- $name Column -->
            <ng-container matColumnDef="$name">
                <mat-header-cell *matHeaderCellDef>{{ 'ABOUT.TABLE_HEADERS.NAME' | translate }}</mat-header-cell>
                <mat-cell *matCellDef="let element">{{element.$name}}</mat-cell>
            </ng-container>

            <!-- $version Column -->
            <ng-container matColumnDef="$version">
                <mat-header-cell *matHeaderCellDef>{{ 'ABOUT.TABLE_HEADERS.VERSION' | translate }}</mat-header-cell>
                <mat-cell *matCellDef="let element">{{element.$version}}</mat-cell>
            </ng-container>

            <!-- $vendor Column -->
            <ng-container matColumnDef="$vendor">
                <mat-header-cell *matHeaderCellDef>{{ 'ABOUT.TABLE_HEADERS.VENDOR' | translate }}</mat-header-cell>
                <mat-cell *matCellDef="let element">{{element.$vendor}}</mat-cell>
            </ng-container>

            <!-- $license Column -->
            <ng-container matColumnDef="$license">
                <mat-header-cell *matHeaderCellDef>{{ 'ABOUT.TABLE_HEADERS.LICENSE' | translate }}</mat-header-cell>
                <mat-cell *matCellDef="let element">{{element.$license}}</mat-cell>
            </ng-container>

            <!-- $runtime Column -->
            <ng-container matColumnDef="$runtime">
                <mat-header-cell *matHeaderCellDef>{{ 'ABOUT.TABLE_HEADERS.RUNTIME' | translate }}</mat-header-cell>
                <mat-cell *matCellDef="let element">{{element.$runtime}}</mat-cell>
            </ng-container>

            <!-- $description Column -->
            <ng-container matColumnDef="$description">
                <mat-header-cell *matHeaderCellDef>{{ 'ABOUT.TABLE_HEADERS.DESCRIPTION' | translate }}</mat-header-cell>
                <mat-cell *matCellDef="let element">{{element.$description}}</mat-cell>
            </ng-container>

            <mat-header-row *matHeaderRowDef="extensionColumns"></mat-header-row>
            <mat-row *matRowDef="let row; columns: extensionColumns;"></mat-row>
        </mat-table>
    </div>
    <h3>{{ 'ABOUT.SERVER_SETTINGS.TITLE' | translate }}</h3>
    <mat-list>
        <small>{{ 'ABOUT.SERVER_SETTINGS.DESCRIPTION' | translate }}</small>
        <mat-list-item>
            <h4 matLine> {{ 'ABOUT.SERVER_SETTINGS.PROCESS_SERVICE_HOST' | translate: { value: bpmHost } }}</h4>
        </mat-list-item>
        <mat-divider></mat-divider>
        <mat-list-item>
            <h4 matLine>{{ 'ABOUT.SERVER_SETTINGS.PROCESS_SERVICE_HOST' | translate: { value: ecmHost } }}</h4>
        </mat-list-item>
    </mat-list>

    <h3>{{ 'ABOUT.VERSIONS.TITLE' | translate }}</h3>
    <div *ngIf="bpmVersion">
        <h3>{{ 'ABOUT.VERSIONS.PROCESS_SERVICE' | translate }}</h3>
        <label> {{ 'ABOUT.VERSIONS.LABELS.EDITION' | translate }} </label> {{ bpmVersion.edition }}
        <p></p>
        <label> {{ 'ABOUT.VERSIONS.LABELS.VERSION' | translate }} </label> {{ bpmVersion.majorVersion }}.{{
        bpmVersion.minorVersion }}.{{ bpmVersion.revisionVersion }}
    </div>
    <div *ngIf="ecmVersion">
        <h3>{{ 'ABOUT.VERSIONS.CONTENT_SERVICE' | translate }}</h3>
        <label>{{ 'ABOUT.VERSIONS.LABELS.EDITION' | translate }}</label> {{ ecmVersion.edition }}
        <p></p>
        <label> {{ 'ABOUT.VERSIONS.LABELS.VERSION' | translate }} </label> {{ ecmVersion.version.display }}
        <p></p>
        <h4>{{ 'ABOUT.VERSIONS.LABELS.LICENSE' | translate }}</h4>
        <adf-datatable [data]="license"></adf-datatable>

        <h4> {{ 'ABOUT.VERSIONS.LABELS.STATUS' | translate }}</h4>
        <adf-datatable [data]="status"></adf-datatable>

        <h4>{{ 'ABOUT.VERSIONS.LABELS.MODULES' | translate }}</h4>

        <adf-datatable [data]="modules"></adf-datatable>
    </div>

    <div *ngIf="githubUrlCommitAlpha">
        <h3>{{ 'ABOUT.SOURCE_CODE.TITLE' | translate }}</h3>
        <small>{{ 'ABOUT.SOURCE_CODE.DESCRIPTION' | translate }}</small>
        <div>
            <a [href]="githubUrlCommitAlpha">{{githubUrlCommitAlpha}}</a>
        </div>
    </div>

    <h3>{{ 'ABOUT.PACKAGES.TITLE' | translate }}</h3>
    <small>{{ 'ABOUT.PACKAGES.DESCRIPTION' | translate }}</small>
    <adf-datatable [data]="data"></adf-datatable>
</div>