1 00:00:00,180 --> 00:00:01,740 Hello, friend, welcome back. 2 00:00:02,070 --> 00:00:07,080 In a previous video, we successfully designed our home base, right, and also here we display our 3 00:00:07,080 --> 00:00:11,910 all the product and with the product, name, product, price and product, all price. 4 00:00:12,210 --> 00:00:13,760 So no one to do want to add on. 5 00:00:13,890 --> 00:00:17,940 The neighbors in particular desperately want the Lord one of the menus. 6 00:00:17,940 --> 00:00:21,510 So if you want to do that work, you have to do have to go to your pulisic. 7 00:00:21,750 --> 00:00:23,730 And that is our template area. 8 00:00:23,730 --> 00:00:24,570 That is our neighbor. 9 00:00:24,570 --> 00:00:24,820 Right. 10 00:00:24,820 --> 00:00:27,860 So I have already created the file as but not e-mail. 11 00:00:28,200 --> 00:00:29,610 So now here we have to work. 12 00:00:30,030 --> 00:00:34,540 So here I want to do want to use all that our bootstrap building of the neighbor class. 13 00:00:34,560 --> 00:00:40,820 So now I want to do and to write this code of silence in simply of the name and the Navidea. 14 00:00:40,830 --> 00:00:46,230 First of all, you have to define the class status symbol from the class and this class will be as a 15 00:00:46,230 --> 00:00:47,880 name in a bar. 16 00:00:48,150 --> 00:00:51,350 And then there is also is all the building class friends. 17 00:00:51,360 --> 00:00:56,820 So here you have to defining it as a neighbor and the neighbor and then you have to define it to expand. 18 00:00:57,950 --> 00:01:07,590 OK, expand L.G. and then never so with this neighbor, that will be as a light and then busy light. 19 00:01:09,330 --> 00:01:11,400 OK, so here it's always a busy light. 20 00:01:11,850 --> 00:01:16,060 And also after that I want to do the front of the Dave so into the David Yeah. 21 00:01:16,080 --> 00:01:17,810 I definable step container. 22 00:01:18,330 --> 00:01:20,100 So that is a container. 23 00:01:20,220 --> 00:01:22,490 So that is one of the class as a container. 24 00:01:22,830 --> 00:01:28,320 And here I want to define all of the name that is our Pulisic name for the reasons here in the ATF and 25 00:01:28,320 --> 00:01:30,650 the area at the front of the class. 26 00:01:31,290 --> 00:01:36,330 So here it will be as a neighbor, like a bar brand. 27 00:01:37,590 --> 00:01:40,020 So just somebody from the class of the neighbor brand. 28 00:01:40,290 --> 00:01:48,450 And here I want to do to display our name as a jingle jangle e-commerce project. 29 00:01:50,880 --> 00:01:56,840 So just name it as a Django ecommerce project and also here after that, I want to do want to the from 30 00:01:56,880 --> 00:01:57,660 the bottom. 31 00:01:57,670 --> 00:02:02,820 So this button, actually that dongle button, so do this jungler is very much interactive. 32 00:02:02,830 --> 00:02:08,100 One of the things I will show you, like when you minimize your skin automatically or all that men will 33 00:02:08,100 --> 00:02:10,180 be addicted to our this Tumblr area. 34 00:02:10,200 --> 00:02:12,840 OK, so far the results here are different to the bottom. 35 00:02:13,410 --> 00:02:17,090 So Button will be as a button type will be the button here. 36 00:02:17,100 --> 00:02:19,100 We don't need this name here. 37 00:02:19,110 --> 00:02:21,540 I want to do and define some dark glass. 38 00:02:22,200 --> 00:02:26,960 So here I find that glass glass will be as a neighbor and then taller. 39 00:02:28,380 --> 00:02:29,880 OK, are taller. 40 00:02:29,880 --> 00:02:38,260 And then also after that we have to define the data that is our data together to see early data. 41 00:02:38,700 --> 00:02:43,980 And with this here we have to define that is also, as I told you, that is all the building cluster 42 00:02:43,980 --> 00:02:49,160 here that the front, the APAC collapse collapse make this year. 43 00:02:49,170 --> 00:02:50,030 Spelling is correct. 44 00:02:50,040 --> 00:02:51,740 So that is OK after that. 45 00:02:51,750 --> 00:02:53,820 Also here, we have to define our data target. 46 00:02:55,200 --> 00:03:00,480 So just simply defending the data target and other target will be our I name it with the idea. 47 00:03:00,490 --> 00:03:04,770 So here hash and the nav bar and the Nive. 48 00:03:05,100 --> 00:03:09,390 OK, so here I just simply defined as a neighbor and the neighbor. 49 00:03:09,420 --> 00:03:11,160 So that will be our data target. 50 00:03:11,370 --> 00:03:21,060 And also here after this, I want to do to the front the aerial control area and then the controls area 51 00:03:21,060 --> 00:03:21,770 controls. 52 00:03:21,790 --> 00:03:25,200 Area controls will be as a neighbor. 53 00:03:25,380 --> 00:03:30,150 That means this one actually neighbor Napes, I just simply defined as a neighbor. 54 00:03:30,630 --> 00:03:37,380 And then also we have to define our area extent expanded OK area and then expanded. 55 00:03:40,600 --> 00:03:44,290 Actually, expended energy expended will be the fault of the fault. 56 00:03:45,420 --> 00:03:52,510 OK, just simply finding the fault and then also we need our area level so that somebody finds the area 57 00:03:52,510 --> 00:04:01,360 and the level an area level will be as a totally, totally navigation. 58 00:04:03,990 --> 00:04:10,480 So I just simply don't believe in navigation and hit the button area on the down to the final of the 59 00:04:10,990 --> 00:04:11,520 Espen. 60 00:04:11,860 --> 00:04:14,640 So I just simply definitely spend and spend area. 61 00:04:14,710 --> 00:04:15,790 I defend the class. 62 00:04:16,540 --> 00:04:28,060 So there is class will be as a neighbor like neighbor doubler icon and then that is our bottom. 63 00:04:28,210 --> 00:04:28,680 Perfect. 64 00:04:28,930 --> 00:04:32,400 So now if you actually save it, Ligeia, I just save it. 65 00:04:32,410 --> 00:04:37,300 And now if you refresh it now, this is not visible because of all here. 66 00:04:37,300 --> 00:04:40,490 I didn't add this neighbor in our best estimate. 67 00:04:40,720 --> 00:04:42,070 That means our best estimate. 68 00:04:42,070 --> 00:04:42,950 We have to add it. 69 00:04:43,510 --> 00:04:48,160 So now go to our business estimate in the best estimate after this body. 70 00:04:48,350 --> 00:04:51,850 OK, so after this body here and we don't include it. 71 00:04:52,000 --> 00:05:01,210 So here I just simply include OK, include our there is actually the same directories, so there are 72 00:05:01,210 --> 00:05:03,750 some directories around to include our neighbor. 73 00:05:04,090 --> 00:05:07,690 So I just simply defined as a nav bar dot astm. 74 00:05:07,940 --> 00:05:10,150 OK, so I just simply included. 75 00:05:10,180 --> 00:05:16,240 So now we all can actually access our this neighbor in our best estimate area concept pages. 76 00:05:16,240 --> 00:05:19,020 I have already defined that our this by this time. 77 00:05:19,030 --> 00:05:19,410 All right. 78 00:05:19,780 --> 00:05:20,900 So now let's check this out. 79 00:05:20,920 --> 00:05:24,850 Now, if you click on this, save all and now if you refresh it. 80 00:05:27,610 --> 00:05:33,820 No kisses, no perfectly visible, our artist name, that is our Django e-commerce project and here 81 00:05:33,820 --> 00:05:35,750 also that have on the men, right. 82 00:05:36,040 --> 00:05:41,560 So as I told you, here I am using the default on so that the default color is visible and also here 83 00:05:41,560 --> 00:05:46,630 at the front of the tumbler, that means here at the front of the tumbler on the bottom. 84 00:05:46,630 --> 00:05:46,870 Right. 85 00:05:47,140 --> 00:05:48,310 So what exactly this. 86 00:05:48,310 --> 00:05:55,930 BOTTOMLY We do like here right now if you close it, OK, like here it you feel close it now can see 87 00:05:55,980 --> 00:05:57,950 snowshoeing on the bottom. 88 00:05:57,970 --> 00:05:59,180 So that is the bottom. 89 00:05:59,200 --> 00:06:05,290 So if whatever the menu we will put in particular that area when it shall be as a zooming automatically 90 00:06:05,290 --> 00:06:08,320 our all that opportunity will be key to our this area. 91 00:06:08,350 --> 00:06:15,390 OK, and here you can see to the Espen area I have the final I consider the of what I consider together 92 00:06:15,520 --> 00:06:16,670 like a good friend. 93 00:06:17,080 --> 00:06:20,820 So now I think it's very much clear to you who I am actually using the Stockler. 94 00:06:20,830 --> 00:06:24,190 So it's very much interactive on the things for your menu. 95 00:06:24,400 --> 00:06:30,490 So now here I want to add some of the men also in particular that area after this battle, OK, after 96 00:06:30,490 --> 00:06:31,920 this battle might take another day. 97 00:06:32,410 --> 00:06:36,210 And here at the front of the class as a call collapse. 98 00:06:36,340 --> 00:06:36,770 OK. 99 00:06:36,790 --> 00:06:37,960 So there is a collapse. 100 00:06:38,230 --> 00:06:42,340 And here there is a bar that is as I told you, everything is a building. 101 00:06:42,970 --> 00:06:44,900 So I just completely collapse again. 102 00:06:45,310 --> 00:06:47,190 So that is also not the end of the class. 103 00:06:47,200 --> 00:06:49,810 And here I want to do to define our this idea. 104 00:06:49,810 --> 00:06:55,360 That means in this, as I told you, what what the menu will put on here, when it will be close, all 105 00:06:55,360 --> 00:06:57,600 the kitchen will be rejected to this button area. 106 00:06:57,610 --> 00:07:00,920 So this button here, I find that our target with the neighbor. 107 00:07:01,390 --> 00:07:03,110 So here we have to define this idea. 108 00:07:03,520 --> 00:07:06,040 So I just simply defined this idea as a neighbor. 109 00:07:06,160 --> 00:07:08,930 OK, so when I show you, then it's very clear to you. 110 00:07:09,280 --> 00:07:11,560 So right now I'm just added that idea. 111 00:07:11,560 --> 00:07:14,190 And after that here I differ on that. 112 00:07:14,200 --> 00:07:14,950 You will. 113 00:07:15,170 --> 00:07:16,840 And also for the C? 114 00:07:16,840 --> 00:07:23,390 Well, I went to the front of the class and there is also the building class of the neighbor, like 115 00:07:23,400 --> 00:07:30,070 a neighbor and the nave and then the Emoto, sorry, and Moloto. 116 00:07:30,880 --> 00:07:35,770 And then I define as a lay into the L.A. area. 117 00:07:35,770 --> 00:07:42,230 I want to define the class so that L.A. class as a native item. 118 00:07:43,420 --> 00:07:46,750 So I just simply defended the name item, OK, name item. 119 00:07:47,050 --> 00:07:50,950 And here I want to do unto Lord of the some. 120 00:07:51,040 --> 00:07:54,090 I can see from the Lord this Fondacaro icon. 121 00:07:54,100 --> 00:07:55,450 I think you already know about it. 122 00:07:55,460 --> 00:08:02,920 So if you go to our fa fa OK, that is a five icon that they are fond of some if you go here. 123 00:08:04,110 --> 00:08:10,970 Then go to that icons and here I want to do want to add our shopping cart icon, but I want to see it 124 00:08:11,590 --> 00:08:16,110 at the shopping, OK, because the shopping cart. 125 00:08:16,110 --> 00:08:21,960 So I want to use it click on here so that the shopping cart, I can have a class when I just simply 126 00:08:21,960 --> 00:08:23,310 copied a friend. 127 00:08:23,310 --> 00:08:29,370 I have already added our FAFSA courses that in the city and in our Bedstemor. 128 00:08:29,390 --> 00:08:29,660 Right. 129 00:08:30,220 --> 00:08:32,390 Remember, I think we already use it. 130 00:08:32,400 --> 00:08:37,380 So if you go here you can see I have already added our success, so now we can actually use it. 131 00:08:37,380 --> 00:08:37,680 Right. 132 00:08:38,040 --> 00:08:39,530 So now for the results here. 133 00:08:39,540 --> 00:08:42,760 After that, after that year, I define our icon. 134 00:08:42,800 --> 00:08:43,850 So that is our icon. 135 00:08:43,860 --> 00:08:46,640 And after that icon, I want to define that name as a card. 136 00:08:47,220 --> 00:08:50,370 So a card button will be visible on here. 137 00:08:50,500 --> 00:08:52,130 OK, that is our ally. 138 00:08:52,590 --> 00:08:54,390 Now, if you click on the Savol. 139 00:08:55,540 --> 00:09:01,360 Now, if you refresh it like here, I just refresh our base, yeah, you can see it's not perfectly 140 00:09:01,360 --> 00:09:03,780 visible or covered, so that is actually our card. 141 00:09:04,150 --> 00:09:07,570 And now also I want to take another Manu's. 142 00:09:07,570 --> 00:09:13,420 That means our profile order, everything I want to define with our one of the Dropbox, OK? 143 00:09:13,450 --> 00:09:18,720 So if you want to also use the Dropbox previously I have already discussed about that things with you. 144 00:09:19,090 --> 00:09:22,530 So now I want to use another bootstrap drop. 145 00:09:22,540 --> 00:09:24,740 So here are Elyse after this. 146 00:09:25,300 --> 00:09:28,120 OK, so after this I want to take another umbrella. 147 00:09:28,750 --> 00:09:30,760 And here I define that class. 148 00:09:31,090 --> 00:09:34,640 So I just simply defined the class is to be as an EV, OK? 149 00:09:34,660 --> 00:09:39,890 There is also one of the building of the nade item ITSM item dropdown. 150 00:09:40,300 --> 00:09:41,980 OK, so that it will be the dropdown. 151 00:09:42,310 --> 00:09:45,980 And here I want to do on the display here. 152 00:09:46,090 --> 00:09:49,930 So here I defended Eve and the Eleftheria. 153 00:09:49,930 --> 00:09:51,880 I have to define that our name. 154 00:09:51,890 --> 00:09:53,040 That means the class name. 155 00:09:53,920 --> 00:10:04,150 So the symbol of underclasses will be as a knave and the link and then the dropdown to be dropdown and 156 00:10:04,150 --> 00:10:04,910 then tongo. 157 00:10:06,700 --> 00:10:10,260 OK, so with this it should be automatically as a dropdown all the menu. 158 00:10:10,510 --> 00:10:15,550 And also here you have to define the I'd say to simply define the idea. 159 00:10:15,550 --> 00:10:19,960 In particular, that database will be at the Nave Bar dropdown. 160 00:10:22,730 --> 00:10:27,970 OK, so it will be as a backdrop down and also here after that, we have to define that rule. 161 00:10:28,350 --> 00:10:31,960 So that is the rule and rule will be as a button. 162 00:10:33,260 --> 00:10:34,640 So that will be the button. 163 00:10:34,640 --> 00:10:37,900 And also after that, here, we have to define another one. 164 00:10:38,270 --> 00:10:44,420 We have to define that a doctor, Dr. Tarpley, darkly. 165 00:10:44,420 --> 00:10:46,650 And here it will be as a drop down. 166 00:10:48,470 --> 00:10:53,600 OK, so as a dropdown and also after that area has pop up. 167 00:10:53,640 --> 00:10:59,570 So here we have to define the area has pop up. 168 00:11:01,180 --> 00:11:04,910 So just in front of the pop up and still be as a true OK. 169 00:11:04,970 --> 00:11:13,450 So to simply define as a true and then also here we have to define our area, expanded search area and 170 00:11:13,450 --> 00:11:23,260 then expand, OK, any expanded area expanded will be as a false social B as a false here. 171 00:11:23,290 --> 00:11:26,970 I want to do want to display our user name. 172 00:11:26,980 --> 00:11:32,990 That means our user name if you want to use it better if you go to that fourth icon here. 173 00:11:33,010 --> 00:11:41,060 I want to take one of the user profile name like you consider the user circle that is our user circle 174 00:11:41,560 --> 00:11:42,820 so that we use it. 175 00:11:43,030 --> 00:11:45,400 I guess that means user I can visible. 176 00:11:45,970 --> 00:11:47,860 So right now I just simply copied it. 177 00:11:48,490 --> 00:11:53,170 And now here after this, I just simply defended the I considered if you don't want to use it, you 178 00:11:53,170 --> 00:11:56,310 can use it or you just simply remove it from here. 179 00:11:56,320 --> 00:11:59,980 And after this, there is a difference here. 180 00:11:59,980 --> 00:12:02,110 I wanted one to display our user name. 181 00:12:02,450 --> 00:12:05,740 So if you want to use that user name, so you have to define that already existed. 182 00:12:05,740 --> 00:12:08,200 User that we which user is already logged in. 183 00:12:08,560 --> 00:12:17,170 So that user request and the user request, if you go to our model, that means into the model that 184 00:12:17,170 --> 00:12:17,980 is our product. 185 00:12:18,020 --> 00:12:21,130 So for the user to have defined that model in our app logging. 186 00:12:21,300 --> 00:12:21,430 Right. 187 00:12:21,880 --> 00:12:27,050 So if you go to that app logging model here, I have defined that name here. 188 00:12:27,060 --> 00:12:28,200 You can see that in the profile. 189 00:12:28,210 --> 00:12:29,250 So there is a profile, right. 190 00:12:29,530 --> 00:12:33,190 So with this profile, we have to do we have to define our this user name. 191 00:12:33,190 --> 00:12:35,550 So I want to display that with this profile. 192 00:12:35,560 --> 00:12:37,600 So go to our neighbor here. 193 00:12:38,050 --> 00:12:40,610 But I just put a little bit bigger size for you. 194 00:12:41,320 --> 00:12:47,950 So with this user and then our profile and after that profile, we have to do we have to use our mind 195 00:12:47,960 --> 00:12:49,870 to show our user user name. 196 00:12:49,900 --> 00:12:54,390 So your username I just simply defined our user name like a friend. 197 00:12:54,430 --> 00:12:55,390 So here it should be. 198 00:12:55,390 --> 00:12:57,730 Display our user name in particular, that area. 199 00:12:58,270 --> 00:12:59,700 So now let's check this out. 200 00:12:59,710 --> 00:13:04,870 If you click to save all and now if you refresh it. 201 00:13:05,470 --> 00:13:07,590 Yeah, you can see it's not showing our audience. 202 00:13:07,600 --> 00:13:12,070 And also here I have defined all the five icons, so now perfectly visible. 203 00:13:12,070 --> 00:13:15,430 And here you can see the cloud dropdown icon also added on here. 204 00:13:15,670 --> 00:13:18,710 So right now, I'm logging with the audience of what the reasons are. 205 00:13:18,860 --> 00:13:20,680 The end user name is visible, OK? 206 00:13:20,860 --> 00:13:22,910 And so here I have defining it. 207 00:13:23,500 --> 00:13:27,040 So that is our requested user, which user is already locked in. 208 00:13:27,050 --> 00:13:32,230 So this user profile user name and now, you know, dropdown area, that means here, if you click, 209 00:13:32,230 --> 00:13:34,730 it should be automatically loaded on the drop down menu. 210 00:13:34,780 --> 00:13:38,460 So after this, I want to edit out all the drop down menu. 211 00:13:38,950 --> 00:13:42,490 So the resort area on here and after this here. 212 00:13:42,700 --> 00:13:47,530 OK, so after this here, I want to do to define all of that, Dave. 213 00:13:48,100 --> 00:13:51,220 So I just simply and the class will be as a dropdown. 214 00:13:53,110 --> 00:13:55,050 OK, so we have the drop down menu. 215 00:13:56,100 --> 00:14:02,440 So I just simply define the drop down menu and here it will be as the area and the Lavallade. 216 00:14:02,440 --> 00:14:10,780 Why so here different the level level by and here is will be our discernible dropdown. 217 00:14:10,810 --> 00:14:17,770 So here I define our this never dropdown and after this here I define all the class that means a hatif 218 00:14:18,370 --> 00:14:21,900 and here for Eleftheria I will define the class. 219 00:14:23,020 --> 00:14:31,460 So class will be as a dropdown item, dropdown and then item that will be our class. 220 00:14:31,480 --> 00:14:36,470 And here on the display, our profile Circassians will be displayed that profile. 221 00:14:36,490 --> 00:14:37,930 Now let's first of all check it. 222 00:14:38,500 --> 00:14:44,020 I just click the save also here at the front of the class as a dropdown item, as a hash. 223 00:14:44,020 --> 00:14:45,430 And here is the profile. 224 00:14:46,390 --> 00:14:48,340 So now if you refresh it. 225 00:14:49,410 --> 00:14:54,460 Now click on HEREA, you can see now perfectly display our profile right now. 226 00:14:54,480 --> 00:14:57,780 Also on the top, updated like here, there is a profile. 227 00:14:57,780 --> 00:14:58,980 I want to take another one. 228 00:14:59,670 --> 00:15:02,580 I take another one as our order. 229 00:15:04,680 --> 00:15:07,440 OK, that is all that our orders laying around the visible. 230 00:15:07,440 --> 00:15:11,620 And also here, I want to add our logo for the logo. 231 00:15:11,640 --> 00:15:16,800 First of all, I want to take one of that, Dave and the Davidia on the defense, on the class. 232 00:15:16,800 --> 00:15:18,600 And it's a drop down divider. 233 00:15:19,110 --> 00:15:25,190 So I just simply defended the drop down and the divider so that there will be the top down divider, 234 00:15:25,200 --> 00:15:27,870 OK, so that it will be our Dave. 235 00:15:27,890 --> 00:15:29,660 So here, I want to finish that, Dave. 236 00:15:30,570 --> 00:15:33,770 So after that divider, I want to do want to take another one. 237 00:15:33,810 --> 00:15:36,290 So it'll be also as a dropped on items. 238 00:15:36,290 --> 00:15:40,360 So here I just simply pasted it is to be as a logout OK. 239 00:15:40,380 --> 00:15:41,630 Should be as a logout. 240 00:15:42,210 --> 00:15:42,720 Perfect. 241 00:15:42,780 --> 00:15:43,950 So now let's check this out. 242 00:15:43,950 --> 00:15:45,780 If you know as I say well again. 243 00:15:46,650 --> 00:15:50,900 And now if you refresh it, click on here. 244 00:15:50,940 --> 00:15:51,240 Yeah. 245 00:15:51,240 --> 00:15:54,830 You can see the perfectly showing as a profile order and the log out. 246 00:15:55,350 --> 00:16:01,350 So here I want to do and define these type of conditions when this user will be a long time then only 247 00:16:01,350 --> 00:16:03,030 our dispositional visible. 248 00:16:03,030 --> 00:16:03,300 Right. 249 00:16:03,300 --> 00:16:07,020 And then you should be sure as a locking of the registers so they step up. 250 00:16:07,020 --> 00:16:11,270 One of the functionality I want to define so far, and I think you already know about it. 251 00:16:11,640 --> 00:16:13,530 So what exactly you have to do here? 252 00:16:13,530 --> 00:16:15,500 We have to define all that if condition, actually. 253 00:16:15,510 --> 00:16:15,840 Right. 254 00:16:16,260 --> 00:16:17,580 So that is our equal. 255 00:16:17,580 --> 00:16:23,220 There is already another Dave so that the Dave and they are the last one on the map. 256 00:16:23,460 --> 00:16:23,760 Right. 257 00:16:24,090 --> 00:16:28,310 So now I want to do all the different data restrictions so you can define that restriction. 258 00:16:28,320 --> 00:16:31,400 So that is already stated from particular that position. 259 00:16:31,450 --> 00:16:31,730 Right. 260 00:16:32,130 --> 00:16:34,920 So there is total things I want to defining it. 261 00:16:34,930 --> 00:16:37,710 So here after this auto. 262 00:16:37,830 --> 00:16:40,000 OK, so here I want to define Dave condition. 263 00:16:40,170 --> 00:16:45,410 So that is our I think you already know about it if our request. 264 00:16:46,230 --> 00:16:52,650 So we request our user is authenticated or not here, we want to check it as authenticate. 265 00:16:55,980 --> 00:17:02,570 OK, if this user is authenticated then it will be displayed our discard it should be display our this 266 00:17:02,580 --> 00:17:04,650 dropdown box with the user name. 267 00:17:04,650 --> 00:17:04,950 Right. 268 00:17:05,340 --> 00:17:07,410 And else it shall be displayed on the thing. 269 00:17:07,420 --> 00:17:08,670 So that is our Alaei. 270 00:17:08,880 --> 00:17:14,260 So here I have a stated delay so that they are dropped on Elice after this delay. 271 00:17:14,610 --> 00:17:17,850 OK, so here after this I want to find another Ayles. 272 00:17:18,600 --> 00:17:26,100 So this will be as ls aless will be displayed in order two of this patency around to do and to take 273 00:17:26,100 --> 00:17:26,940 another delay. 274 00:17:27,570 --> 00:17:29,790 And here I define that Alake class. 275 00:17:31,820 --> 00:17:35,760 OK, here I defended Alake class and I just name it as a name item. 276 00:17:36,570 --> 00:17:38,250 OK, that will be as a nearby dam. 277 00:17:38,250 --> 00:17:40,470 And here I want to define two of this button. 278 00:17:40,500 --> 00:17:43,630 That means here I defined for the blocking and the sign up. 279 00:17:43,650 --> 00:17:51,810 OK, so here defended Ative and with the heavy vaidya I define the class, ok, I define the class. 280 00:17:51,810 --> 00:17:58,950 Class will be as a bit in between as the primary or info better. 281 00:17:59,370 --> 00:18:03,830 OK, I just defined as a between between Infl and that will be as a locking. 282 00:18:05,940 --> 00:18:10,970 OK, that will be as a locking battery under the front of the info and then between s.m. 283 00:18:11,880 --> 00:18:13,980 OK, so that will be the locking button. 284 00:18:13,980 --> 00:18:19,710 And rather then also also I want to define another one, another one will be our sign up. 285 00:18:21,540 --> 00:18:23,160 So I have already created everything. 286 00:18:23,160 --> 00:18:24,780 So right now I'm actually calling it. 287 00:18:24,780 --> 00:18:27,700 OK, so that is our it shall we display our dispersion. 288 00:18:28,890 --> 00:18:29,400 Perfect. 289 00:18:29,880 --> 00:18:35,310 So now let's take this out now if you click the save all and now if you refresh it. 290 00:18:35,910 --> 00:18:39,360 So now showing I didn't and this if conditions. 291 00:18:39,360 --> 00:18:41,190 So here after this. 292 00:18:41,190 --> 00:18:47,490 OK, after this I have to do I have to finish it say just simply finish and if perfect. 293 00:18:47,520 --> 00:18:50,430 OK, so now I just clear the save all. 294 00:18:51,620 --> 00:18:56,130 A freshet perfect, so like no friend, I'm already locked in. 295 00:18:56,150 --> 00:18:58,010 OK, so right now I'm already locked in. 296 00:18:58,020 --> 00:19:03,400 So if you want to edit that log out, you are I think you already know about it. 297 00:19:03,710 --> 00:19:08,810 So here we have to do we have to update it, because I have already created everything in our blocking. 298 00:19:08,810 --> 00:19:11,290 If we go to that app, logging the result, what else? 299 00:19:11,900 --> 00:19:14,520 So do you consider that clever locking you are? 300 00:19:14,520 --> 00:19:15,750 Well, there is a lock out. 301 00:19:15,770 --> 00:19:17,710 I have already created all that function. 302 00:19:18,050 --> 00:19:21,920 So now I want to call it like here, you know, Nabor area. 303 00:19:21,930 --> 00:19:25,850 That is a logging system to define our you are fast. 304 00:19:26,360 --> 00:19:28,510 So that will be as you wartell. 305 00:19:28,520 --> 00:19:36,220 And then in our app logging into the app logging I have already created our already all over the world 306 00:19:36,230 --> 00:19:40,250 will be as a logging site, just simply defined that logging. 307 00:19:41,090 --> 00:19:44,140 And also here we have to define the same for our sign up. 308 00:19:44,420 --> 00:19:52,640 So just simply define itself because our map logging into the app logging that will be as a sign up. 309 00:19:52,640 --> 00:19:52,960 Right. 310 00:19:53,120 --> 00:19:55,660 So just simply define that name as a sign up. 311 00:19:56,060 --> 00:20:01,880 And also we have to define our log out so that it will be a log out here as defined as you are in our 312 00:20:01,880 --> 00:20:02,860 app logging. 313 00:20:03,380 --> 00:20:07,460 I have already defined our log out, so that would be our log out. 314 00:20:07,490 --> 00:20:09,410 So to simply define our logout name. 315 00:20:09,590 --> 00:20:09,940 Right. 316 00:20:10,240 --> 00:20:13,560 And also for the profile, I have already defined another one. 317 00:20:13,670 --> 00:20:19,820 So if you go to our model, you can see for the profile, I have already defined that name as a profile. 318 00:20:19,850 --> 00:20:21,410 So now I also want to add it. 319 00:20:22,190 --> 00:20:25,550 So it's just like that same I just simply copied. 320 00:20:25,640 --> 00:20:31,180 And now in our profile area, I just put that link so it will be as a profile. 321 00:20:32,060 --> 00:20:34,670 So I just simply define the profile. 322 00:20:35,090 --> 00:20:36,520 OK, so now let's check this out. 323 00:20:36,530 --> 00:20:38,060 If not going to save all. 324 00:20:39,040 --> 00:20:45,640 And the freshet, so now here is throwing out this one because of all here right now, I'm already logged 325 00:20:45,640 --> 00:20:47,270 in and here that is our card. 326 00:20:47,290 --> 00:20:48,550 So here is the card area. 327 00:20:48,550 --> 00:20:54,300 I want to do want to define all the hate if there is should be actually into the line. 328 00:20:54,310 --> 00:21:01,010 So here after this item here, I want the ATF and the 84 year old to take it, OK? 329 00:21:01,060 --> 00:21:03,940 I just simply got it from now and here. 330 00:21:03,940 --> 00:21:06,060 I just simply passed it like a fence. 331 00:21:06,070 --> 00:21:07,720 I just simply passed it here. 332 00:21:07,720 --> 00:21:11,020 If you want to use that thing, then you have to do we have to define the class. 333 00:21:11,020 --> 00:21:18,190 So I just somebody from the class and this class will be as enabling, say, to simplify the labeling. 334 00:21:18,490 --> 00:21:21,520 OK, so then it's actually better. 335 00:21:22,060 --> 00:21:26,800 And now if you click the save all and now if you refresh it. 336 00:21:26,950 --> 00:21:27,330 Yeah. 337 00:21:27,340 --> 00:21:28,350 Because it's not perfect. 338 00:21:28,780 --> 00:21:28,920 So. 339 00:21:28,930 --> 00:21:29,100 Right. 340 00:21:29,120 --> 00:21:32,230 No I didn't work for our Ataka so I will do that thing. 341 00:21:32,760 --> 00:21:38,650 Our car will be added on here and there is a profile order and the logger's right now to log out. 342 00:21:38,650 --> 00:21:40,960 So I also want to log out from our admin. 343 00:21:41,800 --> 00:21:44,890 I log out and also from here I log out. 344 00:21:46,090 --> 00:21:47,600 Yes, you can see Fred, right? 345 00:21:47,890 --> 00:21:52,440 I'm logged out for the reasons you can see, snowshoeing is a logging and the sign up button. 346 00:21:52,810 --> 00:21:54,660 So here I have defined that condition. 347 00:21:54,710 --> 00:22:01,360 So if this user is authenticated that if this user is logging, then it should be display our card, 348 00:22:01,630 --> 00:22:08,050 our profile, that is our drop down menu and else it shall be displayed or these two of this as a logging 349 00:22:08,050 --> 00:22:08,800 and the sign up. 350 00:22:09,100 --> 00:22:14,470 And here also, I do find that our link, like if you click the sign up, it should be the greater sign 351 00:22:14,470 --> 00:22:15,150 up area. 352 00:22:15,160 --> 00:22:20,590 And also if you click as a logging, it's related to a logging area right now and turn to logging it 353 00:22:21,010 --> 00:22:25,000 so and logging with our Ardian at the original dot com. 354 00:22:26,260 --> 00:22:29,340 And then you do me one, two, three, four, five. 355 00:22:29,920 --> 00:22:31,690 Now click the logging. 356 00:22:32,900 --> 00:22:39,770 Yeah, you can see perfectly now I am locked in and now showing that username as a Arion, so that is 357 00:22:39,770 --> 00:22:41,800 a clever username if you go to the profile. 358 00:22:42,140 --> 00:22:45,530 Yeah, you can see the username I have defined as the Arion Können. 359 00:22:45,830 --> 00:22:47,060 So that is our username. 360 00:22:47,060 --> 00:22:48,050 That is our full name. 361 00:22:48,050 --> 00:22:49,280 The address. 362 00:22:49,670 --> 00:22:51,620 That is your CTG post. 363 00:22:51,620 --> 00:22:53,450 Everything is visible because of all here. 364 00:22:53,450 --> 00:22:56,690 I have also defined that link that you are also here. 365 00:22:56,700 --> 00:22:57,480 That is our profile. 366 00:22:57,530 --> 00:22:58,860 I have already created everything. 367 00:22:58,860 --> 00:23:00,200 So right now I'm just call it. 368 00:23:00,890 --> 00:23:03,890 And that is our perfect our order. 369 00:23:03,890 --> 00:23:05,570 So I didn't work for our order. 370 00:23:05,570 --> 00:23:09,650 So we have to do we have to work it right and then add lock lockout. 371 00:23:10,010 --> 00:23:14,420 So no, friend, if you go here, you can see I didn't find any links between the two under the front 372 00:23:14,420 --> 00:23:19,240 of the link in here that is in our tango's. 373 00:23:19,240 --> 00:23:21,200 So here around to do and we they find that link. 374 00:23:21,830 --> 00:23:23,570 So it will be just like that. 375 00:23:24,200 --> 00:23:25,790 I think you already know about it. 376 00:23:25,790 --> 00:23:27,260 It's obvious that you are ill. 377 00:23:27,500 --> 00:23:30,890 And here I have already found that in our app shop. 378 00:23:31,700 --> 00:23:35,420 So into the app shop that is, I have defined that name as a home. 379 00:23:35,420 --> 00:23:40,310 So right now I just simply define our this you are Olympe because I save all. 380 00:23:41,700 --> 00:23:44,190 Refreshing it now go here. 381 00:23:44,310 --> 00:23:46,860 Yeah, because it's perfectly adequate to our home area. 382 00:23:46,980 --> 00:23:52,640 OK, so friend, we successfully complete our one part and now we have to do we have to create our product, 383 00:23:52,650 --> 00:23:53,810 retail space, like here. 384 00:23:53,820 --> 00:23:59,610 If you click on here automatically, it be the key to our specific and other base with our specific 385 00:23:59,610 --> 00:24:02,550 idea was every product that helps sold the idea. 386 00:24:02,550 --> 00:24:02,800 Right. 387 00:24:03,120 --> 00:24:08,280 So here we have to define that idea and we decided we have to get this product and displayed in our 388 00:24:08,280 --> 00:24:10,560 details area so we can do that work. 389 00:24:10,560 --> 00:24:13,760 In our next video, I will show you that things with a live example. 390 00:24:14,250 --> 00:24:17,580 So thanks for watching and I will see you in the next video.