colintherobot / ang-auth Goto Github PK

just incase anyone cannot get their server up an running on the first try, make sure you open a new terminal tab and run mongod

This application uses the todo code we worked on earlier in the week but includes Authentication and authorization with sessions.

Make sure your not inside of the wdi-remote-r2d2 class repo and then clone this repo to your local machine. Run npm install and you should be good to start nodemon and start exploring.

As you peruse the code you'll notice several things:

1. The authentication syntax in the controllers directory is almost exactly the same as in Project 2
   • There are no routes that render forms
   • Routes send json instead of rendering views or redirecting
   • Redirects are handled in js/app.js with $state.go
2. The syntax in the router file is a little more robust using a pattern to set the controller and the controller as from the router rather than in each individual partial.
3. Examine all of the ui-sref's and you'll notice some syntax to pass params.
4. Finally, CUIDADO, even though we have todos in this app, they are not yet embedded or in any way tied to a user.

As you look through this code I want you to make issues about code you're not sure about or nw syntax.

The title of your GitHub issue should contain the file name and the line number. In the body of the issue include your question or comment.

Feel free to answer each other's issues.

Can someone explain really what this does? I tried looking it up but didn't really get much.

// Explanation

$http a way to make http requests from the browser
.post means its an HTTP POST request, it takes a path as an argument, specifically, it's posting to /todos and passing in the data for a new todo!

https://docs.angularjs.org/api/ng/service/$http

this.editedTodo = null;

Is this just another way of writing a catch? What's the purpose of setting editedToDo to null?

.state('login', { url: '/login', templateUrl: '/partials/login.html', controller: 'AuthCtrl', controllerAs: 'auth' })

We have not yet seen controllers being specified within a state. This concept is more unfamiliarity than confusion. I am assuming it is just another way to use a specific controller and when placed within a state, code becomes more clean (specifically the index html file).

What does res.json({user: user}) return? I'm thrown off by the .json. We've had it before in other lessons but I never bothered to figure it out.

I understand that this is saying that there are no params, but why do you need it in the first place?

This is a new idea to me.

When should we implement more than one?

Why 'keyboard cat'?

Is this a new var to be used for connecting to mongoose. This is a different var than we used in the past when hooking up our database.

this feels like a question you ask after not paying attention in class and the teacher JUST said it.

but.. ng-submit = "auth.signup(userPass)"....

can someone break this down for me?

So just to clarify. The app.js is listening to events from the user and sending the request to the routes in the controllers folder.

I think it is, based on https://github.com/angular-ui/ui-router/wiki/URL-Routing#url-parameters.

Look at router.js, you'll notice some new syntax.

1. Respond to this issue with the new syntax and discuss what it is doing.
2. Trace the path of the edit route, can you pinpoint where we're adding content to the params and how we access it?

Read through this documentation for more information:

https://github.com/angular-ui/ui-router/wiki/URL-Routing

Do we always use res.json when using angular vs res.render? What is the difference??

Is .go() equivalent to res.redirect()?

Full line of code: $state.go('allTodos', {url: '/todos'}).

Is => just another way to declare a function?

Can someone please explain what ui-sref refers too? Its assigined to the buttons in index.html. Does it have to do with the router?

You'll notice in app.js that we're injecting $state and using the method $state.go to redirect the user to a specific ui route.

Break down the syntax of $state.go() and explain what it's doing.

Refer to the documentation in here