‫In the last two lectures, we handled all of the important styling improvements.
‫So now our layout is responsive.
‫Also on small screens are no well at the bar if rates and also our course card, of course, cards and
‫we are pretty good on the three hundred and fifty pixels.
‫OK, so if this is what you see here, good way.
‫And now we can continue with the last improvement.
‫So let's click here on the micro process and it'll be a great idea to display here also the state of
‫the art of the car.
‫So if it's purchased, of course, it will be purchased by default or if it's activated or deactivated.
‫OK, let's do it.
‫I should be pretty straightforward forward and the status I would like to display next to these next
‫is the title of the course.
‫OK, let's get the back here, and let's go to our Old Course card.
‫OK.
‫Of course, all of this here will go to our pages first.
‫Beijing's marketplace chorus has owned and looks clear on the old chorus card.
‫OK, so we are getting help from a chorus state, for sure, so that here a concert and a state dash
‫underscore callers OK will be mapping between the states and the callers.
‫So we have a purchased mark.
‫Just make sure you don't make any typos here.
‫OK, let's say the practice will be yellow colour yellow and activate that will be green.
‫Of course you can.
‫You can provide that color as you want, guys.
‫OK, it's up to you.
‫Deactivate.
‫That will be the right color.
‫OK, so we have a state the caller is now a little kid here now.
‫We'll get here this caller, depending on the state or a state call or
‫equals.
‫And let's assign state callers and let's get here.
‫Of course, don't state gators.
‫Let me state the caller.
‫Now under the title elevator in a spent element like this.
‫OK, spin here, and let's right here now, let's say this will be on either Spain or at least got to
‫be this will be in the new line.
‫So let's define it as the other day.
‫Or no, this place next to the title.
‫Actually, this place is next to it, not under.
‫Yeah, it would be better, I guess.
‫Is it going to be?
‫We can also try, but let's let's try for a Spanish, it'll be it.
‫So it will be next to next to each other.
‫And this will be the course.
‫Of course, the state.
‫Well, right, and now we need to are some class names, so class name.
‫Well, the bad.
‫Curly brackets and objectives because it'll be interpolating.
‫Here are some variables.
‫Let's move it to the next line so it's easier to rate.
‫Alright.
‫And plus now let's try.
‫This will be text small or extra small to extra small, and that's why they call or text dash and the
‫color will be interpolated from the state colors, glass and the curly brackets and the state state
‫color and the Dash 700 and the same the background to background, dash and curly brackets.
‫State Color Dash two 200.
‫Like this?
‫And let's say they'll be around it, although they're out that and let's round it all around at full.
‫So it's almost circular and the padding, let's say, padding attached to.
‫OK, so this and let's save it, let's take a look.
‫OK, maybe some margin on the floor next to the full guide.
‫So let's get me here, Martin tight here.
‫All these other costs.
‫Name and margin the right to.
‫Yeah.
‫Works for me.
‫Well, it's actually great to this yellow color, it's quite a VR ride.
‫We have purchased the cars and it's in the yellow state, maybe.
‫Maybe we can go with the indigo colour.
‫So in our old cross card, I can map here the yellow, but they're either blue or maybe indigo.
‫Indigo purchased yeah, it looks great.
‫Let's take a look at the blue.
‫Hello.
‫Yeah, it's also good.
‫I think I'll go with the Indigo here.
‫It will look better.
‫OK?
‫And that instead will be activated.
‫It should be green and they shouldn't be activated, will be the red color and it should be the active
‫they they did.
‫OK.
‫I guess so looks good, I'm really happy about the state of the application we currently have.
‫So in the next lecture, I can move to the more features we can now handle handled.
‫Also, the single, of course, says no.
‫Look, click here.
‫What are they going to be?
‫Let's handle this one more thing, then click here.
‫Which of the course I would like to go to are a detail page of the course.
‫OK, so.
‫Just a very tiny improvement in our own Dodgers here, battle by their own click curly brackets, they
‫can also lead that can go to the next line and was either good or function and we need to get her out
‫there.
‫So let's pride here, Konst around their equally use rather important order from an extra order and
‫to evaluate their function.
‫Push out there, push and they will push to Bektic slash course, says Slash Laura cynical in brackets.
‫And of course, don't luck.
‫OK.
‫All right, let's see, let's hear.
‫OK, and now we are going to, of course, perfect.
‫Let's change the old choruses I will take you to the different account to account for this should change.
‫Perfect.
‫Let's say it gets a b.
‫Amazing.
‫OK.
‫These this are very great.
‫OK.
‫I don't have a I don't know now, but I'm going back here we are sort of it's crawling somewhere now.
‫Where does a visual?
‫Yeah, they're going.
‫Look down on the bottom of the page when it's calling it back.
‫OK.
‫Actually, the abbey can handle it later.
‫OK, that would be enough for his lecture.
‫So in the next lecture, we'll also handle the state and we'll watch the cause.
‫I look these by the state here, so depending if the state of the court is purchased or is activated
‫to display the state here and then we will have it will be handling the managed pages, will go to manage
‫courses and it'll be handling this screen filtering, looking for the cause and activating the chorus
‫in the case.
‫The information provided are correct.
‫Oh, OK.
‫That's going to be the guys hope to see in the next lecture, if any questions feel free to ask them.
‫Here's.