src/app/superadmin/superadmin.component.ts
styleUrls | ./superadmin.component.css |
templateUrl | ./superadmin.component.html |
Properties |
Methods |
constructor(mds: MainDataService)
|
||||||
Defined in src/app/superadmin/superadmin.component.ts:8
|
||||||
Parameters :
|
ngOnInit |
ngOnInit()
|
Returns :
void
|
Public mds |
Type : MainDataService
|
navLinks |
Type : []
|
Default value : [
{ path: 'users', label: 'Users' },
{ path: 'workspaces', label: 'Arbeitsbereiche' },
{ path: 'settings', label: 'Einstellungen' }
]
|
import { Component, OnInit } from '@angular/core';
import { MainDataService } from '../maindata.service';
@Component({
templateUrl: './superadmin.component.html',
styleUrls: ['./superadmin.component.css']
})
export class SuperadminComponent implements OnInit {
constructor(
public mds: MainDataService
) { }
navLinks = [
{ path: 'users', label: 'Users' },
{ path: 'workspaces', label: 'Arbeitsbereiche' },
{ path: 'settings', label: 'Einstellungen' }
];
ngOnInit():void {
setTimeout(() => this.mds.appSubTitle$.next('Systemverwaltung'));
}
}
<div class="page-header">
<p>{{mds.appTitle$ | async}} {{mds.appSubTitle$ | async}}</p>
</div>
<div class="page-body">
<div class="adminbackground">
<nav mat-tab-nav-bar>
<a mat-tab-link
*ngFor="let link of navLinks"
[routerLink]="link.path"
routerLinkActive #rla="routerLinkActive"
[active]="rla.isActive">
{{link.label}}
</a>
</nav>
<router-outlet></router-outlet>
</div>
</div>
./superadmin.component.css
#buttonsContainer {
color: white;
padding: 0 10px 0 0;
}
#buttonsContainer .material-icons {
font-size: 2.0rem;
}
#buttonsContainer img {
width: 100px;
}
mat-toolbar {
position: fixed;
z-index: 100;
top: 4px;
right: 90px;
}
#buttonsContainer .material-icons {
position: relative;
top: -8px;
font-size: 36px;
padding: 2px;
}
.adminbackground {
flex: 10 0 900px;
box-shadow: 5px 10px 20px black;
background-color: white;
min-height: 85%;
margin: 15px;
padding: 25px;
}