Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-02-07 09:01:48 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Revert "Remove non-material themes"

Browse source 
This reverts commit c2e319499f.
This commit is contained in:
eugene-sinitsyn 2020-03-10 17:05:01 +03:00 • committed by Sergey Andrievskiy
parent 87e5d9f318
commit 4b251afc2b
24 changed files with 1580 additions and 116 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/app/pages/forms/buttons/buttons.component.html
View file

@ -120,7 +120,7 @@
</nb-card-body>
</nb-card>
<nb-card>
<nb-card *ngIf="materialTheme$ | async">
<nb-card-body>
<ngx-material-buttons></ngx-material-buttons>
</nb-card-body>

15
src/app/pages/forms/buttons/buttons.component.ts
View file

@ -1,5 +1,7 @@
import { Component } from '@angular/core';
import { NbComponentShape, NbComponentSize, NbComponentStatus } from '@nebular/theme';
import { NbComponentShape, NbComponentSize, NbComponentStatus, NbThemeService } from '@nebular/theme';
import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';
@Component({
selector: 'ngx-buttons',
@ -7,7 +9,18 @@ import { NbComponentShape, NbComponentSize, NbComponentStatus } from '@nebular/t
templateUrl: './buttons.component.html',
})
export class ButtonsComponent {
public constructor(private readonly themeService: NbThemeService) {
this.materialTheme$ = this.themeService.onThemeChange()
.pipe(map(theme => {
const themeName: string = theme?.name || '';
return themeName.startsWith('material');
}));
}
public readonly materialTheme$: Observable<boolean>;
public readonly statuses: NbComponentStatus[] = [ 'primary', 'success', 'info', 'warning', 'danger' ];
public readonly shapes: NbComponentShape[] = [ 'rectangle', 'semi-round', 'round' ];
public readonly sizes: NbComponentSize[] = [ 'tiny', 'small', 'medium', 'large', 'giant' ];
}