As a user, I want to be able to log into the app and make changes to the data. If I am not an authorized user, I still want to be able to see the data.
AC
WHEN the user gets to the page and doesn't log in
THEN the logo will be on the left side of the NavBar
AND the log in with google button will be on the right side of the NavBar.
AND when the user does log in
THEN the logo will be on the left side of the NavBar
AND the logout button will replace the login with google on the right side of the NavBar.
AND When the user is not authenticated, there should be no buttons to make changes to the data.
DevNotes
A Navbar from bootstrap will be on the top of the application.
A logo will be on the far left of the Navbar.
A login with google button should be on the far right side of the NavBar.
A logout button will appear on the far right side of the NavBar when the user is authenticated.
Create a "hide" css class in the main.scss file.
In the authData file, use jquery to select all buttons that trigger data manipulation and apply the hide class if not authenticated.
UserStory
As a user, I want to be able to log into the app and make changes to the data. If I am not an authorized user, I still want to be able to see the data.
AC
WHEN the user gets to the page and doesn't log in THEN the logo will be on the left side of the NavBar AND the log in with google button will be on the right side of the NavBar. AND when the user does log in THEN the logo will be on the left side of the NavBar AND the logout button will replace the login with google on the right side of the NavBar. AND When the user is not authenticated, there should be no buttons to make changes to the data.
DevNotes