Как разобраться в чужом скрипте и привести его к необходимому виду?

Question

[uRoot]

Нашёл такой пагинатор: https://codepen.io/CryNet/pen/qBbjVda?editors=1010
Мне необходимо привести его функционал к следующему виду (см. самый низ): https://elastic.github.io/eui/#/navigation/pagination

Мне осталось сделать, чтобы при клике на 4 отобразилась 6. Так само и с обратного конца, если мы кликнули на 7, то появилась 5. Но как это фиксить я пока не знаю. Помогите разобраться.

Я на пол пути:

Участок кода, отвечающий за кол-во отображённых кнопок:

оригинал

if (Pagination.size < Pagination.step * 2 + 6) {
            Pagination.Add(1, Pagination.size + 1);
        } else if (Pagination.page < Pagination.step * 2 + 1) {
            Pagination.Add(1, Pagination.step * 2 + 4);
            Pagination.Last();
        } else if (Pagination.page > Pagination.size - Pagination.step * 2) {
            Pagination.First();
            Pagination.Add(Pagination.size - Pagination.step * 2 - 2, Pagination.size + 1);
        } else {
            Pagination.First();
            Pagination.Add(Pagination.page - Pagination.step, Pagination.page + Pagination.step + 1);
            Pagination.Last();
        }

Как он выглядит у меня:

правки

if (Pagination.size < Pagination.step * 2 + 6) {
                    Pagination.Add(1, Pagination.size + 1);
                } else if (Pagination.page < Pagination.step * 2 + 1) {
                    Pagination.Add(1, Pagination.step * 2 + 2);
                    Pagination.Last();
                } else if (Pagination.page > Pagination.size - Pagination.step * 2) {
                    Pagination.First();
                    Pagination.Add(Pagination.size - Pagination.step * 2, Pagination.size + 1);
                } else {
                    Pagination.First();
                    Pagination.Add(Pagination.page - Pagination.step, Pagination.page + Pagination.step + 1);
                    Pagination.Last();
                }

Answer 1

[Stalker_RED]

Вот похожее на php, можешь посмотреть как сделано.

Comments

[uRoot]

А скрипт работает также как мне нужно? А то нет возможности запустить

[Stalker_RED]

CryNet, там задается одинаковый отступ он начала/конца и по сторонам "середины".
Но в принципе можно и разные указать. У вас в примере отступ от начала и конца по 1, а от середины 2.

[uRoot]

Stalker_RED,

У вас в примере отступ от начала и конца по 1, а от середины 2.

Я не могу понять как оно считается в найденном мою скрипте.
Изначально всё было как нужно. Просто кол-во элементов отображалось больше чем мне нужно. Я внёс 2 правки, можете сравнить, глянув "оригинал" и "правки". В итоге я это пофиксил, но сломал другое.