ÿØÿà 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ĤÚ;H2RÚ†õ\Ö·Ÿn'¾ ñ#ºI¤Å´%çÁ­‚â7›‹qT3Iï¨ÖÚ5I7Ë!ÅOóŸ¶øÝñØôת¦$Tcö‘[«Ö³šÒ';Aþ ¸èíg A2Z"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, }; });