1
00:00:01,010 --> 00:00:02,270
In this video.

2
00:00:02,270 --> 00:00:08,210
Let's render the log in form, because the log in form is about users.

3
00:00:08,240 --> 00:00:14,210
We are going to render all the forms related to users inside the users root.

4
00:00:14,210 --> 00:00:15,770
So here we go.

5
00:00:15,800 --> 00:00:20,110
I'm going to add a comment by saying rendering forms.

6
00:00:25,440 --> 00:00:28,830
The first form that we are going to render is the log in.

7
00:00:28,830 --> 00:00:36,930
So I'm going to create the route as users route dot gates, and here I'm going to pass in the end point

8
00:00:36,930 --> 00:00:39,360
and I'll make use of register.

9
00:00:39,390 --> 00:00:42,660
You can see that this one is the same as this.

10
00:00:42,660 --> 00:00:50,070
But this one point to the API and this one point to the client side to render the form.

11
00:00:50,080 --> 00:00:53,070
So this one, you can name it whatever you want.

12
00:00:53,280 --> 00:00:56,070
The next one going to be the callback function.

13
00:00:56,070 --> 00:01:05,459
I have access to rec response and I'll start and in here I'll make use of red dot render and we want

14
00:01:05,459 --> 00:01:12,360
to render the log in form, but we don't have the form yet, so I'm going to copy the log in form and

15
00:01:12,360 --> 00:01:18,090
place it inside the views and I want to create fodder for that.

16
00:01:18,090 --> 00:01:25,020
So I'm going to call this one as users and I'm going to drag the log in into the users and I'll also

17
00:01:25,020 --> 00:01:27,510
create one folder for post.

18
00:01:27,510 --> 00:01:31,110
And then next folder are going to be the comments.

19
00:01:31,140 --> 00:01:35,670
Each one will have a template to render based on the resource.

20
00:01:35,760 --> 00:01:36,420
All right.

21
00:01:36,420 --> 00:01:41,610
So here I'm going to rename the logging extension to UGC.

22
00:01:43,100 --> 00:01:43,730
Perfect.

23
00:01:43,730 --> 00:01:45,930
So now let's get back to the easiest route.

24
00:01:45,950 --> 00:01:53,110
Now the path to the log in is insert views for a slash users forward slash log in.

25
00:01:53,120 --> 00:01:55,160
So here we go.

26
00:01:55,190 --> 00:02:04,850
When I be as code and we have the users and forward slash looking towards edges and for the extension

27
00:02:04,850 --> 00:02:11,630
we can choose to bring it because we have configured our server to use edges as that.

28
00:02:11,630 --> 00:02:15,650
So for this I can remove the extension for the home page.

29
00:02:15,680 --> 00:02:22,760
Likewise, the extension for the log in the last step is let's go ahead and render this form.

30
00:02:22,760 --> 00:02:33,080
So we're going to be ask for a slash API for slash version one for slash users and forward slash register.

31
00:02:33,920 --> 00:02:35,960
And there we have it.

32
00:02:35,960 --> 00:02:38,650
But the endpoint is supposed to be log in.

33
00:02:38,660 --> 00:02:42,440
So let me change this one to log in.

34
00:02:42,710 --> 00:02:46,730
Likewise, the final endpoint to log in.

35
00:02:48,220 --> 00:02:50,050
And there we have it.

36
00:02:50,530 --> 00:02:53,320
You can see that there is no case for this.

37
00:02:53,320 --> 00:02:59,320
So I'm going to copy the cases for the form and place it inside the CSS folder.

38
00:02:59,350 --> 00:03:03,700
The next step is inside the log into JS.

39
00:03:03,730 --> 00:03:12,100
Let's go ahead and require the CSS so the path is going to be forward slash CSS and in there we have

40
00:03:12,100 --> 00:03:17,590
the form dot CSS and let's save it and let's refresh it.

41
00:03:19,120 --> 00:03:21,700
And you can see that it worked fine.

42
00:03:21,730 --> 00:03:26,040
The next video, let's go ahead and render the register form.