Bootstrap 4 compatibility

[ArlingtonHouse]

I saw there's a pull request that failed, would like to revisit this. Basically just need a couple new classes. #15 Thanks!

[markifornia]

We need bootstrap 4 pagination list item classes - should be easy to add.

https://www.w3schools.com/bootstrap4/bootstrap_pagination.asp

[gorkijatt]

For Bootstrap 4 You Need to update css classes
go to your vendor path mine look like this vendor/jasongrimes/paginator/src/JasonGrimes/Paginator.php

edit Paginator.php file look for toHtml() function comment the old function or replace the function with code below :)

public function toHtml()
{
    if ($this->numPages <= 1) {
        return '';
    }

    $html = '<ul class="pagination">';
    if ($this->getPrevUrl()) {
        $html .= '<li class="page-item"><a class="page-link" href="' . htmlspecialchars($this->getPrevUrl()) . '">&laquo; '. $this->previousText .'</a></li>';
    }

    foreach ($this->getPages() as $page) {
        if ($page['url']) {
            $html .= '<li' . ($page['isCurrent'] ? ' class="active page-item"' : '') . '><a class="page-link" href="' . htmlspecialchars($page['url']) . '">' . htmlspecialchars($page['num']) . '</a></li>';
        } else {
            $html .= '<li class="disabled page-item"><span class="page-link">' . htmlspecialchars($page['num']) . '</span></li>';
        }
    }

    if ($this->getNextUrl()) {
        $html .= '<li class="page-item"><a class="page-link" href="' . htmlspecialchars($this->getNextUrl()) . '">'. $this->nextText .' &raquo;</a></li>';
    }
    $html .= '</ul>';

    return $html;
}

[markifornia]

@gorkijatt this is a great solution but the main master repository needs to be updated with this somehow - not sure if the author is still actively updating this library.

my solution was using jquery, sort of a temporary bandaid until we can pull the next updated version.

<script>
$(document).ready(function() {

  $('.pagination li').addClass('page-item');
  $('.pagination li a').addClass('page-link');
});
</script>

[gorkijatt]

@markifornia that was clean.

[markifornia]

@gorkijatt we might need to maintain this library if the author isn't active.

[gorkijatt]

Okae i m in.

[cstalvey]

Replace the toHtml method with this one for bootstrap 4.1 with the breakpoints for the small template.

public function toHtml(){
    if ($this->numPages <= 1) {
        return '';
    }
    
    $html = '<ul class="pagination justify-content-center d-none d-md-flex">';
    if ($this->getPrevUrl()) {
        $html .= '<li class="page-item"><a class="page-link" href="' . htmlspecialchars($this->getPrevUrl()) . '">&laquo; '. $this->previousText .'</a></li>';
    }
    
    $pages = $this->getPages();
    foreach ($pages as $page) {
        if ($page['url']) {
            $html .= '<li class="page-item' . ($page['isCurrent'] ? ' active' : '') . '"><a class="page-link" href="' . htmlspecialchars($page['url']) . '">' . htmlspecialchars($page['num']) . '</a></li>';
        } else {
            $html .= '<li class="page-item disabled"><span class="page-link">' . htmlspecialchars($page['num']) . '</span></li>';
        }
    }

    if ($this->getNextUrl()) {
        $html .= '<li class="page-item"><a class="page-link" href="' . htmlspecialchars($this->getNextUrl()) . '">'. $this->nextText .' &raquo;</a></li>';
    }
    $html .= '</ul>';
    
    $html .= '<ul class="pagination justify-content-center d-md-none">';
    if ($this->getPrevUrl()) {
        $html .= '<li class="page-item"><a class="page-link" href="' . htmlspecialchars($this->getPrevUrl()) . '">&laquo; '. $this->previousText .'</a></li>';
    }
    
    $html .= '<li class="page-item"><select class="form-control paginator-select-page rounded-0">';
    foreach ($pages as $page) {
        if ($page['url']) {
            $html .= '<option value="' . htmlspecialchars($page['url']) . '"' . ($page['isCurrent'] ? ' selected' : '') . '>' . htmlspecialchars($page['num']) . '</option>';
        } else {
            $html .= '<option disabled>' . htmlspecialchars($page['num']) . '</option>';
        }
    }
    $html .= '</li></select>';
    
    if ($this->getNextUrl()) {
        $html .= '<li class="page-item"><a class="page-link" href="' . htmlspecialchars($this->getNextUrl()) . '">'. $this->nextText .' &raquo;</a></li>';
    }
    $html .= '</ul>';
    
    return $html;
}

[alanzhaonys]

Any update?

[ghost]

I am trying to implement this class with mysql but no luck so far, can anbody help?

[alexSivka]

Because the maintainer seems has gone away, i cloned this repo and add feature of bootstrap-4. Is here https://github.com/alexSivka/php-paginator . composer require sivka/paginator

[ignitedevapps]

@alexSivka thank you for taking this package in under your wings.

I'll be sure to note any issues/feedback.

Cheers
Mark