GUI: update "Login" and "Sign Up"

[IlanitSmul]

Navigation Bar (initial state)

• The initial appearance of the navigation bar (immediately after ng serve):

  • On the right side you can see a welcome message for "Guest". This message will be updated with every login or logout of a user from the site.
  • In addition, because no user is currently connected to the site, the "Login" button is clickable.
  • The "Sign Up" button will be clickable all the time.

  

Sign Up Form

• The "Sign up" button is disable as long as there are fields of invalid value (in the case described in the picture: All fields are required).

• The form cannot be submitted as long as it is not valid. Examples:

  • All fields are required.
  • Password field must include at least 8 characters, include at least one digit, one uppercase letter and one lowercase letter.
  • Email field must be a valid email address (for example: Should include"@").

• After the form has been properly filled in, the "Sign up" button is clickable.

• The default is to hide the password. You can view the password by clicking the eye icon on the right.

• After clicking "Sign up" - a message from the next form is logged to the console (just for debugging):

• After clicking "Close" - a message from the next form is logged to the console (just for debugging):

Login Form

• The "Login" button is disable as long as there are fields of invalid value (in the case described in the picture: All fields are required).

• After the form has been properly filled in, the "Login" button is clickable.

• After clicking "Login":

  • A message from the next form is logged to the console (just for debugging):

  • The welcome message is updated with the username, the "Login" button disappears and instead the "Logout" button appears.

• After clicking "Close" - a message from the next form is logged to the console (just for debugging):

• After clicking "Sign up" - a message from the next form is logged to the console (just for debugging):

  • Note: This is not the final implementation of the action. In the future, clicking the "sign up" button will open the previous sign up form.

Logout

• After clicking the "Logout" button:
  • The welcome message is updated with the initial username – "Guest", the "Logout" button disappears and instead the "Login" button appears.

[EyalFaygen]

i would be nice if we will add an envierment variable activating a logger function that print instead of a console,log(...) to hide everytime