Giter Site home page Giter Site logo

akveo / nebular Goto Github PK

View Code? Open in Web Editor NEW
8.0K 187.0 1.5K 146.68 MB

:boom: Customizable Angular UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode

Home Page: https://akveo.github.io/nebular

License: MIT License

TypeScript 78.83% JavaScript 0.49% HTML 5.17% Shell 0.01% SCSS 15.49%
angular ui ui-kit authentication theme multitheme modular typescript sass webpack

nebular's Introduction

Nebular Eva Design System npm npm Codecov

Documentation | Stackblitz Template | Angular templates

Nebular is a customizable Angular UI Library with a focus on beautiful design and ability to adapt it to your brand easily. It comes with 4 stunning visual themes, a powerful theming engine with runtime theme switching and support of custom css properties mode. Nebular is based on Eva Design System specifications.

What's included

  • 4 Visual Themes, including new Dark easily customizable to your brand
  • 35+ Angular UI components with a bunch of handy settings and configurations
  • Configurable options - colors, sizes, appearances, shapes, and other useful settings
  • 3 Auth strategies and Security - authentication and security layer easily configurable for your API
  • Powerful theming engine with custom CSS properties mode
  • SVG Eva Icons support - 480+ general purpose icons

Repository state and engagement with the community

Repository is currently in a state of minimal maintenance. Our primary focus is on ensuring that the Angular version used in this project is kept up to date. Our capacity to engage in other aspects of repository management is currently limited.

We are not actively reviewing or merging pull requests, responding to or resolving issues at this time. We appreciate the effort and contributions from the community and we understand that issues are crucial for the community. But now our current focus is solely on maintaining Angular.

Quick Start

You can install Nebular with Angular CLI:

ng add @nebular/theme

Configuration will be done automatically.

If you want to have more control over setup process you can use manual setup guide.

Browser Support

Nebular supports most recent browsers. Browser support list can be found here.

Starters

  • ngx-admin - 20k+ stars application based on Nebular modules with beautiful E-Commerce & IOT components, for boosting your developing process. Live Demo.
  • ngx-admin-starter - clean application based on Nebular modules with a limited number of additional dependencies.

UI Bakery

Need a visual admin dashboard builder? Check out UI Bakery.

License

MIT license.

More from Akveo

  • Eva Icons - 480+ beautiful Open Source icons
  • Akveo templates - 10+ Ready-to-use apps templates to speed up your apps developments

How can I support the developers?

  • Star our GitHub repo โญ
  • Create pull requests, submit bugs, suggest new features or documentation updates ๐Ÿ”ง
  • Read us on Medium
  • Follow us on Twitter ๐Ÿพ
  • Like our page on Facebook ๐Ÿ‘

From Developers

Made with โค๏ธ by Akveo team. Follow us on Twitter to get the latest news first! We're always happy to receive your feedback!

nebular's People

Contributors

alain-charles avatar albertxingzhang avatar andreipadolin avatar chirichok98 avatar denstrigo avatar dimaatkaev avatar drumonii avatar elupanov avatar esadouski avatar evtkhvch avatar fourthof5 avatar gelio avatar groguelon avatar iamdavidfrancis avatar katebatura avatar kostyadanovsky avatar lexzhukov avatar lugovsky avatar maksim-karatkevich avatar mishkolesnikov avatar mmfkupl avatar nnixaa avatar sashaqred avatar smartapant avatar stacyakveo avatar tibing avatar tibing-old-email avatar unumtresocto avatar v-ahmetvaliev avatar yggg avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

nebular's Issues

_this.getConfigValue is not a function using email provider

I encountered this error by when trying to login using email provider.
Initially the login form just say "Oops... Something went wrong" without any console output. But I could trace the problem to email provider's authenticate method. Here is the stack trace:
TypeError: _this.getConfigValue is not a function at getter (http://localhost:4200/main.bundle.js:2506:200) at MapSubscriber.project (http://localhost:4200/vendor.bundle.js:1357:203) at MapSubscriber.webpackJsonp.../../../../rxjs/operator/map.js.MapSubscriber._next (http://localhost:4200/vendor.bundle.js:37170:35) at MapSubscriber.webpackJsonp.../../../../rxjs/Subscriber.js.Subscriber.next (http://localhost:4200/vendor.bundle.js:33797:18) at MapSubscriber.webpackJsonp.../../../../rxjs/operator/map.js.MapSubscriber._next (http://localhost:4200/vendor.bundle.js:37176:26) at MapSubscriber.webpackJsonp.../../../../rxjs/Subscriber.js.Subscriber.next (http://localhost:4200/vendor.bundle.js:33797:18) at FilterSubscriber.webpackJsonp.../../../../rxjs/operator/filter.js.FilterSubscriber._next (http://localhost:4200/vendor.bundle.js:36777:30) at FilterSubscriber.webpackJsonp.../../../../rxjs/Subscriber.js.Subscriber.next (http://localhost:4200/vendor.bundle.js:33797:18) at MergeMapSubscriber.webpackJsonp.../../../../rxjs/operator/mergeMap.js.MergeMapSubscriber.notifyNext (http://localhost:4200/vendor.bundle.js:37600:30) at InnerSubscriber.webpackJsonp.../../../../rxjs/InnerSubscriber.js.InnerSubscriber._next (http://localhost:4200/vendor.bundle.js:32852:21)"

Auth with Websocket

How can I implement the authentication over a websocket? I already have the Websocket connection part but I donยดt understand how I can integrate this in the auth component.
Do I have to write an own provider?

GET http://localhost:3030/@nebular/auth 404 (Not Found)

Hi,
I have started to work with Angular a few weeks ago.
Just beginner.
I need to implement User management in my Angular project, that's why I'm working on nebular.

So I followed this guide.
https://akveo.github.io/nebular/#/docs/auth/conceptsinstall

image

As you see the above image, I'm facing that issue right now.
I only tried to apply nebular/auth in my existing project but couldn't resolve that issue by myself.

image

image

I uploaded "app.routing.ts" and "app.module.ts". I'm not sure this can be useful to resolve this issue.
Please help me.
Thanks.

Documentation: plan and requests

  • Redo the wording on the home page
  • Restructure the documentation to clearly dedicate a section for ngx-admin
  • Nebular: install from scratch
  • Nebular:Theme: how to create your own theme
  • Nebular:Auth: configure your provider
  • Nebular:Auth: adjust auth component styles/code
  • Nebular:Auth: create custom provider
  • Nebular:Auth: interceptors
  • Nebular:Auth: how to logout (how to not hit the endpoint)
  • Nebular:Guides add a new page guide
  • Nebular:More details on auth modules

Create a Custom Theme

Hello,

For starters, it looks like a really great project you have here. The interface is great and I like the way everything is organized. I am just recently trying to get familiar with everything (I had looked into ng2-admin a while back, but never pushed forward) and now have come across this. I figured I would start by recreating one of my existing projects and have stumbled on the styling and themes.

I see documentation about how to setup the "built-in" cosmic and default themes. Which work great (I just used the ngx-admin starter.) How would I go about creating an entirely new theme? Do we just create new built in themes or is there another way?

I am hoping to understand what would be considered expected practice for this.

Thanks,
jwest80

Where is Nebular Icons demo?

Actually I am a beginner using NGX theme in my projects. Can anyone please tell me where is the listing of icons? Because in NGX theme it's showing very less no of icons. Which is not sufficient. Or may be I don't know how to use it.

Support CSS Variables

I know this is on theme/styles/_theming.scss but setting it to true doesn't make @angular/cli's webpack happy.

$nb-enable-css-variables: false !global;

I would like to be able to use CSS variables in my projects!!
Thank you!

Clear token on logout

Hello,

After reading through the docs I'm not sure how to clear my auth token when a user presses logout. In my case there is no need to hit an endpoint when a user logs out...simply redirect to login page and clear the auth token.

Thank you

No provider for NbAuthService!

I have copied /framework/auth directory to my project src/app directory.

and i imported auth module into my app module

`/**

  • @license
  • Copyright Akveo. All Rights Reserved.
  • Licensed under the MIT License. See License.txt in the project root for license information.
    */
    import { APP_BASE_HREF } from '@angular/common';
    import { BrowserModule } from '@angular/platform-browser';
    import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
    import { NgModule } from '@angular/core';
    import { HttpModule } from '@angular/http';
    import { CoreModule } from './@core/core.module';

import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { ThemeModule } from './@theme/theme.module';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';

import { NbAuthModule } from "./auth/auth.module";

@NgModule({
declarations: [AppComponent],
imports: [
BrowserModule,
BrowserAnimationsModule,
HttpModule,
AppRoutingModule,

NgbModule.forRoot(),
ThemeModule.forRoot(),
CoreModule.forRoot(),

NbAuthModule,

],
bootstrap: [AppComponent],
providers: [
{ provide: APP_BASE_HREF, useValue: '/' },
],
})
export class AppModule {
}
and change my app-routing.module.ts to get auth components from copied directory
import {
NbAuthComponent,
NbLoginComponent,
NbLogoutComponent,
NbRegisterComponent,
NbRequestPasswordComponent,
NbResetPasswordComponent,
} from './auth/components/index';`

but when i try to access http://localhost:4200/#/auth/login i got error : ERROR Error: Uncaught (in promise): Error: No provider for NbAuthService!
Error: No provider for NbAuthService!

can anyone help me?
Thanks

nbAuthService.onAuthenticationChange always have result even not logged-in yet

Hi @nnixaa , I already change to onAuthenticationChange in my AuthGuard like below code to return the Observable but it always go to true even I haven't logged-in. Could you please give me the hint for this login problem?

import { Observable } from 'rxjs/Observable';
import { Router, CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
import { Injectable } from '@angular/core';
import { NbAuthService, NbTokenService } from '@nebular/auth';

@Injectable()
export class CanActivateAuthGuard implements CanActivate {

constructor(private router: Router, private nbAuthService: NbAuthService,
private tokenService: NbTokenService) {}

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {

return this.nbAuthService.onAuthenticationChange().map(
  result => {
    console.log("logged-in with result", result);
    if (result) return true;
  }
).catch(() => {
  this.router.navigate(['/auth/login']);
  console.log("not yet logged-in")
  return Observable.of(false);
});

}

}

Best regards

Documentation is not available.

I can see only TOC. Console says "Error: Uncaught (in promise): ReferenceError: ga is not defined". And long-long stack trace.

Readme typo

I think there is an small typo in the readme.

Admin dashboard starter kit ngx-admin - application based on Nubular modules with beautiful IOT components.

Admin dashboard starter kit ngx-admin - application based on Nebular modules with beautiful IOT components.

NbMenuItem problem

if i want to create dynamicate menu , But NbMenuItem can not use

convModel(con) {
let model_front: Object[] = [];

for (let backItem of con) {
  let descMenu: Object = {};
  descMenu['title'] = backItem['label'];
  descMenu['icon'] = backItem['icon'];
  descMenu['expanded'] = backItem['expanded'];
  let surl_ = backItem['url'];
  if (isNullOrUndefined(surl_) || surl_.length == 0) {
    descMenu['link'] = '/pages/' + backItem['routerLink'];
  } else {
    descMenu['link'] = '/pages/' + surl_ + '/' + backItem['routerLink'];
  }

  if (backItem['leaf'] == false) {
    let temp = backItem['items'];
    // this.convModel(temp);
    if (isNullOrUndefined(temp) || temp.length == 0) {

    } else {
      descMenu['children'] = this.convModel(temp);
    }

  }
  if (isNullOrUndefined(descMenu)) {
  } else {
    model_front.push(descMenu);
  }

}
// console.log('====>', model_front);
return model_front;

}

this model_front can not setting NbMenuItem, & ,

How to setup authentication

Any example to setting up authentication and logged in guard on all routes except login one
Need Help; Thx

Custom AuthProvider service implementation

Is there any documentation available regarding custom implementation of AuthProvider?
I'm using ngx-admin starter. Tried to write my own implementation via extending NbAbstractAuthProvider, but it throws following error:

core.es5.js:1020 ERROR Error: Uncaught (in promise): RangeError: Maximum call stack size exceeded
RangeError: Maximum call stack size exceeded
    at _createClass (core.es5.js:9523)
    at _createProviderInstance$1 (core.es5.js:9503)
    at resolveNgModuleDep (core.es5.js:9488)
    at NgModuleRef_.webpackJsonp.../../../core/@angular/core.es5.js.NgModuleRef_.get (core.es5.js:10562)
    at nbAuthServiceFactory (auth.module.js:32)
    at _callFactory (core.es5.js:9558)
    at _createProviderInstance$1 (core.es5.js:9506)
    at resolveNgModuleDep (core.es5.js:9488)
    at _createClass (core.es5.js:9531)
    at _createProviderInstance$1 (core.es5.js:9503)
    at _createClass (core.es5.js:9523)
    at _createProviderInstance$1 (core.es5.js:9503)
    at resolveNgModuleDep (core.es5.js:9488)
    at NgModuleRef_.webpackJsonp.../../../core/@angular/core.es5.js.NgModuleRef_.get (core.es5.js:10562)
    at nbAuthServiceFactory (auth.module.js:32)
    at _callFactory (core.es5.js:9558)
    at _createProviderInstance$1 (core.es5.js:9506)
    at resolveNgModuleDep (core.es5.js:9488)
    at _createClass (core.es5.js:9531)
    at _createProviderInstance$1 (core.es5.js:9503)
    at resolvePromise (zone.js:824)
    at resolvePromise (zone.js:795)
    at zone.js:873
    at ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:425)
    at Object.onInvokeTask (core.es5.js:3881)
    at ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:424)
    at Zone.webpackJsonp.../../../../zone.js/dist/zone.js.Zone.runTask (zone.js:192)
    at drainMicroTaskQueue (zone.js:602)
    at <anonymous>

On the other hand, when I'm specifying NbEmailPassAuthProvider as providers.email.service instead of my custom AuthProvider, everything works great.

Here's my implementation. Maybe you can tell me what am I doing wrong?

import { Injectable } from '@angular/core';
import { HttpClient, HttpResponse, HttpHeaders, HttpErrorResponse } from '@angular/common/http';
import {
  NbAbstractAuthProvider,
  NbAuthResult,
  NbAuthSimpleToken,
  NbAuthService,
} from '@nebular/auth';
import { Observable } from 'rxjs/Observable';
import { Router } from '@angular/router';

export interface UserData {
  username: string;
  password: string;
}

export interface TokenResponse {
  access_token: string;
  token_type: string;
  expires_in: number;
}

export interface AuthConfig {
  apiAddress: string;
}

@Injectable()
export class AuthProvider extends NbAbstractAuthProvider {
  protected defaultConfig: AuthConfig = {
    apiAddress: 'http://example.com/accesstoken',
  };
  protected config: AuthConfig;

  constructor(
    private httpClient: HttpClient,
    private authService: NbAuthService,
  ) {
    super();
  }

  logout(): Observable<NbAuthResult> {
    // return this.authService.logout('name');
    return Observable.of(new NbAuthResult(
      true,
      {},
      '/',
      false,
      'Sign out success.',
    ));
  }

  authenticate(user: UserData): Observable<NbAuthResult> {
    const headers: HttpHeaders = new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded');
    const body = `grant_type=password&username=${user.username}&password=${user.password}`;

    return this.httpClient.post<TokenResponse>(
      this.config.apiAddress,
      body, {
        headers,
      },
    )
    .map((res: TokenResponse) => {
      const token = new NbAuthSimpleToken();
      token.setValue(res.access_token);

      return new NbAuthResult(
        true,
        res,
        '/',
        false,
        `Sign in successful!`,
        token,
      );
    })
    .catch((res) => {
      let errors = [];
      if (res instanceof HttpErrorResponse) {
        errors = ['Wrong combination of username/password.'];
      } else {
        errors.push('Something went wrong.');
      }

      return Observable.of(
        new NbAuthResult(
          false,
          res,
          null,
          errors,
        ));
    });
  }

  getConfigValue(key: string) {
    return this.config[key];
  }
  register(data?: UserData): Observable<NbAuthResult> {
    throw new Error('Method not implemented.');
  }
  requestPassword(data?: UserData): Observable<NbAuthResult> {
    throw new Error('Method not implemented.');
  }
  resetPassword(data?: UserData): Observable<NbAuthResult> {
    throw new Error('Method not implemented.');
  }
}

How to make cards resizeable with 8-way size handle

Hello,
I am new to angular and to Nebular UI library. The UI library is indeed very cool. Very much appreciate your work.

I was wondering how can I make the nebular card component resizable? It would be nice to be able to show 8-way resizable handles enabling user to click and drag the sides of the card.

Visually appealing style for the drag handles would be to use solid lines instead of boring boxes and a dashed line around the card component. something like the attached image

resizable_frame_with_handles

plan for other component

when using ng2-admin, i find it so difficult to add external component and adapt there css to the theme, and i find that nebular contains the same components, so we'll face the same problems :S

nb-search-field

Const text: <span class="info">Hit enter to search</span>

Menu dont show ARROW

I try to create it from zero, everythings is working fine, but the ARROW on the right of menu itens dont show... can someone help me with this ?

arrow

Access token inside provider

Hello,

I've copied the auth source files into my project because I need to do some extra customizations. How do i access the token inside of a provider? I'd like to append the JWT to my headers when I request a new password. Clearly I'm misunderstanding something as I've tried to use this.getConfigValue(token.getter) to get the observable of the token but I'm stuck here.

Thank you!

User context menu does not show icon correctly

Hello,
When adding icons to user context menu, it is observed that the title and icon are not correctly aligned.
For e.g if in the header component the user menu is defined as
userMenu = [{ title: 'Profile', icon: 'fa fa-user fa-lg' }, { title: 'Log out' }];
then the user icon is displayed, however the title is displayed in new line. Please refer screen shot

Request you to fix the issue.
image

new project

hi, first i would like to thank you for creating a theme for angular 4 backend.
this help developers alot.

i am completely new on angular 4, i tried to create my simple CRUD application
currently i am finding the way to implement in a template.

i have download ngx-admin
and it is awesome, but can akveo provide any tutorial how we implement the code into template? because i see alot of files and directory basically i am confuse where should i start to code my CRUD in the themes

example:
i have done following step:

  1. download latest ngx-admin
  2. extract it
  3. run npm install on the extracted directory
  4. now, i should be able to run ng serve to see the result
  5. how to remove the feature that no need (i mean i need a clean blank layout)
  6. is there a rule to create a new component or blank page? where to create? so i can create my own module in it.

ERROR Error: No provider for NbAuthJWTToken!

by: @dzungdev
moved from: akveo/ngx-admin#1298

Hi all,

Could you please tell me how to use NbAuthJWTToken to get token value?

I added the configuration for NbAuthJWTToken to app.module.ts like below
image

and I coded in dashboard.component.ts like below to have the console.log to print out the JWT token (I logged-in successfully with server)
image

But then I have error like below:

image
Best regards,
Alex

Sidebar drawn under cards

screen shot 2017-10-27 at 11 19 42 pm

Steps to reproduce:

  1. When the page loads for the first time the issue does not exist. The sidebar can be opened and closed without being hidden behind the cards.

  2. When refreshing the data the graphs are redrawn inside the cards. After this happens then the issue will occur. Opening and closing the menu will then hide the menu behind the cards.

  3. Navigating to a new page after performing step 2 above does not correct the issue. The browser tab has to be refreshed to fix it.

  4. Currently my cards are put inside one of the grid templates i.e. col-md-12. If I use anything other than 12 then the issue will never occur either. I.e. as long as i go

    then the sidebar is fine.

how to customize auth components?

Hello. I am trying to remove some parts of the login page but do not know how to figure it out. Do I have to edit the metadata file in @nebular/auth ?
I copied the files to the app folder to make changes but still no effect. Please help.
Thanks.

Access token is not stored after login

Hi,
I make it docs/articles/auth-guard.md.
At app-routing.module.ts

{
path: 'pages',
canActivate: [AuthGuard], //add line
loadChildren: 'app/pages/pages.module#PagesModule' },
}
...
Result cosole.log(result); //line 53 in login.component.js
NbAuthResult {success: true, response: HttpResponse, redirect: "/", errors: Array(1), messages: Array(1), โ€ฆ}

However, page not nagivator to "pages/dashboard". If i hidden line canActivate then I can access dashboard but deafault load login.
Where is error?
Pleases help me!
(My english is not so good).

How to get the Auth modules to work?

Using ngx-admin, I'm trying to configure my login/logout/auth services in my application however I can't find the proper ts files to configure it. All I was able to find were the auth folder in node_modules/nebular/auth/components

directory. Where should I apply the proper http urls , session token management, and such?

Example of what I need to add:

` public onSubmit(values: Object): void {

    this.submitted = true;

    if (this.form.valid) {

      this.loading = true;

      console.log(this.username.value);

      this.authenticationService.login(this.username.value, this.password.value)

        .subscribe(

        data => {

          this.router.navigate(['dashboard']);

        },

        error => {

          console.log(error);

        });
    }
  }`

Where can I modify the login component for example? I couldn't find any login.component.ts, only login.component.d.ts

How to get true/false from NbAuthService.isAuthenticated()

by: @dzungdev
moved from: akveo/ngx-admin#1298

Hi all,
I would like to ask how I can get true/false from NbAuthService.isAuthenticated()? The problem now is it always returns the Observable so my if() is always true even I haven't logged-in yet (suppose false if haven't logged-in yet)

if (this.nbAuthService.isAuthenticated()) { console.log('run here2'); return true; }
Best regards

Add badge to nb-action

I have the email and notification icons in the header. Is it possible to add a small badge to the icons?
For example a badge on the email with the number of new messages.

Help with Auth Module

Hello,

Loving the theme. I've been reading up as much and digging into the code. I love how it has been broken out to the modules so we can update the base without really messing up our project!

I'm working on integrating the Auth module with my backend. I use node and express with passportjs for my authentication. it defaults to responding with status 200 OK as long as the server can process the message. the login failure/success is in the response json. ex:

{ "success": false, "message": { "message": "Invalid Username or Password" } }

As the above you can see it didn't work, but the authentication module lets it through as a successful login. if i looking https://github.com/akveo/nebular/blob/master/src/framework/auth/providers/email-pass-auth.provider.ts authenticate method I see that as long as always fail is false and as long as the server response is ok, it will be a successful login.

I'm still learning, so thank you in advance for your help. What is the best way to have it look at the success in the response?

Update: Reading the code more and looking at it (after a break) It looks like i want to write my own provider copying email-pass-auth.provider.ts and then modify as such for the authenticate function line 193 code below starts on line 204
capture

Edit: I updated the code to correctly reflect accessing json success message, added png of code with highlighted changes, seems to be working, but when passport successfully logs in it just gives the message component. Still looking, at this point, the question would be what is the better way to handle this. Thanks!

Edit: Disregard entirely, I took a chance to look back at old code, before I had a decent grasp of Typescript angular etc. I figured out my issue I updated my response with a status reflecting not authorized and actually fixed my json so there aren't message:{message:}.

NbActionComponent or nb-action has no options for href

When the NBActions component is used in a module there is no way of setting the onclick event and there href link just stays blank.

                    <nb-actions size="medium pull-right">
                      <nb-action icon="fa fa-download" (click)="handleShowProductBtn(product)"></nb-action>
                        <nb-action icon="nb-gear"></nb-action>
                    </nb-actions>

Fixxed footer with full window width

Is it possible to use the layout component and have a fixxed footer, which has the full window width, so the sidebar is between footer and header?

Release frequency

Hey!
Just fixed #30 but I have a question now: when are you going to release this modification?

Module aproximate terms

Hi, great job with nebular!

I was wondering you could tell us something on when are you releasing those new modules: acl / dashboard / data.

Just to know whether it is better for us to wait or dev on our own side. We are specially interested in "acl".

thanks!

Reshrink Sidebar after selection

If the user shrinks the sidebar using nb-menu button toggle in the upper left corner, the sidebar should reshrink after selecting an option.

Sidebar - Incorrect highlighting

screen shot 2017-10-27 at 11 29 02 pm

Whenever the use selects the sidebar options "Equipment Drill Down" the sidebar also highlights "Equipment" in white. The issue does not happen for any other item. I've also tried changing the order of the items and adding new items but those two options appear to be linked. Thought maybe it had something to do with the same words being in each item but that's not the case.

[Menu] nbMenu to use right arrow

Can we provide an option to use right arrow in menu?

When i show demo using ngx-admin, they think it's unusual to use left arrow for collapsed items.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.