[ MODX BS4 ] pdoPage

[ MODX BS4 ] pdoPage

<div id="pdopage">
  <div class="rows">
    [[!pdoPage?
      &parents=`[[*id]]`
      &element=`pdoResources`
      &limit=`1`
      &ajaxMode=`default`
      &tpl=`resources`
      &tplPageWrapper=`@INLINE 
        <nav aria-label="Page navigation example">
          <ul class="pagination">
            [[+prev]][[+pages]][[+next]]
          </ul>
        </nav>`
      &tplPage=`@INLINE 
        <li class="page-item">
          <a class="page-link" href="[[+href]]">[[+pageNo]]</a>
        </li>`
      &tplPageActive=`@INLINE 
        <li class="page-item active">
          <a class="page-link" href="[[+href]]">[[+pageNo]] 
            <span class="sr-only">(current)</span>
          </a>
        </li>`
      &tplPageSkip=`@INLINE 
        <li class="page-item disabled">
          <span>...</span>
        </li>`
      &tplPagePrev=`@INLINE 
        <li class="page-item control">
          <a class="page-link" href="[[+href]]" tabindex="-1">&laquo;</a>
        </li>`
      &tplPagePrevEmpty=`@INLINE 
        <li class="page-item control">
          <a class="page-link" href="[[+href]]" tabindex="-1">&laquo;</a>
        </li>`
      &tplPageNext=`@INLINE 
        <li class="page-item control">
          <a class="page-link" href="[[+href]]">&raquo;</a>
        </li>`
      &tplPageNextEmpty=`@INLINE 
        <li class="page-item control">
          <a class="page-link" href="[[+href]]">&raquo;</a>
        </li>`
    ]]
  </div>

  [[!+page.nav]]
</div>