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.