0

I'm working on a RESTful application structured like this:

  • Backend: Django with Django Rest Framework API
  • Frontent: Angular 2
  • UI: Bootstrap 4

When I post data from Angular to my backend REST api, DRF returns differents datas (with status code) depending on what happened. Example:

  • HTTP_201_CREATED if the create post was successful
  • HTTP_403_FORBIDDEN if the user doesn't have the permission
  • HTTP_400_BAD_REQUEST if the sent datas are not correclty formated
  • ...

(Sub question : what should be the structure of a HTTP_400_BAD_REQUEST response if you want to add customs error messages ?)

In Bootstrap V4, there are contextuals classes :

  • .active
  • .success
  • .info
  • .warning
  • .danger

Can somebody suggest a elegant way (and as generic as possible) to set the bootstrap class depending on the request status with Angular 2 ? For example, if the REST api returns an error, display the error message and set the danger class to the concernent Boostrap DOM. If the REST api return success status, display a success message with the success Bootstrap class, etc...

Ben
  • 3,972
  • 8
  • 43
  • 82

1 Answers1

1

As far as I know, there are no standard rules or guidelines for it; the answer may vary from person-to-person. In your question, you have already answered half of it, so I think you should only decide which class to use for which status code.

Siyual
  • 16,415
  • 8
  • 44
  • 58
micronyks
  • 54,797
  • 15
  • 112
  • 146