@oat-sa/tao-core-ui 1.60.2 → 1.62.0

package/src/pagination/providers/pages.js

@@ -1,161 +1,161 @@
-/**
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU General Public License
- * as published by the Free Software Foundation; under version 2
- * of the License (non-upgradable).
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program; if not, write to the Free Software
- * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
- *
- * Copyright (c) 2016  (original work) Open Assessment Technologies SA;
- *
- * @author Alexander Zagovorichev <zagovorichev@1pt.com>
- */
-
-import $ from 'jquery';
-import _ from 'lodash';
-import tpl from 'ui/pagination/providers/tpl/pages';
-import pageTpl from 'ui/pagination/providers/tpl/pages/page';
-
-export default {
-    init: function() {
-        var $paginationTpl;
-
-        var generatePage = function generatePage(page) {
-            return $(pageTpl({ page: page }));
-        };
-
-        var separator = function separator() {
-            var $page = generatePage('...');
-            $page.addClass('separator');
-            return $page;
-        };
-
-        var generatePart = function generatePart(from, to, activePage) {
-            var i,
-                pages = [],
-                $page;
-
-            for (i = from; i <= to; i++) {
-                $page = generatePage(i);
-                if (i === activePage) {
-                    $page.addClass('active');
-                }
-                pages.push($page);
-            }
-
-            return pages;
-        };
-
-        var generatePages = function generatePages(page, total) {
-            var pages = [];
-
-            if (total <= 7) {
-                pages = pages.concat(generatePart(1, total, page));
-            } else {
-                if (page < 5) {
-                    pages = pages.concat(generatePart(1, 5, page));
-                    pages = pages.concat(separator());
-                    pages = pages.concat(generatePart(total, total, page));
-                } else {
-                    if (page >= total - 3) {
-                        pages = pages.concat(generatePart(1, 1, page));
-                        pages = pages.concat(separator());
-                        pages = pages.concat(generatePart(total - 3, total, page));
-                    } else {
-                        pages = pages.concat(generatePart(1, 1, page));
-                        pages = pages.concat(separator());
-                        pages = pages.concat(generatePart(page - 1, page + 1, page));
-                        pages = pages.concat(separator());
-                        pages = pages.concat(generatePart(total, total, page));
-                    }
-                }
-            }
-
-            return pages;
-        };
-
-        var dropPages = function dropPages() {
-            $('.page', $paginationTpl).remove();
-        };
-
-        var getForwardBtn = function() {
-            return $('.next', $paginationTpl);
-        };
-
-        var bindPages = function bindPages(list) {
-            var $point = getForwardBtn();
-            _.each(list, function($page) {
-                $page.insertBefore($point);
-            });
-        };
-
-        var pagination = {
-            render: function render($container) {
-                $paginationTpl = $(tpl());
-                $container.append($paginationTpl);
-            },
-            forwardButton: function forwardButton() {
-                return getForwardBtn();
-            },
-            backwardButton: function backwardButton() {
-                return $('.previous', $paginationTpl);
-            },
-            pageButtons: function pageButton() {
-                return $('.page', $paginationTpl);
-            },
-            firstPageButton: function lastPageButton() {
-                return $('.first-page', $paginationTpl);
-            },
-            lastPageButton: function lastPageButton() {
-                return $('.last-page', $paginationTpl);
-            },
-            setPages: function setPages(page, total) {
-                var pages = generatePages(page, total);
-
-                dropPages();
-                bindPages(pages);
-            },
-            disableButton: function disableButton($btn) {
-                if (!$btn.hasClass('disabled')) {
-                    $btn.addClass('disabled');
-                }
-            },
-            enableButton: function enableButton($btn) {
-                if ($btn.hasClass('disabled')) {
-                    $btn.removeClass('disabled');
-                }
-            },
-            destroy: function destroy() {
-                $paginationTpl.remove();
-            },
-            disable: function disable() {
-                var self = this;
-                this.disableButton(this.backwardButton());
-                this.disableButton(this.firstPageButton());
-
-                $('.page', $paginationTpl).each(function() {
-                    self.disableButton($(this));
-                });
-
-                this.disableButton(this.lastPageButton());
-                this.disableButton(this.forwardButton());
-            },
-            enable: function enable() {
-                var self = this;
-                // restore buttons
-                $('.page', $paginationTpl).each(function() {
-                    self.enableButton($(this));
-                });
-            }
-        };
-
-        return pagination;
-    }
-};
+/**
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU General Public License
+ * as published by the Free Software Foundation; under version 2
+ * of the License (non-upgradable).
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+ *
+ * Copyright (c) 2016  (original work) Open Assessment Technologies SA;
+ *
+ * @author Alexander Zagovorichev <zagovorichev@1pt.com>
+ */
+
+import $ from 'jquery';
+import _ from 'lodash';
+import tpl from 'ui/pagination/providers/tpl/pages';
+import pageTpl from 'ui/pagination/providers/tpl/pages/page';
+
+export default {
+    init: function() {
+        var $paginationTpl;
+
+        var generatePage = function generatePage(page) {
+            return $(pageTpl({ page: page }));
+        };
+
+        var separator = function separator() {
+            var $page = generatePage('...');
+            $page.addClass('separator');
+            return $page;
+        };
+
+        var generatePart = function generatePart(from, to, activePage) {
+            var i,
+                pages = [],
+                $page;
+
+            for (i = from; i <= to; i++) {
+                $page = generatePage(i);
+                if (i === activePage) {
+                    $page.addClass('active');
+                }
+                pages.push($page);
+            }
+
+            return pages;
+        };
+
+        var generatePages = function generatePages(page, total) {
+            var pages = [];
+
+            if (total <= 7) {
+                pages = pages.concat(generatePart(1, total, page));
+            } else {
+                if (page < 5) {
+                    pages = pages.concat(generatePart(1, 5, page));
+                    pages = pages.concat(separator());
+                    pages = pages.concat(generatePart(total, total, page));
+                } else {
+                    if (page >= total - 3) {
+                        pages = pages.concat(generatePart(1, 1, page));
+                        pages = pages.concat(separator());
+                        pages = pages.concat(generatePart(total - 3, total, page));
+                    } else {
+                        pages = pages.concat(generatePart(1, 1, page));
+                        pages = pages.concat(separator());
+                        pages = pages.concat(generatePart(page - 1, page + 1, page));
+                        pages = pages.concat(separator());
+                        pages = pages.concat(generatePart(total, total, page));
+                    }
+                }
+            }
+
+            return pages;
+        };
+
+        var dropPages = function dropPages() {
+            $('.page', $paginationTpl).remove();
+        };
+
+        var getForwardBtn = function() {
+            return $('.next', $paginationTpl);
+        };
+
+        var bindPages = function bindPages(list) {
+            var $point = getForwardBtn();
+            _.each(list, function($page) {
+                $page.insertBefore($point);
+            });
+        };
+
+        var pagination = {
+            render: function render($container) {
+                $paginationTpl = $(tpl());
+                $container.append($paginationTpl);
+            },
+            forwardButton: function forwardButton() {
+                return getForwardBtn();
+            },
+            backwardButton: function backwardButton() {
+                return $('.previous', $paginationTpl);
+            },
+            pageButtons: function pageButton() {
+                return $('.page', $paginationTpl);
+            },
+            firstPageButton: function lastPageButton() {
+                return $('.first-page', $paginationTpl);
+            },
+            lastPageButton: function lastPageButton() {
+                return $('.last-page', $paginationTpl);
+            },
+            setPages: function setPages(page, total) {
+                var pages = generatePages(page, total);
+
+                dropPages();
+                bindPages(pages);
+            },
+            disableButton: function disableButton($btn) {
+                if (!$btn.hasClass('disabled')) {
+                    $btn.addClass('disabled');
+                }
+            },
+            enableButton: function enableButton($btn) {
+                if ($btn.hasClass('disabled')) {
+                    $btn.removeClass('disabled');
+                }
+            },
+            destroy: function destroy() {
+                $paginationTpl.remove();
+            },
+            disable: function disable() {
+                var self = this;
+                this.disableButton(this.backwardButton());
+                this.disableButton(this.firstPageButton());
+
+                $('.page', $paginationTpl).each(function() {
+                    self.disableButton($(this));
+                });
+
+                this.disableButton(this.lastPageButton());
+                this.disableButton(this.forwardButton());
+            },
+            enable: function enable() {
+                var self = this;
+                // restore buttons
+                $('.page', $paginationTpl).each(function() {
+                    self.enableButton($(this));
+                });
+            }
+        };
+
+        return pagination;
+    }
+};

package/src/pagination/providers/simple.js

@@ -1,74 +1,74 @@
-/**
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU General Public License
- * as published by the Free Software Foundation; under version 2
- * of the License (non-upgradable).
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program; if not, write to the Free Software
- * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
- *
- * Copyright (c) 2016  (original work) Open Assessment Technologies SA;
- *
- * @author Alexander Zagovorichev <zagovorichev@1pt.com>
- */
-
-import $ from 'jquery';
-import tpl from 'ui/pagination/providers/tpl/simple';
-
-var pagination = {
-    init: function init() {
-        var $paginationTpl;
-
-        return {
-            render: function render($container) {
-                $paginationTpl = $(tpl());
-                $container.append($paginationTpl);
-            },
-            forwardButton: function forwardButton() {
-                return $('.icon-forward', $paginationTpl).parents('button');
-            },
-            backwardButton: function backwardButton() {
-                return $('.icon-backward', $paginationTpl).parents('button');
-            },
-            setPages: function setPages(page, total) {
-                $('.page', $paginationTpl).text(page);
-                $('.total', $paginationTpl).text(total);
-            },
-            disableButton: function disableButton($btn) {
-                $btn.attr('disabled', 'disabled');
-            },
-            enableButton: function enableButton($btn) {
-                if ($btn.attr('disabled')) {
-                    $btn.removeAttr('disabled');
-                }
-            },
-            pageButtons: function pageButton() {
-                return false;
-            },
-            firstPageButton: function lastPageButton() {
-                return false;
-            },
-            lastPageButton: function lastPageButton() {
-                return false;
-            },
-            destroy: function destroy() {
-                $paginationTpl.remove();
-            },
-            disable: function disable() {
-                this.disableButton(this.backwardButton());
-                this.disableButton(this.forwardButton());
-            },
-            enable: function enable() {
-                // for that provider everything will be done in the pagination.js
-            }
-        };
-    }
-};
-
-export default pagination;
+/**
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU General Public License
+ * as published by the Free Software Foundation; under version 2
+ * of the License (non-upgradable).
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+ *
+ * Copyright (c) 2016  (original work) Open Assessment Technologies SA;
+ *
+ * @author Alexander Zagovorichev <zagovorichev@1pt.com>
+ */
+
+import $ from 'jquery';
+import tpl from 'ui/pagination/providers/tpl/simple';
+
+var pagination = {
+    init: function init() {
+        var $paginationTpl;
+
+        return {
+            render: function render($container) {
+                $paginationTpl = $(tpl());
+                $container.append($paginationTpl);
+            },
+            forwardButton: function forwardButton() {
+                return $('.icon-forward', $paginationTpl).parents('button');
+            },
+            backwardButton: function backwardButton() {
+                return $('.icon-backward', $paginationTpl).parents('button');
+            },
+            setPages: function setPages(page, total) {
+                $('.page', $paginationTpl).text(page);
+                $('.total', $paginationTpl).text(total);
+            },
+            disableButton: function disableButton($btn) {
+                $btn.attr('disabled', 'disabled');
+            },
+            enableButton: function enableButton($btn) {
+                if ($btn.attr('disabled')) {
+                    $btn.removeAttr('disabled');
+                }
+            },
+            pageButtons: function pageButton() {
+                return false;
+            },
+            firstPageButton: function lastPageButton() {
+                return false;
+            },
+            lastPageButton: function lastPageButton() {
+                return false;
+            },
+            destroy: function destroy() {
+                $paginationTpl.remove();
+            },
+            disable: function disable() {
+                this.disableButton(this.backwardButton());
+                this.disableButton(this.forwardButton());
+            },
+            enable: function enable() {
+                // for that provider everything will be done in the pagination.js
+            }
+        };
+    }
+};
+
+export default pagination;

package/src/pagination/providers/tpl/pages/page.tpl

@@ -1 +1 @@
-<li class="page"><span>{{ page }}</span></li>
+<li class="page"><span>{{ page }}</span></li>

package/src/pagination/providers/tpl/pages.tpl

@@ -1,8 +1,8 @@
-<div class="grid-row clearfix pagination">
-    <ul class="pages">
-        <li class="first-page"><span class="icon-fast-backward" title="{{__ 'First page'}}"></span></li>
-        <li class="previous"><span class="icon-backward" title="{{__ 'Previous'}}"></span></li>
-        <li class="next"><span class="icon-forward" title="{{__ 'Next'}}"></span></li>
-        <li class="last-page"><span class="icon-fast-forward" title="{{__ 'Last page'}}"></span></li>
-    </ul>
-</div>
+<div class="grid-row clearfix pagination">
+    <ul class="pages">
+        <li class="first-page"><span class="icon-fast-backward" title="{{__ 'First page'}}"></span></li>
+        <li class="previous"><span class="icon-backward" title="{{__ 'Previous'}}"></span></li>
+        <li class="next"><span class="icon-forward" title="{{__ 'Next'}}"></span></li>
+        <li class="last-page"><span class="icon-fast-forward" title="{{__ 'Last page'}}"></span></li>
+    </ul>
+</div>

package/src/pagination/providers/tpl/simple.tpl

@@ -1,7 +1,7 @@
-<div class="grid-row clearfix pagination">
-    <div class="col-6">{{__ 'Page'}} <strong class="page">{{activePage}}</strong> {{__ 'of'}} <span class="total">{{totalPages}}</span></div>
-    <div class="col-6 txt-rgt">
-        <button class="btn-info small"><span class="icon-backward"></span>{{__ 'Previous'}}</button>
-        <button class="btn-info small">{{__ 'Next'}}<span class="icon-forward r"></span></button>
-    </div>
-</div>
+<div class="grid-row clearfix pagination">
+    <div class="col-6">{{__ 'Page'}} <strong class="page">{{activePage}}</strong> {{__ 'of'}} <span class="total">{{totalPages}}</span></div>
+    <div class="col-6 txt-rgt">
+        <button class="btn-info small"><span class="icon-backward"></span>{{__ 'Previous'}}</button>
+        <button class="btn-info small">{{__ 'Next'}}<span class="icon-forward r"></span></button>
+    </div>
+</div>