blocks/myoverview/amd/src/paging_content.js

   1 // This file is part of Moodle - http://moodle.org/
   2 //
   3 // Moodle is free software: you can redistribute it and/or modify
   4 // it under the terms of the GNU General Public License as published by
   5 // the Free Software Foundation, either version 3 of the License, or
   6 // (at your option) any later version.
   7 //
   8 // Moodle is distributed in the hope that it will be useful,
   9 // but WITHOUT ANY WARRANTY; without even the implied warranty of
  10 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  11 // GNU General Public License for more details.
  12 //
  13 // You should have received a copy of the GNU General Public License
  14 // along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
  15
  16 /**
  17  * Javascript to load and render the list of calendar events for a
  18  * given day range.
  19  *
  20  * @module     block_myoverview/event_list
  21  * @package    block_myoverview
  22  * @copyright  2016 Ryan Wyllie <ryan@moodle.com>
  23  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  24  */
  25 define(['jquery', 'core/templates', 'block_myoverview/paging_bar'],
  26         function($, Templates, PagingBar) {
  27
  28     var SELECTORS = {
  29     };
  30
  31     var PagingContent = function(root, pagingBarElement, loadContentCallback) {
  32         this.root = $(root);
  33         this.pagingBar = $(pagingBarElement);
  34         this.loadContent = loadContentCallback;
  35     };
  36
  37     PagingContent.prototype.createPage = function(pageNumber) {
  38         this.loadContent(pageNumber).done(function(html, js) {
  39             Templates.appendTo(this.root, html, js);
  40         }.bind(this));
  41
  42         var page = null;
  43
  44         return page;
  45     };
  46
  47     PagingContent.prototype.findPage = function(pageNumber) {
  48
  49     };
  50
  51     PagingContent.prototype.showPage = function(pageNumber) {
  52         var existingPage = this.findPage(pageNumber);
  53
  54         if (existingPage) {
  55             existingPage.addClass('active');
  56         } else {
  57             var newPage = this.createPage(pageNumber);
  58             newPage.addClass('active');
  59
  60             this.root.append(newPage);
  61         }
  62     };
  63
  64     PagingContent.prototype.registerEventListeners = function() {
  65         this.pagingBar.one(PagingBar.events.PAGE_SELECTED, function(e, data) {
  66             if (!data.isSamePage) {
  67                 this.showPage(data.pageNumber);
  68             };
  69         }.bind(this));
  70     };
  71
  72     return PagingContent;
  73 });