ÿØÿà JFIF ÿÛ „ ( %"1!%)+...383,7(-.+
-+++--++++---+-+-----+---------------+---+-++7-----ÿÀ ß â" ÿÄ ÿÄ H !1AQaq"‘¡2B±ÁÑð#R“Ò Tbr‚²á3csƒ’ÂñDS¢³$CÿÄ ÿÄ % !1AQa"23‘ÿÚ ? ôÿ ¨pŸªáÿ —åYõõ\?àÒü©ŠÄï¨pŸªáÿ —åYõõ\?àÓü©ŠÄá 0Ÿªáÿ Ÿå[úƒ ú®ði~TÁbqÐ8OÕpÿ ƒOò¤Oè`–RÂáœá™êi€ßÉ< FtŸI“öÌ8úDf´°å}“¾œ6
öFá°y¥jñÇh†ˆ¢ã/ÃÐ:ªcÈ
"Y¡ðÑl>ÿ ”ÏËte:qž\oäŠe÷ó²·˜HT4&ÿ ÓÐü6ö®¿øþßèô Ÿ•7Ñi’•j|“ñì>b…þS?*Óôÿ ÓÐü*h¥£ír¶ü UãS炟[AÐaè[ûª•õ&õj?†Éö+EzP—WeÒírJFt ‘BŒ†Ï‡%#tE Øz ¥OÛ«!1›üä±Í™%ºÍãö]°î(–:@<‹ŒÊö×òÆt¦ãº+‡¦%Ìòh´OƒJŒtMÜ>ÀÜÊw3Y´•牋4ÇýÊTì>œú=Íwhyë,¾Ôò×õ¿ßÊa»«þˆÑªQ|%6ž™A õ%:øj<>É—ÿ Å_ˆCbõ¥š±ý¯Ýƒï…¶|RëócÍf溪“t.СøTÿ *Ä¿-{†çàczůŽ_–^XþŒ±miB[X±d 1,é”zEù»&
î9gœf™9Ð'.;—™i}!ôšåîqêÛ٤ёý£½ÆA–àôe"A$ËÚsäÿ
÷Û #°xŸëí(l
»ý3—¥5m!
rt`†0~'j2(]S¦¦kv,ÚÇl¦øJA£Šƒ
J3E8ÙiŽ:cÉžúeZ°€¯\®kÖ(79«Ž:¯X”¾³Š&¡* ….‰Ž(ÜíŸ2¥ª‡×Hi²TF¤ò[¨íÈRëÉä¢mgÑ.Ÿ<öäS0í„ǹÁU´f#Vß;Õ–…P@3ío<ä-±»Ž.L|kªÀê›fÂ6@»eu‚|ÓaÞÆŸ…¨ááå>åŠ?cKü6ùTÍÆ”†sĤÚ;H2RÚ†õ\Ö·Ÿn'¾ ñ#ºI¤Å´%çÁ‚â7›‹qT3Iï¨ÖÚ5I7Ë!ÅOóŸ¶øÝñØôת¦$Tcö‘[«Ö³šÒ';Aþ ¸èíg
A2Z"i¸vdÄ÷.iõ®§)¿]¤À†–‡É&ä{V¶iŽ”.Ó×Õÿ û?h¬Mt–íª[ÿ Ñÿ ÌV(í}=ibÔ¡›¥¢±b Lô¥‡piη_Z<‡z§èŒ)iÖwiÇ 2hÙ3·=’d÷8éŽ1¦¸c¤µ€7›7Ø ð\á)} ¹fËí›pAÃL%âc2 í§æQz¿;T8sæ°qø)QFMð‰XŒÂ±N¢aF¨…8¯!U Z©RÊ ÖPVÄÀÍin™Ì-GˆªÅËŠ›•zË}º±ŽÍFò¹}Uw×#ä5B¤{î}Ð<ÙD
é©¤&‡ïDbàÁôMÁ.// This file is part of Moodle - http://moodle.org/
//
// Moodle 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, either version 3 of the License, or
// (at your option) any later version.
//
// Moodle 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 Moodle. If not, see .
/**
* Javascript to manage the paging dropdown control.
*
* @module core/paged_content_paging_dropdown
* @copyright 2018 Ryan Wyllie
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
define(
[
'jquery',
'core/custom_interaction_events',
'core/paged_content_events',
'core/pubsub'
],
function(
$,
CustomEvents,
PagedContentEvents,
PubSub
) {
var SELECTORS = {
ROOT: '[data-region="paging-dropdown-container"]',
DROPDOWN_ITEM: '[data-region="dropdown-item"]',
DROPDOWN_TOGGLE: '[data-region="dropdown-toggle"]',
ACTIVE_DROPDOWN_ITEM: '[data-region="dropdown-item"].active',
CARET: '[data-region="caret"]'
};
/**
* Get the page number.
*
* @param {jquery} item The dropdown item.
* @returns {Number}
*/
var getPageNumber = function(item) {
return parseInt(item.attr('data-page-number'), 10);
};
/**
* Get all paging dropdown items.
*
* @param {jquery} root The root element.
* @returns {jquery} A jquery object with all items.
*/
var getAllItems = function(root) {
return root.find(SELECTORS.DROPDOWN_ITEM);
};
/**
* Get all paging dropdown items with lower page numbers than the given
* dropdown item.
*
* @param {jquery} root The root element.
* @param {jquery} item The dropdown item.
* @returns {jquery} A jquery object with all items.
*/
var getPreviousItems = function(root, item) {
var pageNumber = getPageNumber(item);
return getAllItems(root).filter(function(index, element) {
return getPageNumber($(element)) < pageNumber;
});
};
/**
* Get the number of items to be loaded for the dropdown item.
*
* @param {jquery} item The dropdown item.
* @returns {Number}
*/
var getLimit = function(item) {
return parseInt(item.attr('data-item-count'), 10);
};
/**
* Get the offset of items from the start of the itemset for the given
* dropdown item.
*
* @param {jquery} root The root element.
* @param {jquery} item The dropdown item.
* @returns {Number}
*/
var getOffset = function(root, item) {
if (item.attr('data-offset') != undefined) {
return parseInt(item.attr('data-offset'), 10);
}
var offset = 0;
getPreviousItems(root, item).each(function(index, prevItem) {
prevItem = $(prevItem);
offset += getLimit(prevItem);
});
item.attr('data-offset', offset);
return offset;
};
/**
* Get the active dropdown item.
*
* @param {jquery} root The root element.
* @returns {jquery} The active dropdown item.
*/
var getActiveItem = function(root) {
return root.find(SELECTORS.ACTIVE_DROPDOWN_ITEM);
};
/**
* Create the event payload for the list of dropdown items. The event payload
* is an array of objects with one object per dropdown item.
*
* Each payload object contains the page number, limit, and offset for the
* corresponding dropdown item.
*
* For example: If we had 3 dropdown items with incrementing page numbers loading
* 25 items per page then the generated payload would look like:
* [
* {
* pageNumber: 1,
* limit: 25,
* offset: 0
* },
* {
* pageNumber: 2,
* limit: 25,
* offset: 25
* },
* {
* pageNumber: 3,
* limit: 25,
* offset: 50
* }
* ]
*
* @param {jquery} root The root element.
* @param {jquery} items The dropdown items.
* @returns {object[]} The payload for the event.
*/
var generateEventPayload = function(root, items) {
return items.map(function(index, item) {
item = $(item);
return {
pageNumber: getPageNumber(item),
limit: getLimit(item),
offset: getOffset(root, item),
};
}).get();
};
/**
* Add page number attributes to each of the given items. The page numbers
* start at 1 and increment by 1 for each item, e.g. 1, 2, 3 etc.
*
* @param {jquery} items The dropdown items.
*/
var generatePageNumbers = function(items) {
items.each(function(index, item) {
item = $(item);
item.attr('data-page-number', index + 1);
});
};
/**
* Make the given item active by setting the active class on it and firing
* the SHOW_PAGES event for the paged content to show the appropriate
* pages.
*
* @param {jquery} root The root element.
* @param {jquery} item The dropdown item.
* @param {string} id A unique id for this instance.
*/
var setActiveItem = function(root, item, id) {
var prevItems = getPreviousItems(root, item);
var allItems = prevItems.add(item);
var eventPayload = generateEventPayload(root, allItems);
var toggle = root.find(SELECTORS.DROPDOWN_TOGGLE);
var caret = toggle.find(SELECTORS.CARET);
getActiveItem(root).removeClass('active');
item.addClass('active');
// Update the dropdown toggle to show which item is selected.
toggle.html(item.text());
// Bootstrap 2 compatibility.
toggle.append(caret);
// Fire the event to tell the content to update.
PubSub.publish(id + PagedContentEvents.SHOW_PAGES, eventPayload);
};
/**
* Initialise the module by firing the SHOW_PAGES event for an existing
* active page found and setting up the event listener for the user to select
* new pages.
*
* @param {object} root The root element.
* @param {string} id A unique id for this instance.
*/
var init = function(root, id) {
root = $(root);
var items = getAllItems(root);
generatePageNumbers(items);
var activeItem = getActiveItem(root);
if (activeItem.length) {
// Fire the first event for the content to make sure it's visible.
setActiveItem(root, activeItem, id);
}
CustomEvents.define(root, [
CustomEvents.events.activate
]);
root.on(CustomEvents.events.activate, SELECTORS.DROPDOWN_ITEM, function(e, data) {
var item = $(e.target).closest(SELECTORS.DROPDOWN_ITEM);
setActiveItem(root, item, id);
data.originalEvent.preventDefault();
});
};
return {
init: init,
rootSelector: SELECTORS.ROOT,
};
});