1 00:00:01,440 --> 00:00:05,640 Welcome back, ladies and gentlemen, today in this lecture, what we can do, we're going to display 2 00:00:05,640 --> 00:00:09,870 the results that we have done with the previous two functions. 3 00:00:10,140 --> 00:00:11,010 We're going to put it here. 4 00:00:11,040 --> 00:00:11,390 Right. 5 00:00:11,790 --> 00:00:18,300 But before doing that, I just want you to go to where the index file and we are going to grab all of 6 00:00:18,300 --> 00:00:19,590 these class names. 7 00:00:19,860 --> 00:00:20,280 Right. 8 00:00:21,720 --> 00:00:29,730 And store them because I don't want to go in front here in front to name class. 9 00:00:31,060 --> 00:00:31,540 Here it is. 10 00:00:31,830 --> 00:00:37,500 So I don't want to go and spend time in the future lectures, so I'm going to create a couple of that 11 00:00:37,500 --> 00:00:39,120 I think that we need for this class. 12 00:00:39,120 --> 00:00:40,410 And after that, we're going to do it right. 13 00:00:40,650 --> 00:00:46,080 And also, if you don't know where it's coming, you can always refer to this one or you can always 14 00:00:46,080 --> 00:00:48,600 inspect it and see what I'm trying to do. 15 00:00:48,680 --> 00:00:51,360 OK, now let's grab this one. 16 00:00:53,250 --> 00:00:57,530 I'm just going to copy it and I'm going to say, OK, the. 17 00:00:59,670 --> 00:01:01,260 I'm just going to put it like this. 18 00:01:02,400 --> 00:01:11,640 So what will be the name I will say front app result, remaining 19 00:01:13,830 --> 00:01:16,450 remaining calories? 20 00:01:16,860 --> 00:01:20,860 I think that is so from because it's forward up front. 21 00:01:20,880 --> 00:01:21,580 You are right. 22 00:01:22,030 --> 00:01:25,080 OK, now that is one. 23 00:01:25,380 --> 00:01:27,200 We need a couple more. 24 00:01:27,720 --> 00:01:32,040 Let's say that I want to get the exercise calories here. 25 00:01:33,150 --> 00:01:36,900 I want this first this one main panel. 26 00:01:36,900 --> 00:01:38,070 I'm just going to copy it there. 27 00:01:38,820 --> 00:01:39,290 Right. 28 00:01:39,570 --> 00:01:42,210 I'm going to copy the other one and we're going to do it 29 00:01:45,210 --> 00:01:45,720 here. 30 00:01:45,900 --> 00:01:50,580 And I'm just going to copy this, including the darn double dots here. 31 00:01:51,990 --> 00:01:53,820 And I'm going to change the name, obviously. 32 00:01:54,030 --> 00:02:01,980 So for an app in how are we going to call this OK from that food, this would be food panel 33 00:02:04,470 --> 00:02:07,080 calories in these ladies and gentleman. 34 00:02:07,080 --> 00:02:13,190 He's a class and should be like this in order to use it later on. 35 00:02:13,230 --> 00:02:18,660 No, this will be front AB exercise. 36 00:02:22,550 --> 00:02:28,070 All calories and same old cut it. 37 00:02:30,220 --> 00:02:37,150 And don't forget that you need to get rid of this space here, so what else we need for our today's 38 00:02:37,150 --> 00:02:37,570 project? 39 00:02:37,620 --> 00:02:47,690 OK, let's use front and remain text and I'm going to do it like this. 40 00:02:47,710 --> 00:02:50,290 I'm going to just write all of them. 41 00:02:51,760 --> 00:02:54,790 Front percentage. 42 00:02:59,890 --> 00:03:02,680 Value, so. 43 00:03:03,970 --> 00:03:08,170 What else we need a front amp chart. 44 00:03:09,010 --> 00:03:13,690 What else we need front amp beat percent. 45 00:03:15,390 --> 00:03:15,640 Right. 46 00:03:15,840 --> 00:03:22,380 We do have a lot of different things, you know, let's go with front and remain text and this will 47 00:03:22,380 --> 00:03:24,150 be about total remaining. 48 00:03:25,140 --> 00:03:26,130 Grab this class. 49 00:03:31,770 --> 00:03:39,810 And put it there, just get rid of that space now, front and percentage value, it will be this one 50 00:03:39,810 --> 00:03:43,220 here, sterkel percentage value, right? 51 00:03:47,170 --> 00:03:50,620 Now, the next one is a chart circle, right? 52 00:03:51,700 --> 00:03:54,050 This is the glass here. 53 00:03:54,580 --> 00:03:59,110 Maybe it's a little bit boring for you guys, but you have to do it or I have to do it. 54 00:03:59,110 --> 00:04:01,900 And you can copy it from the final folder. 55 00:04:01,900 --> 00:04:07,300 And the last one will be what the last one will be, main panel, date percent. 56 00:04:09,490 --> 00:04:14,260 What does this one mean, panel, eight percent, this bad boy here, right? 57 00:04:14,500 --> 00:04:15,490 I'm going to put it like this. 58 00:04:16,480 --> 00:04:17,510 So that's it for now. 59 00:04:17,530 --> 00:04:21,160 You can't put a comma because we in future, we've got to add more and more. 60 00:04:21,370 --> 00:04:29,260 OK, so because we're going to display the result here where she the right to function in which controller 61 00:04:29,260 --> 00:04:33,100 we should do, we should write this function, pause the video. 62 00:04:33,100 --> 00:04:34,650 If you think about right. 63 00:04:36,160 --> 00:04:44,470 And I hope you know by now that we are everything that that's about front that you are controller. 64 00:04:44,650 --> 00:04:45,630 We just put it here. 65 00:04:45,640 --> 00:04:50,710 So the thing is that we are just putting everything in public because we want to access them. 66 00:04:51,010 --> 00:04:51,450 Right. 67 00:04:51,640 --> 00:04:54,010 And we will do this one scene now. 68 00:04:54,020 --> 00:05:03,100 Make sure that you are a you know, that your functions needs to be separated with common here common 69 00:05:03,520 --> 00:05:06,100 and call this function OK. 70 00:05:07,120 --> 00:05:10,300 Display, let's say display the result. 71 00:05:10,300 --> 00:05:11,020 Back to you, I. 72 00:05:16,840 --> 00:05:17,900 OK, nice. 73 00:05:18,400 --> 00:05:20,610 So what will be the name of the function? 74 00:05:20,680 --> 00:05:25,570 I will say display, display front. 75 00:05:28,630 --> 00:05:35,540 From an app Galeries Whelmed Long, it will be a function, right? 76 00:05:35,980 --> 00:05:42,710 Same as the others in this function will receive an object here in make sure that you put a comma here. 77 00:05:42,970 --> 00:05:44,950 So what will be the object? 78 00:05:44,970 --> 00:05:47,660 So the, let's say, call object. 79 00:05:47,830 --> 00:05:54,610 Right now, this object, it will come from where we should call this function. 80 00:05:54,610 --> 00:05:54,890 Right. 81 00:05:54,910 --> 00:06:00,240 We should call this function from our main app controller in our made up controller. 82 00:06:00,280 --> 00:06:03,430 We do have everything about calories and calculations here. 83 00:06:03,630 --> 00:06:12,660 Now, here we can make a comment and we could call this function and we could pass in this object here. 84 00:06:12,670 --> 00:06:16,590 So that object from function above, it's coming from those. 85 00:06:16,600 --> 00:06:21,060 So, OK, let's say f not this one. 86 00:06:21,940 --> 00:06:28,540 Let's first call it episode controller dot display function calories and we're going to pass in the 87 00:06:28,540 --> 00:06:29,230 calories. 88 00:06:30,010 --> 00:06:30,550 Nice. 89 00:06:30,790 --> 00:06:32,560 And we're going to see here display. 90 00:06:37,290 --> 00:06:39,990 This displayed the computer 91 00:06:42,300 --> 00:06:44,550 calories to the front. 92 00:06:45,170 --> 00:06:50,760 You are OK done now, these calories, that becomes a lot. 93 00:06:50,780 --> 00:06:55,910 We're going to put it there and that's why I have this. 94 00:06:56,640 --> 00:06:58,910 Or was it OK? 95 00:06:58,920 --> 00:07:00,350 Should be here, right? 96 00:07:00,570 --> 00:07:00,930 Yes. 97 00:07:01,110 --> 00:07:03,540 Sometimes you can also track this one. 98 00:07:03,570 --> 00:07:04,660 I do have this object. 99 00:07:04,710 --> 00:07:10,590 OK, now I'm going to see more here and I'm going to grab all the variables. 100 00:07:10,740 --> 00:07:12,880 It's easier for me to do this set off. 101 00:07:12,940 --> 00:07:13,260 Yeah. 102 00:07:14,040 --> 00:07:21,060 See, it's either that you can access, count, object, not remaining like this or you can store these 103 00:07:21,070 --> 00:07:22,470 variables like I will do. 104 00:07:22,830 --> 00:07:27,270 So I'm going to say Ed percentage 105 00:07:30,630 --> 00:07:31,200 path. 106 00:07:32,010 --> 00:07:34,950 This will be our path and I will set it like this. 107 00:07:36,120 --> 00:07:45,220 Then I'm going to say, OK, what I'm going to say today's calories light and then total edit. 108 00:07:45,300 --> 00:07:46,860 And where these guys coming from. 109 00:07:47,560 --> 00:07:53,280 Are you do you remember that they're coming from this and remaining percentage. 110 00:07:53,350 --> 00:07:56,490 I can copy all of this if you want white. 111 00:07:58,870 --> 00:08:04,630 So I do have these today's calories, I do have this today added, so I can just cut it from here. 112 00:08:05,170 --> 00:08:12,850 I put it here remaining seen calm, I put it there and percentage cut it, put it there. 113 00:08:12,880 --> 00:08:15,010 This is the history now. 114 00:08:15,310 --> 00:08:22,850 So now I can say today calories equal count object that today's calories. 115 00:08:23,080 --> 00:08:24,310 So now today's calories. 116 00:08:24,310 --> 00:08:25,540 I do have this value. 117 00:08:25,670 --> 00:08:26,140 Right. 118 00:08:26,650 --> 00:08:30,300 Also the total total added. 119 00:08:30,310 --> 00:08:32,200 It will be called object total. 120 00:08:32,200 --> 00:08:32,560 Add it. 121 00:08:34,330 --> 00:08:36,370 OK, total burn. 122 00:08:36,940 --> 00:08:42,730 It will be Kallo object that total burn total. 123 00:08:44,700 --> 00:08:52,640 Sorry, remaining remaining is what we call object up to three remaining. 124 00:08:52,920 --> 00:09:01,080 I don't know what's wrong with this total percentage equal Kakao object calories, object of percentage. 125 00:09:01,330 --> 00:09:05,550 And ladies and gentlemen, we are done what is now what I would like to do. 126 00:09:05,820 --> 00:09:10,680 OK, I'm just going to create another variable here and that variable will be percentage. 127 00:09:12,340 --> 00:09:18,540 Path in this percentage path, it will be same as our market before, right? 128 00:09:18,870 --> 00:09:20,250 Same as this guy here. 129 00:09:20,520 --> 00:09:29,420 And we are going to go back here and we're going to copy the Path class right from here until here. 130 00:09:29,670 --> 00:09:30,510 We're going to copy it. 131 00:09:32,110 --> 00:09:35,760 We're just going to get rid of these spaces. 132 00:09:35,760 --> 00:09:36,360 Right. 133 00:09:37,080 --> 00:09:42,100 And let's make it make it nice. 134 00:09:43,380 --> 00:09:48,220 So make sure that you don't glue them too much. 135 00:09:48,750 --> 00:09:51,450 That is pretty much what we need to do. 136 00:09:52,740 --> 00:09:55,390 OK, I know. 137 00:09:55,400 --> 00:09:55,760 Whoops. 138 00:09:58,450 --> 00:10:04,840 I know that's a little bit boring, so don't be sure, make sure that you not you don't do anything 139 00:10:04,840 --> 00:10:07,420 like you don't delete anything by mistake. 140 00:10:07,570 --> 00:10:10,620 OK, now here we have. 141 00:10:11,710 --> 00:10:12,310 Where was it? 142 00:10:12,340 --> 00:10:14,010 I'm just going to go slowly. 143 00:10:14,290 --> 00:10:20,500 We do have this stroke dash array in here. 144 00:10:20,500 --> 00:10:21,340 We have 10. 145 00:10:21,350 --> 00:10:23,140 That's a 10 percentage. 146 00:10:23,410 --> 00:10:31,440 So I'm just going to replace this with percentage here, OK? 147 00:10:31,660 --> 00:10:35,160 And after that, in our code, we will put the actual percentages. 148 00:10:35,170 --> 00:10:40,960 So we're going to use we're going to we're going to replace this marker here with the real percentage. 149 00:10:40,970 --> 00:10:41,240 Right. 150 00:10:41,770 --> 00:10:45,070 So that is pretty much what we want to do with this. 151 00:10:45,490 --> 00:10:45,950 OK. 152 00:10:46,900 --> 00:10:47,350 No. 153 00:10:49,410 --> 00:10:59,100 Let's try doing something, so let's select the front remaining tax document, not query selector, 154 00:11:01,380 --> 00:11:05,970 and inside we will see e-mail class names dot front half. 155 00:11:06,570 --> 00:11:10,470 So remaining text, we're going to use this one. 156 00:11:10,710 --> 00:11:13,640 And I will say inner HTML. 157 00:11:13,650 --> 00:11:14,290 We're going to put it. 158 00:11:14,310 --> 00:11:14,770 OK. 159 00:11:15,390 --> 00:11:22,560 So what we are going to do here, I'm going to say spam and you will see in a minute why we need a spin 160 00:11:23,190 --> 00:11:23,910 class. 161 00:11:24,050 --> 00:11:26,040 And I will say, OK, remaining. 162 00:11:30,120 --> 00:11:37,920 And let's put it here remaining, I can just copy it from the from our original document, but I didn't. 163 00:11:38,370 --> 00:11:48,650 OK, so I set this here to front up remain text, which will be this or wasn't. 164 00:11:48,880 --> 00:11:49,320 It is. 165 00:11:49,830 --> 00:11:52,630 And I told you, we can just copy this one. 166 00:11:52,800 --> 00:11:53,910 And I said it to remain. 167 00:11:53,910 --> 00:11:55,740 And you will see because we're going to change this later. 168 00:11:55,890 --> 00:12:01,880 And I just want to have this one to be like that when we start when we just called this function. 169 00:12:02,280 --> 00:12:04,920 OK, so I'm going to copy the entire thing again. 170 00:12:06,340 --> 00:12:08,130 That will probably save me a time. 171 00:12:08,280 --> 00:12:19,320 So HTML class names, I'm going to call front up and see food panel calories and I'm going to say text 172 00:12:19,320 --> 00:12:19,770 content. 173 00:12:19,770 --> 00:12:21,120 I'm not going to do anything here. 174 00:12:21,390 --> 00:12:23,580 Text content in here. 175 00:12:23,580 --> 00:12:34,590 What I would like to do is that I'm going to add plus space plus total edit. 176 00:12:34,890 --> 00:12:35,700 That's pretty much it. 177 00:12:36,420 --> 00:12:36,800 All right. 178 00:12:38,220 --> 00:12:39,660 So let's see what's happening. 179 00:12:39,870 --> 00:12:43,260 If I add one thing, let's see if it's going to work. 180 00:12:43,260 --> 00:12:45,360 I'm going to say food here. 181 00:12:45,360 --> 00:12:48,330 One hundred and sixty four. 182 00:12:48,750 --> 00:12:49,950 Let's click, enter. 183 00:12:50,160 --> 00:12:52,110 And we do have all of these things. 184 00:12:53,760 --> 00:12:55,230 It really has got this. 185 00:12:55,230 --> 00:12:59,130 Plus it's coming from our text here. 186 00:12:59,130 --> 00:13:01,080 So if I put minus it will be there. 187 00:13:01,080 --> 00:13:02,520 It's not coming from the number. 188 00:13:02,700 --> 00:13:03,480 We're not checking it. 189 00:13:03,480 --> 00:13:08,070 This number is positive or negative, but it's coming from we are putting here because I put the text 190 00:13:08,070 --> 00:13:09,390 content in total. 191 00:13:09,390 --> 00:13:09,780 Add it. 192 00:13:09,820 --> 00:13:14,160 OK, now we're going to see we're going to do the same with total burn 193 00:13:17,550 --> 00:13:18,090 burn. 194 00:13:20,550 --> 00:13:28,200 OK, but here we need to change this food panel to, I think, exercise panel calories. 195 00:13:28,200 --> 00:13:30,450 OK, let's see if we target new classes. 196 00:13:30,930 --> 00:13:35,670 So I'm going to add hamburger one five hundred and fifty. 197 00:13:35,670 --> 00:13:43,470 I'm going to edit and I'm going to do an exercise, run one lap for thirty eight and I'm going to add 198 00:13:43,470 --> 00:13:43,950 there. 199 00:13:45,000 --> 00:13:47,430 So I hope here is I've done a mistake. 200 00:13:47,670 --> 00:13:49,710 I put a plus there right in here. 201 00:13:49,710 --> 00:13:50,670 We don't have anything. 202 00:13:51,090 --> 00:13:53,910 OK, we, we will, we will do that later. 203 00:13:54,180 --> 00:13:58,800 So this should be minus because we burn calories right now. 204 00:14:00,000 --> 00:14:00,990 Copy the same one. 205 00:14:00,990 --> 00:14:02,070 Let's put the percentage. 206 00:14:04,110 --> 00:14:11,490 OK, so what is the percentage front ab percentage. 207 00:14:11,520 --> 00:14:13,590 Uh, front end date. 208 00:14:13,800 --> 00:14:15,270 We should have that percent. 209 00:14:15,780 --> 00:14:16,170 Right. 210 00:14:16,320 --> 00:14:18,180 Where is that squared. 211 00:14:19,200 --> 00:14:21,300 So that percent is this guys. 212 00:14:21,690 --> 00:14:23,730 So I just want to put a percent here. 213 00:14:24,930 --> 00:14:28,020 So let's go back to where we were. 214 00:14:28,020 --> 00:14:29,020 I'm just flicking around. 215 00:14:29,020 --> 00:14:29,970 I'm sorry you guys. 216 00:14:30,330 --> 00:14:37,140 Yeah, I'm going to the percentage because I already have the percentage talking this variable here. 217 00:14:37,500 --> 00:14:39,660 So I hope now it's going to work. 218 00:14:40,020 --> 00:14:41,240 Let's see what we do. 219 00:14:42,420 --> 00:14:47,100 So food one four eighty seven. 220 00:14:47,580 --> 00:14:51,750 That's exercise of three fifty eight. 221 00:14:51,930 --> 00:14:53,040 Let's put it there. 222 00:14:53,070 --> 00:14:55,790 Let's go back in. 223 00:14:56,280 --> 00:14:59,250 Yeah I see it is but I don't see the percentage. 224 00:14:59,940 --> 00:15:01,200 How cool is this. 225 00:15:01,200 --> 00:15:02,480 Because I always today. 226 00:15:02,490 --> 00:15:03,120 What's wrong with me. 227 00:15:03,120 --> 00:15:05,190 I always forget things right. 228 00:15:05,430 --> 00:15:07,230 But it was working the other one. 229 00:15:08,700 --> 00:15:17,490 So food one is exercise three three three fifty six. 230 00:15:18,120 --> 00:15:23,010 And now let's see I have thirty five percent right. 231 00:15:23,040 --> 00:15:23,630 Here it is. 232 00:15:23,640 --> 00:15:25,350 It's coming from this percentage here. 233 00:15:26,040 --> 00:15:36,960 If I didn't put inside its new zero it's now here because maybe I didn't add it as an exercise. 234 00:15:36,960 --> 00:15:37,980 If I click exercise. 235 00:15:38,160 --> 00:15:38,490 Yeah. 236 00:15:38,490 --> 00:15:39,960 I don't have anything in exercise. 237 00:15:39,960 --> 00:15:40,280 Right. 238 00:15:40,680 --> 00:15:46,500 So we have achieved to get the results in. 239 00:15:46,500 --> 00:15:47,340 Put it here. 240 00:15:47,580 --> 00:15:50,850 OK, we still have a lot of things to do. 241 00:15:51,660 --> 00:15:56,940 Now if you notice, we haven't done this, we haven't changed this here. 242 00:15:57,450 --> 00:15:57,840 Right. 243 00:15:58,080 --> 00:16:02,850 But we will do that in in just a second. 244 00:16:02,850 --> 00:16:04,320 So what is my logic? 245 00:16:04,320 --> 00:16:11,010 If the remaining so I'm going to use this remaining if this remaining here that what we are going to 246 00:16:11,010 --> 00:16:16,170 get, it's more than like 1300 calories. 247 00:16:16,530 --> 00:16:22,020 I just want to have a different color for the remaining text here. 248 00:16:22,210 --> 00:16:22,590 Right. 249 00:16:23,070 --> 00:16:24,480 And you will see how we can do this. 250 00:16:24,750 --> 00:16:27,690 OK, I know it's a little bit boring, but stay with me. 251 00:16:28,020 --> 00:16:35,820 If remaining is greater than 300 now, what we can do here? 252 00:16:35,850 --> 00:16:46,530 Document Doc Querrey Selecter and we can select HTML class names that front AB result, meaning calories. 253 00:16:46,890 --> 00:16:47,330 Right. 254 00:16:47,970 --> 00:16:53,060 And I'm going to set the inner HDMI out and I'm going to set spane. 255 00:16:53,970 --> 00:17:00,310 Let's put it like this spane in style. 256 00:17:00,900 --> 00:17:09,270 So what I'm going to do here, I'm just going to create a color bar GBA so we can set any color that 257 00:17:09,270 --> 00:17:10,290 you want in. 258 00:17:10,290 --> 00:17:17,820 This is color green I hope 64 not one glos this one here. 259 00:17:18,090 --> 00:17:25,950 Semicolon who this close the quotes and yeah that's pretty much it. 260 00:17:26,010 --> 00:17:34,260 What we have to do, we need to close the span so make sure you do this and inside I'm going to concatenate 261 00:17:35,700 --> 00:17:40,500 all the remaining and after that we can copy all this. 262 00:17:40,500 --> 00:17:40,850 Right. 263 00:17:42,030 --> 00:17:44,550 So that is pretty much it. 264 00:17:44,550 --> 00:17:48,540 Now we will replace the percentage. 265 00:17:48,540 --> 00:17:54,900 So any that percentage path will be equal to the percentage bad that is already been set here. 266 00:17:55,050 --> 00:17:55,430 Right. 267 00:17:56,340 --> 00:17:58,170 And I'm going to say that replace. 268 00:17:59,010 --> 00:18:01,350 So the first is what we are looking for. 269 00:18:01,350 --> 00:18:03,120 We are looking for this percentage here. 270 00:18:03,720 --> 00:18:05,850 OK, I can't show it to you right now. 271 00:18:06,900 --> 00:18:15,480 So we are looking for this percentage here and we want to replace we want to replace we would with just 272 00:18:15,480 --> 00:18:16,980 percentage that we have. 273 00:18:22,860 --> 00:18:24,180 This percentage, OK? 274 00:18:24,390 --> 00:18:25,760 No, we don't. 275 00:18:26,760 --> 00:18:31,420 OK, now I need to say document the query selector. 276 00:18:31,560 --> 00:18:41,510 So we need to add HTML class names up front, up date percent in her e-mail. 277 00:18:41,520 --> 00:18:45,610 And we are going to do sorry, not this one. 278 00:18:45,630 --> 00:18:46,830 It should be front 279 00:18:50,100 --> 00:18:58,230 chart, not that so enriched html and that we will set this any that percentage path in place. 280 00:18:58,300 --> 00:19:01,020 Joe, we are done with this so let's see what's happening. 281 00:19:02,610 --> 00:19:03,600 I'm just going to go here. 282 00:19:03,600 --> 00:19:08,610 I'm going to add food one six hundred and fifty. 283 00:19:09,360 --> 00:19:12,000 Bam, let's burn something. 284 00:19:13,350 --> 00:19:15,630 Exercise to 50. 285 00:19:16,410 --> 00:19:17,010 That's it. 286 00:19:17,370 --> 00:19:19,040 Let's go back here now. 287 00:19:19,050 --> 00:19:19,680 How cool is this. 288 00:19:19,680 --> 00:19:25,470 I have 17 percent that burn 650 of atit of burnt minus 250. 289 00:19:25,720 --> 00:19:29,300 And this is coming from what we have put here. 290 00:19:29,460 --> 00:19:34,920 Here is our zero two hundred and thirty sixty four point one right now. 291 00:19:35,610 --> 00:19:37,290 You can create any color you want. 292 00:19:37,800 --> 00:19:39,060 You can play with us. 293 00:19:39,370 --> 00:19:41,520 Just going to copy this guy here. 294 00:19:41,880 --> 00:19:48,840 And I'm going to say else, L.C remaining is less than 300. 295 00:19:48,840 --> 00:19:52,710 So we need to make a couple of conditions here in order to catch them. 296 00:19:52,710 --> 00:19:53,250 All right. 297 00:19:53,490 --> 00:19:54,510 In remaining. 298 00:19:56,910 --> 00:20:01,000 It's greater than 500 now. 299 00:20:01,500 --> 00:20:08,310 Just going to change the color, just going to change the Babbo here and I'm going to change it to one 300 00:20:08,310 --> 00:20:16,460 ninety one, then eighty five, two hundred thirty six in one year. 301 00:20:16,490 --> 00:20:17,760 And that's pretty much it. 302 00:20:17,790 --> 00:20:19,190 Not not two one. 303 00:20:19,920 --> 00:20:25,640 So, yep, our next condition will be when we are less than 500. 304 00:20:26,160 --> 00:20:32,340 And I'm just going to copy this here, I'm going to put it and we will say women need to be less than 305 00:20:32,340 --> 00:20:33,030 500. 306 00:20:33,450 --> 00:20:33,910 Cool. 307 00:20:34,090 --> 00:20:35,700 Now I just a different color. 308 00:20:35,880 --> 00:20:37,860 This was like a purple or orange. 309 00:20:37,890 --> 00:20:40,290 Now it was like a purple here. 310 00:20:40,290 --> 00:20:41,340 We're going to change this one. 311 00:20:41,340 --> 00:20:46,300 It will be two to six one 06 six. 312 00:20:46,410 --> 00:20:56,220 So I know these colors because I've done it so 106 again and one in here, we can add more things. 313 00:20:56,820 --> 00:21:02,730 So we are going to do we can add and we will see over the limit, but we're not going to do it at the 314 00:21:02,730 --> 00:21:03,300 moment. 315 00:21:03,930 --> 00:21:04,370 Right. 316 00:21:06,150 --> 00:21:07,620 So that's pretty much hit. 317 00:21:10,130 --> 00:21:23,180 And yeah, so let's see if we add food one one thousand four hundred calories, I should be able to 318 00:21:23,180 --> 00:21:24,920 see a different texture here. 319 00:21:24,930 --> 00:21:27,360 It is that violent or color. 320 00:21:27,820 --> 00:21:31,910 Now, this one, we need to work a little bit more on this one. 321 00:21:32,310 --> 00:21:32,660 Right. 322 00:21:32,820 --> 00:21:38,120 And I'm going to tell you, because I want to implement a class here that will be exclamation circle 323 00:21:38,120 --> 00:21:40,280 and it will spin a little bit, right? 324 00:21:40,490 --> 00:21:41,930 It will be another one. 325 00:21:42,230 --> 00:21:43,680 And that's pretty much it. 326 00:21:43,700 --> 00:21:44,870 So thank you for watching. 327 00:21:44,900 --> 00:21:52,040 I know that it's been long, but I just want you to show you in these here took me like five minutes 328 00:21:52,040 --> 00:21:52,910 to put it there. 329 00:21:53,500 --> 00:21:53,930 Yeah. 330 00:21:53,930 --> 00:21:55,970 Everything else actually here. 331 00:21:56,180 --> 00:21:57,680 Everything else in this part here. 332 00:21:58,190 --> 00:22:01,190 Otherwise you would not understand how I get this now. 333 00:22:01,190 --> 00:22:05,110 You know that in the percentage point we we put the percentage, we replace it. 334 00:22:05,120 --> 00:22:09,140 That's the main point in the classes that we got. 335 00:22:09,140 --> 00:22:14,540 We just we selectors select them and put those values that we have from this object. 336 00:22:14,780 --> 00:22:21,860 And where we call this object, we call it from APU I controller display display from calories. 337 00:22:22,220 --> 00:22:23,770 It put this calories from here. 338 00:22:23,810 --> 00:22:26,270 See, it's going cascading like a waterfall. 339 00:22:26,450 --> 00:22:27,440 So thank you very much. 340 00:22:27,440 --> 00:22:29,090 And I will see you in the next one.