Category : nebular

I am trying to use font awesome icons in my nebular theme. I can use them in my pages like admin or dashboard but when I try to use them in my menu it doesn’t work. This is in my app.component constructor(private sessionStoreUtil: SessionStorageUtils, private router: Router, private iconLibraries: NbIconLibraries) { super(); this.iconLibraries.registerFontPack(‘font-awesome’, { packClass:’fas’, ..

Read more

I use 2 nebular themes: light and dark. A component bind the HTML result from a library to the innerHtml like this: <div [innerHtml]="songHtml"></div> I apply custom css to style this content. To make it work, I added @Component({ […] encapsulation: ViewEncapsulation.ShadowDom, }) Now I need to apply theme color like this: @include nb-install-component() { ..

Read more

I use ngx-admin latest version, I have modify my app.module.ts like this: NbAuthModule.forRoot({ strategies: [ NbPasswordAuthStrategy.setup({ name: ’email’, baseEndpoint: ‘https://localhost:5001’, token: { class: NbAuthJWTToken, key: ‘token’ }, login: { // … endpoint: ‘/api/Auth/login’, redirect: { success: ‘/pages/dashboard’, failure: null, // stay on the same page }, }, logout:{ redirect: { success: ‘/auth/login’, failure: null, // ..

Read more

I have the following select element in my markup: <nb-card size="small" #body> <nb-card-body> <nb-select appendTo="body" placeholder="Select Showcase" [style]="{‘position’ : ‘relative’}"> <nb-option value="">Option empty</nb-option> <nb-option value="0">Option 0</nb-option> <nb-option value="1">Option 1</nb-option> <nb-option value="2">Option 2</nb-option> <nb-option value="3">Option 3</nb-option> <nb-option value="4">Option 4</nb-option> </nb-select> </nb-card-body> </nb-card> and when I open the select, and the options drops down, the options stays ..

Read more

I need help here. This is my authInterceptor: intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> { return this.authService.getToken().pipe( switchMap((token: NbAuthJWTToken) => { if (token) { if (!token.isValid()) { this.router.navigate([‘/auth/login’]); } else if (req.url.match(/energy/)) { this.authService.refreshToken(’email’, token); } const cloned = req.clone({ headers: req.headers.set(‘Authorization’, ‘Bearer ‘ + token), }); return next.handle(cloned); } else { return next.handle(req); } }), ..

Read more