1 00:00:00,240 --> 00:00:01,030 Hello, friend. 2 00:00:01,050 --> 00:00:01,950 Welcome back. 3 00:00:02,100 --> 00:00:07,920 In a previous video, we successfully updated our profile picture, right, that is right now users 4 00:00:07,920 --> 00:00:10,210 can updated their own profile picture. 5 00:00:10,560 --> 00:00:15,070 So now in this video, I want to discuss about and update our this navigation bar. 6 00:00:15,090 --> 00:00:18,820 So that is the navigation bar I have added in our business HTML. 7 00:00:19,410 --> 00:00:24,440 So now go to our business estimates right now where we move everything from here, OK? 8 00:00:24,450 --> 00:00:25,830 Make the things as clean. 9 00:00:26,430 --> 00:00:28,400 And that is our main part. 10 00:00:28,410 --> 00:00:31,250 There is a template into the template and that is our business. 11 00:00:31,260 --> 00:00:33,320 HTML so did a business demo. 12 00:00:33,390 --> 00:00:40,670 I have already loaded onto the bar so that is our neighbor and then that is our container park. 13 00:00:40,680 --> 00:00:41,210 Perfect. 14 00:00:41,730 --> 00:00:45,590 So into the neighbor area, that means that you will write the result. 15 00:00:45,600 --> 00:00:46,100 You will. 16 00:00:46,110 --> 00:00:51,180 And after that number that means that is and the bar and in particular. 17 00:00:51,600 --> 00:00:52,020 Yeah. 18 00:00:52,020 --> 00:00:55,200 This neighbor area here I want to do want to add on the dropdown. 19 00:00:55,590 --> 00:00:59,460 OK, we'll drop down main also that is also double Strabane loan to use. 20 00:00:59,910 --> 00:01:07,050 So if you want to use it, first of all, I take all the Dave and the Davidia I put on the bootstrap 21 00:01:07,050 --> 00:01:12,240 class as a MV item, MV item and the dropdown. 22 00:01:14,070 --> 00:01:16,380 So that will be as a nearby temp dropdown. 23 00:01:16,380 --> 00:01:21,100 And then here I take one of the egg Édith and Arief area. 24 00:01:21,180 --> 00:01:28,050 I take on the class, I take another class and it will be as a nib and then liying. 25 00:01:28,140 --> 00:01:33,050 So friend, you will get that from the bootstrap official said right now I call it because of all this 26 00:01:33,060 --> 00:01:33,950 very much common. 27 00:01:33,960 --> 00:01:37,160 So I use that dropdown and into the dropdown area. 28 00:01:37,170 --> 00:01:42,570 I want to use that totally, totally OK with the Stokley that is our Hatif. 29 00:01:42,840 --> 00:01:45,360 And here also we have to do we have to put on the ID. 30 00:01:45,780 --> 00:01:49,000 I named that idea, I just put that ID. 31 00:01:49,080 --> 00:01:53,850 I will be at a nearby drop Napat drop. 32 00:01:54,240 --> 00:01:56,190 OK, so that will be at the nearby drop. 33 00:01:56,190 --> 00:02:08,630 And also after that I want to be used as a and data Dogme data sorry data and then totally and utterly 34 00:02:08,650 --> 00:02:10,620 will be as a dropdown. 35 00:02:12,360 --> 00:02:14,020 So that will be as a dropdown. 36 00:02:14,070 --> 00:02:19,230 OK, so here in particular this area on the the visible our user name. 37 00:02:19,230 --> 00:02:20,910 So even divisibility is user name. 38 00:02:20,910 --> 00:02:22,170 I have already discussed about that. 39 00:02:22,170 --> 00:02:26,880 Things with you, with this user, with this user, we can actually use our user name. 40 00:02:26,880 --> 00:02:27,230 Right. 41 00:02:27,360 --> 00:02:29,560 So that will be our filename as a user name. 42 00:02:29,970 --> 00:02:38,070 So now if you click on the Savol and now first of all and the check, please refresh here, you can 43 00:02:38,070 --> 00:02:40,860 see it's still perfectly visible, our user name as a test. 44 00:02:40,860 --> 00:02:45,030 Right now, I'm already logging with the user name, so it's not perfect visible. 45 00:02:45,120 --> 00:02:47,430 OK, so no here in particular. 46 00:02:47,580 --> 00:02:50,460 After that, after that I want to load or drop down menu. 47 00:02:50,850 --> 00:02:58,380 I take another Dev and I name it as a one of the class as a drop down menu on the dropdown and then 48 00:02:58,380 --> 00:02:58,790 menu. 49 00:02:59,550 --> 00:03:02,610 So in particular that area on the load, the drop down menu. 50 00:03:02,700 --> 00:03:04,740 So here it will be as effective. 51 00:03:05,280 --> 00:03:14,640 And here Blinkx as a class, I put the class itself be the dropdown item, the or P dropdown item, 52 00:03:15,210 --> 00:03:17,160 OK, will be the dropdown item. 53 00:03:17,460 --> 00:03:21,390 And then here I did want to display our profile. 54 00:03:21,990 --> 00:03:26,400 That was your profile, your profile. 55 00:03:26,400 --> 00:03:28,590 And also I'll take another one. 56 00:03:29,160 --> 00:03:36,240 I want to take another one and it will be as a log out log out. 57 00:03:37,080 --> 00:03:45,630 OK, so we as a log out and then that is our two of this Dev and that means there is one Dave and then 58 00:03:45,630 --> 00:03:48,360 there is another Dave and then there is our neighbor. 59 00:03:48,930 --> 00:03:49,460 Perfect. 60 00:03:49,470 --> 00:03:51,180 OK, so now let's check this out. 61 00:03:51,180 --> 00:03:55,890 If you click on this Savol and now if you can refresh it. 62 00:03:57,270 --> 00:03:58,130 Click here. 63 00:03:58,240 --> 00:04:03,450 Here, because it's a perfectly loaded hour, your profile and the logout, so I have already created 64 00:04:03,540 --> 00:04:05,790 that you all for your profile at the logout. 65 00:04:05,790 --> 00:04:07,740 I want to do want to put the things on here. 66 00:04:08,250 --> 00:04:11,490 That means you that it's actually our profile. 67 00:04:12,030 --> 00:04:14,300 So I want to do and take that profile. 68 00:04:14,310 --> 00:04:15,090 I got it. 69 00:04:15,660 --> 00:04:23,130 Sorry, I copy it and then that will be our profile that fits your profile then our our blogging and 70 00:04:23,130 --> 00:04:24,030 then our profile. 71 00:04:24,040 --> 00:04:24,310 Right. 72 00:04:24,780 --> 00:04:28,680 So I have already discussed about the things with you and then that will be our logout. 73 00:04:29,340 --> 00:04:32,790 So here I want to do and download our logout trade. 74 00:04:32,790 --> 00:04:34,950 So I just put that to have this name. 75 00:04:35,190 --> 00:04:38,850 And also I want to do when this user will be log out. 76 00:04:38,850 --> 00:04:41,310 So our this man will not should be visible. 77 00:04:41,520 --> 00:04:46,800 So here, if you want to do that work, you can do it with using our this function. 78 00:04:46,800 --> 00:04:48,900 That means this is authenticated. 79 00:04:49,290 --> 00:04:50,820 So it'll be just like that DMV. 80 00:04:50,820 --> 00:04:51,040 Right. 81 00:04:51,060 --> 00:04:51,660 Copy that. 82 00:04:51,660 --> 00:04:52,470 If condition. 83 00:04:53,250 --> 00:04:55,170 I copy that if condition. 84 00:04:55,170 --> 00:04:57,240 And here it will be. 85 00:04:57,240 --> 00:04:58,350 Here I put it. 86 00:04:58,530 --> 00:05:04,470 That means if this user is user is authenticated then it will be visible. 87 00:05:04,470 --> 00:05:07,410 And also we have to, we have to initiate. 88 00:05:07,410 --> 00:05:08,700 That means you have to end it. 89 00:05:09,090 --> 00:05:11,760 So after this debate here, I end it. 90 00:05:12,000 --> 00:05:21,360 OK, now if you click at this table and now if you go and refresh it now I'm already looking. 91 00:05:21,360 --> 00:05:22,530 So there is our profile. 92 00:05:22,680 --> 00:05:26,130 If you go to that home, go to the profile. 93 00:05:26,150 --> 00:05:28,030 You successfully related to the profiles. 94 00:05:28,040 --> 00:05:29,340 So there's a log out. 95 00:05:29,910 --> 00:05:30,340 Yes. 96 00:05:30,360 --> 00:05:32,460 You can see it's not visible because of all here. 97 00:05:32,460 --> 00:05:33,570 I put that condition. 98 00:05:33,870 --> 00:05:37,140 If this user is authenticated, then it shall be visible. 99 00:05:37,380 --> 00:05:38,730 OK, then it's fully visible. 100 00:05:38,730 --> 00:05:41,640 That means our total part that they will be visible. 101 00:05:41,640 --> 00:05:45,210 That is not only visible resident, it's not so visible. 102 00:05:45,210 --> 00:05:47,490 So you can see right now I'm not logging. 103 00:05:47,490 --> 00:05:49,800 So it is not visible on here. 104 00:05:49,800 --> 00:05:52,550 If you're logging with the test, you do me. 105 00:05:52,560 --> 00:05:53,700 One, two, three, four, five. 106 00:05:53,970 --> 00:05:55,020 Click the logging. 107 00:05:55,830 --> 00:05:56,370 Sorry. 108 00:05:57,390 --> 00:05:58,080 Oh sorry. 109 00:05:58,080 --> 00:05:59,250 I have updated it. 110 00:05:59,250 --> 00:05:59,870 Right, you do me. 111 00:05:59,880 --> 00:06:01,340 One, two, three, four, five, six. 112 00:06:01,350 --> 00:06:04,620 I have already admitted that our password because a logging. 113 00:06:05,070 --> 00:06:05,460 Yeah. 114 00:06:05,460 --> 00:06:09,900 You can see it's not perfectly visible I hope is very much clear to friends right now. 115 00:06:09,900 --> 00:06:15,510 And as I told you here in this section, I am not focusing with their tabs, with the design. 116 00:06:15,810 --> 00:06:20,550 So as they all in fundamental I have already discussed about the things with you, how can load some 117 00:06:20,550 --> 00:06:21,330 of the templates? 118 00:06:21,330 --> 00:06:24,540 So if you want to load on the template, then you can load it. 119 00:06:24,540 --> 00:06:24,840 Right. 120 00:06:25,080 --> 00:06:28,000 So main core functionality I want to share with you. 121 00:06:28,020 --> 00:06:31,050 So here I have updated our this neighbor. 122 00:06:31,350 --> 00:06:34,190 So, you know, next video for our D block base. 123 00:06:34,210 --> 00:06:36,450 Right now, I want to work with our D block. 124 00:06:36,450 --> 00:06:36,690 Right. 125 00:06:36,690 --> 00:06:40,000 So we have to do have to create some of the block at bay. 126 00:06:40,020 --> 00:06:46,260 So from here, I want to load one of the form for insert the data to our blog and also how can display 127 00:06:46,260 --> 00:06:48,180 this block and the blog details. 128 00:06:48,390 --> 00:06:50,010 So everything is step by step. 129 00:06:50,010 --> 00:06:52,200 I will show you that things with a live example. 130 00:06:52,590 --> 00:06:56,730 So thanks for watching and I will see you in the next video.