f-lab_authorization

authorization

Usage no npm install needed!

<script type="module">
  import fLabAuthorization from 'https://cdn.skypack.dev/f-lab_authorization';
</script>

README

Pagination

Блок пагинации.

Image alt

Installation:

npm install f-lab_pagination

imports:

import Pagination from "f-lab_pagination";

import 'f-lab_pagination/dist/index.css'

Принимает параметры с настройками обработки:

changePage - callback функция, вызывается при нажатии кнопок пагинации, в параметр функции передается номер (string) страницы которую необходимо отобразить. По умолчанию пустая функция.

totalPageCount - число, общее количество элементов (не страниц!) для отображения. 1 - по умолчанию.

pageSize - число, количество отображаемых элементов на одной странице. 1 - по умолчанию.

pageActiveNumber - число, активная страница. 1 - по умолчанию.

countShowItem - число, колличество отображаемых страниц в блоке пагинации (в 1-ой порции). 1 - по умолчанию.

Принимает параметры с настройками отображения:

firstPageBtn - boolean, отображать ли кнопку "<<" первая страница. true - по учолчанию.

lastPageBtn - boolean, отображать ли кнопку ">>" последняя страница. true - по учолчанию.

prevPageBtn - boolean, отображать ли кнопку "<" предыдущая страница. false - по учолчанию.

nextPageBtn - boolean, отображать ли кнопку ">" следующая страница. false - по учолчанию.

ellipsisBtn - boolean, отображать ли кнопки "..." перелистывает порцию страниц и активирует первую страницу в новой порции. false - по учолчанию.

showLastPage - boolean, отображать ли последнюю страницу в блоке пагиниции. false - по учолчанию.