File

src/app/superadmin/superadmin.component.ts

Implements

OnInit

Metadata

styleUrls ./superadmin.component.css
templateUrl ./superadmin.component.html

Index

Properties
Methods

Constructor

constructor(mds: MainDataService)
Parameters :
Name Type Optional
mds MainDataService No

Methods

ngOnInit
ngOnInit()
Returns : void

Properties

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;
}
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""