File
Implements
Metadata
styles |
mat-card {margin: 10px} |
templateUrl |
./legal-notice.component.html |
Public
appName
|
Type : string
|
Decorators :
@Inject('APP_NAME')
|
|
Public
appPublisher
|
Type : string
|
Decorators :
@Inject('APP_PUBLISHER')
|
|
Public
appVersion
|
Type : string
|
Decorators :
@Inject('APP_VERSION')
|
|
Public
isProductionMode
|
Type : boolean
|
Decorators :
@Inject('IS_PRODUCTION_MODE')
|
|
Public
veronaPlayerApiVersionMax
|
Type : number
|
Decorators :
@Inject('VERONA_PLAYER_API_VERSION_MAX')
|
|
Public
veronaPlayerApiVersionMin
|
Type : number
|
Decorators :
@Inject('VERONA_PLAYER_API_VERSION_MIN')
|
|
import { Component, Inject, OnInit } from '@angular/core';
import { MainDataService } from '../../maindata.service';
@Component({
templateUrl: './legal-notice.component.html',
styles: [
'mat-card {margin: 10px}'
]
})
export class LegalNoticeComponent implements OnInit {
constructor(
@Inject('APP_NAME') public appName: string,
@Inject('APP_PUBLISHER') public appPublisher: string,
@Inject('APP_VERSION') public appVersion: string,
@Inject('VERONA_PLAYER_API_VERSION_MIN') public veronaPlayerApiVersionMin: number,
@Inject('VERONA_PLAYER_API_VERSION_MAX') public veronaPlayerApiVersionMax: number,
@Inject('IS_PRODUCTION_MODE') public isProductionMode: boolean,
public mds: MainDataService
) { }
ngOnInit(): void {
setTimeout(() => this.mds.appSubTitle$.next('Impressum/Datenschutz'));
}
}
<div class="root-body">
<div fxLayout="row" fxLayoutAlign="center start">
<mat-card fxFlex="0 0 500px">
<mat-card-title>{{mds.appTitle$ | async}}</mat-card-title>
<mat-card-subtitle>{{mds.appSubTitle$ | async}}</mat-card-subtitle>
<!-- - - - - - - - - - - - - - - - - -->
<mat-card-content>
<div [innerHTML]="mds.appConfig?.trustedLegalNoticeHtml"></div>
<status-card></status-card>
<p style="margin-bottom: 0;"><b>Angaben zu dieser Web-Anwendung:</b></p>
<ul style="margin: 0;">
<li *ngIf="!isProductionMode">Build-Modus: Dev</li>
<li>Version {{appVersion}}</li>
<li>API: Version {{mds.appConfig?.detectedApiVersion}}, {{mds.expectedApiVersion}} erforderlich</li>
<li>Broadcasting-Service: {{mds.appConfig?.broadcastingService.status}}
<span *ngIf="mds.appConfig?.broadcastingService.version"> - Version {{mds.appConfig?.broadcastingService.version}},
{{mds.appConfig?.broadcastingService.versionExpected}} erforderlich
</span>
</li>
<li>Verona Player Interface: Versionen {{veronaPlayerApiVersionMin}} bis {{veronaPlayerApiVersionMax}} unterstützt</li>
<li>Code Maintainer: {{appPublisher}}</li>
</ul>
</mat-card-content>
<mat-card-actions>
<button [routerLink]="['/']" mat-raised-button color="primary"><i class="material-icons">arrow_back</i> zurück zur Startseite</button>
</mat-card-actions>
</mat-card>
</div>
</div>
Legend
Html element with directive