/*
 * @Description  : 翻页插件
 * @Author       : Tao
 * @Date         : 2022-06-14 14:00:23
 * @LastEditors  : Tao
 * @LastEditTime : 2024-08-27 14:38:39
 * @ReferenceWeb :
 */
(function ($) {
    var methods = {
        init: function (options) {
            var o = $.extend(
                {
                    items: 1,
                    itemsOnPage: 1,
                    pages: 0,
                    displayedPages: 5,
                    edges: 2,
                    currentPage: 1,
                    hrefTextPrefix: "?",
                    hrefTextSuffix: "",
                    prevText: "",
                    nextText: "",
                    ellipseText: "···",
                    cssStyle: "light-theme",
                    selectOnClick: true,
                    isPages: false,
                    onPageClick: function () {
                        // Callback triggered when a page is clicked
                        // Page number is given as an optional parameter
                    },
                    onInit: function () {
                        // Callback triggered immediately after initialization
                    },
                },
                options || {}
            );

            var self = this;

            o.pages = o.pages
                ? o.pages
                : Math.ceil(o.items / o.itemsOnPage)
                ? Math.ceil(o.items / o.itemsOnPage)
                : 1;
            o.currentPage = o.currentPage - 1;
            o.halfDisplayed = o.displayedPages / 2;

            this.each(function () {
                self.addClass(o.cssStyle + " simple-pagination").data(
                    "pagination",
                    o
                );
                methods._draw.call(self);
            });

            o.onInit();

            return this;
        },

        selectPage: function (page) {
            methods._selectPage.call(this, page - 1);
            return this;
        },

        prevPage: function () {
            var o = this.data("pagination");
            if (o.currentPage > 0) {
                methods._selectPage.call(this, o.currentPage - 1);
            }
            return this;
        },

        nextPage: function () {
            var o = this.data("pagination");
            if (o.currentPage < o.pages - 1) {
                methods._selectPage.call(this, o.currentPage + 1);
            }
            return this;
        },

        getPagesCount: function () {
            return this.data("pagination").pages;
        },

        getCurrentPage: function () {
            return this.data("pagination").currentPage + 1;
        },

        destroy: function () {
            this.empty();
            return this;
        },

        redraw: function () {
            methods._draw.call(this);
            return this;
        },

        disable: function () {
            var o = this.data("pagination");
            o.disabled = true;
            this.data("pagination", o);
            methods._draw.call(this);
            return this;
        },

        enable: function () {
            var o = this.data("pagination");
            o.disabled = false;
            this.data("pagination", o);
            methods._draw.call(this);
            return this;
        },

        _draw: function () {
            var o = this.data("pagination"),
                interval = methods._getInterval(o),
                i;

            methods.destroy.call(this);

            var $panel =
                this.prop("tagName") === "UL"
                    ? this
                    : $("<ul class='page_list flex flex-y-c'></ul>").appendTo(
                          this
                      );

            // Generate Prev link
            if (o.currentPage > 0) {
                methods._appendItem.call(this, o.currentPage - 1, {
                    text: o.prevText,
                    classes: "prev iconfont icon-left",
                });
            } else {
                methods._appendItem.call(this, o.currentPage - 1, {
                    text: o.prevText,
                    classes: "prev iconfont icon-left no-allow",
                });
                $(".no-allow").parent().addClass("no-allow-li");
            }

            // Generate start edges
            if (interval.start > 0 && o.edges > 0) {
                var end = Math.min(o.edges, interval.start);
                for (i = 0; i < end; i++) {
                    methods._appendItem.call(this, i);
                }
                if (o.edges < interval.start && interval.start - o.edges != 1) {
                    $panel.append(
                        '<li class="disabled"><span class="ellipse">' +
                            o.ellipseText +
                            "</span></li>"
                    );
                } else if (interval.start - o.edges == 1) {
                    methods._appendItem.call(this, o.edges);
                }
            }

            // Generate interval links
            for (i = interval.start; i < interval.end; i++) {
                methods._appendItem.call(this, i);
            }

            // Generate end edges
            if (interval.end < o.pages && o.edges > 0) {
                if (
                    o.pages - o.edges > interval.end &&
                    o.pages - o.edges - interval.end != 1
                ) {
                    $panel.append(
                        '<li class="disabled"><span class="ellipse">' +
                            o.ellipseText +
                            "</span></li>"
                    );
                } else if (o.pages - o.edges - interval.end == 1) {
                    methods._appendItem.call(this, interval.end++);
                }
                var begin = Math.max(o.pages - o.edges, interval.end);
                for (i = begin; i < o.pages; i++) {
                    methods._appendItem.call(this, i);
                }
            }

            // Generate Next link
            if (o.currentPage < o.pages - 1) {
                methods._appendItem.call(this, o.currentPage + 1, {
                    text: o.nextText,
                    classes: "next iconfont icon-right",
                });
            } else {
                methods._appendItem.call(this, o.currentPage + 1, {
                    text: o.nextText,
                    classes: "no-allow next iconfont icon-right",
                });
                $(".no-allow").parent().addClass("no-allow-li");
            }
        },

        _getInterval: function (o) {
            return {
                start: Math.ceil(
                    o.currentPage > o.halfDisplayed
                        ? Math.max(
                              Math.min(
                                  o.currentPage - o.halfDisplayed,
                                  o.pages - o.displayedPages
                              ),
                              0
                          )
                        : 0
                ),
                end: Math.ceil(
                    o.currentPage > o.halfDisplayed
                        ? Math.min(o.currentPage + o.halfDisplayed, o.pages)
                        : Math.min(o.displayedPages, o.pages)
                ),
            };
        },

        _appendItem: function (pageIndex, opts) {
            var self = this,
                options,
                $link,
                o = self.data("pagination"),
                $linkWrapper = $(`<li>
                        <div class="left_top"></div>
                        <div class="right_top"></div>
                        <div class="left_bottom"></div>
                        <div class="right_bottom"></div>
                    </li>`),
                $ul = self.find("ul");

            pageIndex =
                pageIndex < 0
                    ? 0
                    : pageIndex < o.pages
                    ? pageIndex
                    : o.pages - 1;

            options = $.extend(
                {
                    text: pageIndex + 1,
                    classes: "",
                },
                opts || {}
            );

            if (pageIndex == o.currentPage || o.disabled) {
                if (o.disabled) {
                    $linkWrapper.addClass("disabled");
                } else {
                    $linkWrapper.addClass("active");
                }
                $link = $('<span class="current">' + options.text + "</span>");
            } else {
                $link = $(
                    '<a href="' +
                        o.hrefTextPrefix +
                        (pageIndex + 1) +
                        o.hrefTextSuffix +
                        '" class="page-link">' +
                        options.text +
                        "</a>"
                );
                $link.click(function (event) {
                    return methods._selectPage.call(self, pageIndex, event);
                });
            }

            if (options.classes) {
                $link.addClass(options.classes);
            }

            $linkWrapper.append($link);

            if ($ul.length) {
                $ul.append($linkWrapper);
            } else {
                self.append($linkWrapper);
            }
        },

        _selectPage: function (pageIndex, event) {
            var o = this.data("pagination");
            o.currentPage = pageIndex;
            if (o.selectOnClick) {
                methods._draw.call(this);
            }
            return o.onPageClick(pageIndex + 1, event);
        },
    };

    $.fn.pagination = function (method) {
        // Method calling logic
        if (methods[method] && method.charAt(0) != "_") {
            return methods[method].apply(
                this,
                Array.prototype.slice.call(arguments, 1)
            );
        } else if (typeof method === "object" || !method) {
            return methods.init.apply(this, arguments);
        } else {
            $.error(
                "Method " + method + " does not exist on jQuery.pagination"
            );
        }
    };
})(jQuery);