1
00:00:00,210 --> 00:00:03,990
Beautiful and once are back and functionality is in place.

2
00:00:04,460 --> 00:00:11,040
Once set up everything on a front then and what is really, really, really cool is the fact that we

3
00:00:11,040 --> 00:00:12,600
already have everything in place.

4
00:00:13,770 --> 00:00:18,030
If you remember when we were setting up get jobs, we're already looking for jobs.

5
00:00:18,480 --> 00:00:21,210
There are no jobs and no off pages.

6
00:00:22,140 --> 00:00:25,980
And we already passing it into your get job success.

7
00:00:26,430 --> 00:00:32,549
So if right now I'm going to navigate to the front end and more specifically, if I'll take a look at

8
00:00:32,549 --> 00:00:38,730
the components which you'll notice that each and every time I'll type something here in search form,

9
00:00:39,030 --> 00:00:40,680
basically we'll change.

10
00:00:40,680 --> 00:00:44,310
Our search parameters will also right away.

11
00:00:44,310 --> 00:00:45,540
Update both of these values.

12
00:00:45,960 --> 00:00:47,870
Total jobs and number of pages.

13
00:00:47,880 --> 00:00:52,650
So if I change this one around, let's say that I'm looking for a see now.

14
00:00:52,650 --> 00:00:57,660
I have 11 jobs and number of pages is equal to two.

15
00:00:58,350 --> 00:01:05,170
And basically, what that means is that we can right away proceed to set up everything here.

16
00:01:05,190 --> 00:01:08,010
As far as the button container is concerned.

17
00:01:08,610 --> 00:01:13,890
And the way we'll do that is something like this, where first will create a component by the name of

18
00:01:14,310 --> 00:01:18,480
page, body and container that one will import in the jobs container.

19
00:01:18,930 --> 00:01:20,550
So there's going to be import for that one.

20
00:01:20,850 --> 00:01:24,180
And we also right away, I want to get the number of pages.

21
00:01:24,540 --> 00:01:25,290
And here's the deal.

22
00:01:25,770 --> 00:01:31,470
I only want to display page button container if the value is bigger than one.

23
00:01:32,160 --> 00:01:33,180
So that's my preference.

24
00:01:34,020 --> 00:01:40,110
I don't see the point of showing the button container if I actually only have one page kind of doesn't

25
00:01:40,110 --> 00:01:40,740
make sense to me.

26
00:01:41,070 --> 00:01:46,920
Now, if you want, of course you can display it, but it's just going to be a preview and next button.

27
00:01:47,250 --> 00:01:54,240
And then the button that displays that one page and again, in my opinion, might as well then hide

28
00:01:54,240 --> 00:01:55,710
the component altogether.

29
00:01:56,100 --> 00:01:58,170
So start over here with your component.

30
00:01:58,530 --> 00:02:02,690
In my case, I'm going to go with Page Beaton and Container Jazz.

31
00:02:03,570 --> 00:02:11,250
Let's start with very, very basic setup where we'll just go with a component you want to return, let's

32
00:02:11,250 --> 00:02:15,130
say heading to you with page button container.

33
00:02:15,420 --> 00:02:18,090
We want to right away import in the jobs one.

34
00:02:18,360 --> 00:02:19,920
So let's take a look at this one.

35
00:02:20,430 --> 00:02:22,470
We're looking for page between and container.

36
00:02:22,740 --> 00:02:23,280
And you know what?

37
00:02:23,280 --> 00:02:27,780
I think in this case, I will use the automatic import.

38
00:02:28,260 --> 00:02:31,200
So let's go here with page and container.

39
00:02:31,620 --> 00:02:37,930
And then once I have this one in place, I should also have the import and I'll grab a very large number

40
00:02:37,980 --> 00:02:42,290
of pages, number of pages like Show Savant.

41
00:02:42,900 --> 00:02:44,110
And then let's keep moving.

42
00:02:44,340 --> 00:02:50,790
I want to set up the expression over here where I'll say if number of pages is bigger than one.

43
00:02:51,310 --> 00:02:54,330
Only then I want to display the page button container.

44
00:02:54,480 --> 00:02:55,920
So let's take this sucker out.

45
00:02:56,580 --> 00:02:57,840
Copy and paste.

46
00:02:58,200 --> 00:03:05,820
And now our functionality is in a place where the button container will be only displayed if we have

47
00:03:05,850 --> 00:03:10,530
a number of pages bigger than one, if it's equal to one, right?

48
00:03:10,530 --> 00:03:11,940
And we'll just display the jobs.