Ngx-admin: How to change login error message?

Created on 30 Aug 2018 · 8Comments · Source: akveo/ngx-admin

when login with wrong password, it always got this error message: Oh snap!
Something went wrong.
Is this message supposed to be? How can i customize the error message? Thanks!

Source

joeyjin

Most helpful comment

After a deep search in @nebular/auth files I figure out how to do it, you have to override the getter method of the errors of the used strategy, here is an example (where res is the HTTP response of the login request):

NbPasswordAuthStrategy.setup({
  name: 'username',
  token: {
    class: NbAuthJWTToken,
    key: 'token',
  },
  baseEndpoint: '/api',
  login: {
    endpoint: '/auth/login',
    method: 'post',
  },
  logout: {
    endpoint: '/auth/logout',
    method: 'get',
  },
  errors: {
    getter: (module, res, options) => {
      return res.error ? res.error.message : options[module].defaultErrors;
    },
  },
})

bacali95 on 18 May 2019

👍8 🚀4

All 8 comments

You may take a look at https://akveo.github.io/nebular/docs/auth/configuring-ui#custom-ui-components

jesus-ibanez on 30 Aug 2018

Hi @joeyjin , did your issue resolved?

Tibing on 7 Sep 2018

If not, please, reopen issue in the nebular repo.

Tibing on 7 Sep 2018

NbPasswordAuthStrategy.setup({
  name: 'username',
  token: {
    class: NbAuthJWTToken,
    key: 'token',
  },
  baseEndpoint: '/api',
  login: {
    endpoint: '/auth/login',
    method: 'post',
  },
  logout: {
    endpoint: '/auth/logout',
    method: 'get',
  },
  errors: {
    getter: (module, res, options) => {
      return res.error ? res.error.message : options[module].defaultErrors;
    },
  },
})

bacali95 on 18 May 2019

👍8 🚀4

@bacali95 Do you have any examples of how you did this, I'm facing the same issue.

muriloe on 23 May 2019

@bacali95 Do you have any examples of how you did this, I'm facing the same issue.

Here is an example:

NbPasswordAuthStrategy.setup({
  name: 'username',
  token: {
    class: NbAuthJWTToken,
    key: 'token',
  },
  baseEndpoint: '/api',
  login: {
    endpoint: '/auth/login',
    method: 'post',
  },
  logout: {
    endpoint: '/auth/logout',
    method: 'get',
  },
  errors: {
    // Override the getter of errors functions
    // res: is the HttpResponse that you get from your backend 
    getter: (module, res, options) => {
      return res.error ? res.error.message : options[module].defaultErrors;
    },
  },
})

bacali95 on 23 May 2019

😄1 👍1

Oh! Nice, it works!

muriloe on 24 May 2019

👍1

After a deep search in @nebular/auth files I figure out how to do it, you have to override the getter method of the errors of the used strategy, here is an example (where res is the HTTP response of the login request):
NbPasswordAuthStrategy.setup({
  name: 'username',
  token: {
    class: NbAuthJWTToken,
    key: 'token',
  },
  baseEndpoint: '/api',
  login: {
    endpoint: '/auth/login',
    method: 'post',
  },
  logout: {
    endpoint: '/auth/logout',
    method: 'get',
  },
  errors: {
    getter: (module, res, options) => {
      return res.error ? res.error.message : options[module].defaultErrors;
    },
  },
})

This is the best answer!