Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-18 08:20:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(form-inputs): show material inputs

Browse source
This commit is contained in:
Evgeny Lupanov 2020-04-03 17:57:34 +03:00
parent 3527b4f214
commit 8a2b24f7bd
2 changed files with 14 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/app/pages/forms/form-inputs/form-inputs.component.html
View file

@ -87,7 +87,7 @@
</nb-card> </nb-card>
</div> </div>
</div> </div>
<div *ngIf="materialTheme$ | async" class="row"> <div *ngIf="showMaterialInputs" class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<ngx-material-inputs></ngx-material-inputs> <ngx-material-inputs></ngx-material-inputs>
</div> </div>

23
src/app/pages/forms/form-inputs/form-inputs.component.ts
View file

@ -1,25 +1,28 @@
import { Component } from '@angular/core'; import { Component, OnInit } from '@angular/core';
import { NbThemeService } from '@nebular/theme'; import { NbThemeService } from '@nebular/theme';
import { Observable } from 'rxjs'; import { Observable } from 'rxjs';
import { map } from 'rxjs/operators'; import { tap } from 'rxjs/operators';
@Component({ @Component({
selector: 'ngx-form-inputs', selector: 'ngx-form-inputs',
styleUrls: ['./form-inputs.component.scss'], styleUrls: ['./form-inputs.component.scss'],
templateUrl: './form-inputs.component.html', templateUrl: './form-inputs.component.html',
}) })
export class FormInputsComponent { export class FormInputsComponent implements OnInit {
public constructor(private readonly themeService: NbThemeService) { 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 materialTheme$: Observable<boolean>;
public starRate: number = 2; public starRate: number = 2;
public heartRate: number = 4; public heartRate: number = 4;
public radioGroupValue: string = 'This is value 2'; public radioGroupValue: string = 'This is value 2';
public showMaterialInputs = false;
ngOnInit() {
this.materialTheme$ = this.themeService.onThemeChange()
.pipe(tap(theme => {
const themeName: string = theme?.name || '';
this.showMaterialInputs = themeName.startsWith('material');
}));
}
} }