Pagination object from laravel API

I am getting data from an API, and now need to implement the bootstrap pagination, for some reasons I can't get it done.

{
	"status": 200,
	"data": {
		"current_page": 1,
		"data": [
			{
				"id": 1602069265173675200,
				"name": "Project 1",
				"description": "eerste projectje",
				"created_by": 27160057,
				"updated_by": null,
				"deleted_by": null,
				"created_at": "2020-11-04T13:49:47.000000Z",
				"updated_at": "2020-11-04T13:49:47.000000Z",
				"deleted_at": null,
				"creator": {
					"id": 27160057,
					"name": "Bender Rodriguez",
					"firstname": "Bender",
					"initials": "B.",
					"preposition": null,
					"lastname": "Rodriguez",
					"indienst_date": "2018-03-01 16:00:00",
					"uitdienst_date": "2099-12-31 00:00:00",
					"created_by": 27160057,
					"updated_by": null,
					"deleted_by": null,
					"created_at": "2020-11-04T13:49:46.000000Z",
					"updated_at": "2020-11-04T13:49:46.000000Z",
					"deleted_at": null
				}
			},
			{
				"id": 1602069265173675201,
				"name": "Project 2",
				"description": "tweede projectje",
				"created_by": 27160057,
				"updated_by": null,
				"deleted_by": null,
				"created_at": "2020-11-04T13:49:47.000000Z",
				"updated_at": "2020-11-04T13:49:47.000000Z",
				"deleted_at": null,
				"creator": {
					"id": 27160057,
					"name": "Bender Rodriguez",
					"firstname": "Bender",
					"initials": "B.",
					"preposition": null,
					"lastname": "Rodriguez",
					"indienst_date": "2018-03-01 16:00:00",
					"uitdienst_date": "2099-12-31 00:00:00",
					"created_by": 27160057,
					"updated_by": null,
					"deleted_by": null,
					"created_at": "2020-11-04T13:49:46.000000Z",
					"updated_at": "2020-11-04T13:49:46.000000Z",
					"deleted_at": null
				}
			},
			{
				"id": 1602069265173675204,
				"name": "Project 3",
				"description": "drie-de projectje",
				"created_by": 27160057,
				"updated_by": null,
				"deleted_by": null,
				"created_at": "2020-11-04T13:49:47.000000Z",
				"updated_at": "2020-11-04T13:49:47.000000Z",
				"deleted_at": null,
				"creator": {
					"id": 27160057,
					"name": "Bender Rodriguez",
					"firstname": "Bender",
					"initials": "B.",
					"preposition": null,
					"lastname": "Rodriguez",
					"indienst_date": "2018-03-01 16:00:00",
					"uitdienst_date": "2099-12-31 00:00:00",
					"created_by": 27160057,
					"updated_by": null,
					"deleted_by": null,
					"created_at": "2020-11-04T13:49:46.000000Z",
					"updated_at": "2020-11-04T13:49:46.000000Z",
					"deleted_at": null
				}
			}
		],
		"first_page_url": "http:\/\/127.0.0.1:8000\/api\/projects?page=1",
		"from": 1,
		"last_page": 1,
		"last_page_url": "http:\/\/127.0.0.1:8000\/api\/projects?page=1",
		"links": [
			{
				"url": null,
				"label": "Previous",
				"active": false
			},
			{
				"url": "http:\/\/127.0.0.1:8000\/api\/projects?page=1",
				"label": 1,
				"active": true
			},
			{
				"url": null,
				"label": "Next",
				"active": false
			}
		],
		"next_page_url": null,
		"path": "http:\/\/127.0.0.1:8000\/api\/projects",
		"per_page": 50,
		"prev_page_url": null,
		"to": 3,
		"total": 3
	}
}

As you can see this Laravel API is also returning the pagiation. How to make it a pagination object so it can be used in the blade templates with $results->links()

automica

5 years ago

Level 54

@dam-man if you've got no control on the api response, and you want:

{
  "current_page": 1,
  "first_page_url": "http://127.0.0.1:8000/api/projects?page=1",
  "from": 1,
  "last_page": 1,
  "last_page_url": "http://127.0.0.1:8000/api/projects?page=1",
  "links": [
    {
      "url": null,
      "label": "Previous",
      "active": false
    },
    {
      "url": "http://127.0.0.1:8000/api/projects?page=1",
      "label": 1,
      "active": true
    },
    {
      "url": null,
      "label": "Next",
      "active": false
    }
  ],
  "next_page_url": null,
  "path": "http://127.0.0.1:8000/api/projects",
  "per_page": 50,
  "prev_page_url": null,
  "to": 3,
  "total": 3
}

as your result.

you need to unset the second data array

    $projects = $output->data->data; // gets list of projects
    unset($output->data->data); // unset $projects data
    $links = $output->data; // return rest of data without projects

dam-man

5 years ago

Level 2

I want to do something like $projects->links(); in the frontend. Is there an easy to create the pagination UI then?

automica

5 years ago

Level 54

@dam-man $links in my example gives you the same output as $projects->links();

If you are getting data from api you probably won’t have standard links object so you will need to make your own blade to replace pagination helper.

See https://medium.com/@mmuoDev/working-with-paginated-api-response-data-in-laravel-eab75eb3d1c8

1 like

dam-man

5 years ago

Level 2

Thnx Automatica!! Found another solution also:

        $paginator = new LengthAwarePaginator($results->data, $results->total, $results->per_page, $results->current_page);
        $paginator->withPath($path);

automica

5 years ago

Level 54

@dam-man cool. Looks nice and clear to use too.

1 like

Please or to participate in this conversation.