From 5d412e18e742b85892a345a7f736df04c1c93e5c Mon Sep 17 00:00:00 2001 From: Bas Brands Date: Tue, 2 Jun 2020 15:51:44 +0200 Subject: [PATCH] MDL-68889 block_recentlyaccessedcourses: small viewport issues - on small devices the recentlyaccessedcourses does not show any courses --- blocks/recentlyaccessedcourses/amd/build/main.min.js | 2 +- .../recentlyaccessedcourses/amd/build/main.min.js.map | 2 +- blocks/recentlyaccessedcourses/amd/src/main.js | 5 +++++ theme/boost/scss/moodle/blocks.scss | 10 ++++++---- theme/boost/style/moodle.css | 6 ++++-- theme/classic/style/moodle.css | 6 ++++-- 6 files changed, 21 insertions(+), 10 deletions(-) diff --git a/blocks/recentlyaccessedcourses/amd/build/main.min.js b/blocks/recentlyaccessedcourses/amd/build/main.min.js index 4d8e69fd15a..74a1b364182 100644 --- a/blocks/recentlyaccessedcourses/amd/build/main.min.js +++ b/blocks/recentlyaccessedcourses/amd/build/main.min.js @@ -1,2 +1,2 @@ -define ("block_recentlyaccessedcourses/main",["jquery","core/custom_interaction_events","core/notification","core/pubsub","core/paged_content_paging_bar","core/templates","core_course/events","core_course/repository"],function(a,b,c,d,e,f,g,h){var i={BLOCK_CONTAINER:"[data-region=\"recentlyaccessedcourses\"]",CARD_CONTAINER:"[data-region=\"card-deck\"]",COURSE_IS_FAVOURITE:"[data-region=\"is-favourite\"]",CONTENT:"[data-region=\"view-content\"]",EMPTY_MESSAGE:"[data-region=\"empty-message\"]",LOADING_PLACEHOLDER:"[data-region=\"loading-placeholder\"]",PAGING_BAR:"[data-region=\"paging-bar\"]",PAGING_BAR_NEXT:"[data-control=\"next\"]",PAGING_BAR_PREVIOUS:"[data-control=\"previous\"]"},j=!1,k=[],l=null,m=null,n=0,o=1,p=function(a){a.find(i.EMPTY_MESSAGE).removeClass("hidden");a.find(i.LOADING_PLACEHOLDER).addClass("hidden");a.find(i.CONTENT).addClass("hidden")},q=function(a){a.find(i.CONTENT).removeClass("hidden");a.find(i.EMPTY_MESSAGE).addClass("hidden");a.find(i.LOADING_PLACEHOLDER).addClass("hidden")},r=function(a){var b=a.find(i.PAGING_BAR);b.css("opacity",1);b.css("visibility","visible");b.attr("aria-hidden","false")},s=function(a){var b=a.find(i.PAGING_BAR);b.css("opacity",0);b.css("visibility","hidden");b.attr("aria-hidden","true")},t=function(a,b){k.forEach(function(a){if(a.attr("data-course-id")==b){a.find(i.COURSE_IS_FAVOURITE).removeClass("hidden")}})},u=function(a,b){k.forEach(function(a){if(a.attr("data-course-id")==b){a.find(i.COURSE_IS_FAVOURITE).addClass("hidden")}})},v=function(b){var d=a(i.BLOCK_CONTAINER).data("displaycoursecategory"),e=b.map(function(a){a.showcoursecategory=d;return f.render("block_recentlyaccessedcourses/course-card",a)});return a.when.apply(null,e).then(function(){var b=[];e.forEach(function(d){d.then(function(c){b.push(a(c))}).catch(c.exception)});return b})},w=function(a){return h.getLastAccessedCourses(a,10).then(function(a){return v(a)})},x=function(a){var b=a.find(i.CONTENT).find(i.CARD_CONTAINER),c=parseFloat(a.css("width")),d=k.length,f=0;if(!m){b.html(k[0]);m=k[0].outerWidth(!0)}o=Math.floor(c/m);if(n+oh.length){b.addClass("justify-content-center");b.removeClass("justify-content-start")}else{b.removeClass("justify-content-center");b.addClass("justify-content-start")}if(l!=j){var p=a.find(e.rootSelector);b.html(h);l=j;if(o>=k.length){s(a)}else{r(a);if(0===n){e.disablePreviousControlButtons(p)}else{e.enablePreviousControlButtons(p)}if(n+o>=k.length){e.disableNextControlButtons(p)}else{e.enableNextControlButtons(p)}}}},y=function(c){var e=null,f=!1;d.subscribe(g.favourited,function(a){t(c,a)});d.subscribe(g.unfavorited,function(a){u(c,a)});d.subscribe("nav-drawer-toggle-start",function(){if(!j||!k.length||f){return}f=!0;var a=0,b=function(){setTimeout(function(){x(c);a++;if(5>a&&f){b()}},100)};b(c)});d.subscribe("nav-drawer-toggle-end",function(){f=!1});a(window).on("resize",function(){if(!j||!k.length){return}if(!e){e=setTimeout(function(){e=null;x(c)},66)}});b.define(c,[b.events.activate]);c.on(b.events.activate,i.PAGING_BAR_NEXT,function(b,d){var e=a(b.target).closest(i.PAGING_BAR_NEXT);if(!e.hasClass("disabled")){n=n+o;x(c)}d.originalEvent.preventDefault()});c.on(b.events.activate,i.PAGING_BAR_PREVIOUS,function(b,d){var e=a(b.target).closest(i.PAGING_BAR_PREVIOUS);if(!e.hasClass("disabled")){n=n-o;n=0>n?0:n;x(c)}d.originalEvent.preventDefault()})};return{init:function init(b,d){d=a(d);y(d);w(b).then(function(a){k=a;j=!0;if(k.length){q(d);x(d)}else{p(d)}}).catch(c.exception)}}}); +define ("block_recentlyaccessedcourses/main",["jquery","core/custom_interaction_events","core/notification","core/pubsub","core/paged_content_paging_bar","core/templates","core_course/events","core_course/repository"],function(a,b,c,d,e,f,g,h){var i={BLOCK_CONTAINER:"[data-region=\"recentlyaccessedcourses\"]",CARD_CONTAINER:"[data-region=\"card-deck\"]",COURSE_IS_FAVOURITE:"[data-region=\"is-favourite\"]",CONTENT:"[data-region=\"view-content\"]",EMPTY_MESSAGE:"[data-region=\"empty-message\"]",LOADING_PLACEHOLDER:"[data-region=\"loading-placeholder\"]",PAGING_BAR:"[data-region=\"paging-bar\"]",PAGING_BAR_NEXT:"[data-control=\"next\"]",PAGING_BAR_PREVIOUS:"[data-control=\"previous\"]"},j=!1,k=[],l=null,m=null,n=0,o=1,p=function(a){a.find(i.EMPTY_MESSAGE).removeClass("hidden");a.find(i.LOADING_PLACEHOLDER).addClass("hidden");a.find(i.CONTENT).addClass("hidden")},q=function(a){a.find(i.CONTENT).removeClass("hidden");a.find(i.EMPTY_MESSAGE).addClass("hidden");a.find(i.LOADING_PLACEHOLDER).addClass("hidden")},r=function(a){var b=a.find(i.PAGING_BAR);b.css("opacity",1);b.css("visibility","visible");b.attr("aria-hidden","false")},s=function(a){var b=a.find(i.PAGING_BAR);b.css("opacity",0);b.css("visibility","hidden");b.attr("aria-hidden","true")},t=function(a,b){k.forEach(function(a){if(a.attr("data-course-id")==b){a.find(i.COURSE_IS_FAVOURITE).removeClass("hidden")}})},u=function(a,b){k.forEach(function(a){if(a.attr("data-course-id")==b){a.find(i.COURSE_IS_FAVOURITE).addClass("hidden")}})},v=function(b){var d=a(i.BLOCK_CONTAINER).data("displaycoursecategory"),e=b.map(function(a){a.showcoursecategory=d;return f.render("block_recentlyaccessedcourses/course-card",a)});return a.when.apply(null,e).then(function(){var b=[];e.forEach(function(d){d.then(function(c){b.push(a(c))}).catch(c.exception)});return b})},w=function(a){return h.getLastAccessedCourses(a,10).then(function(a){return v(a)})},x=function(a){var b=a.find(i.CONTENT).find(i.CARD_CONTAINER),c=parseFloat(a.css("width")),d=k.length,f=0;if(!m){b.html(k[0]);m=k[0].outerWidth(!0)}o=Math.floor(c/m);if(n+oh.length){b.addClass("justify-content-center");b.removeClass("justify-content-start")}else{b.removeClass("justify-content-center");b.addClass("justify-content-start")}if(l!=j){var p=a.find(e.rootSelector);b.html(h);l=j;if(o>=k.length){s(a)}else{r(a);if(0===n){e.disablePreviousControlButtons(p)}else{e.enablePreviousControlButtons(p)}if(n+o>=k.length){e.disableNextControlButtons(p)}else{e.enableNextControlButtons(p)}}}},y=function(c){var e=null,f=!1;d.subscribe(g.favourited,function(a){t(c,a)});d.subscribe(g.unfavorited,function(a){u(c,a)});d.subscribe("nav-drawer-toggle-start",function(){if(!j||!k.length||f){return}f=!0;var a=0,b=function(){setTimeout(function(){x(c);a++;if(5>a&&f){b()}},100)};b(c)});d.subscribe("nav-drawer-toggle-end",function(){f=!1});a(window).on("resize",function(){if(!j||!k.length){return}if(!e){e=setTimeout(function(){e=null;x(c)},66)}});b.define(c,[b.events.activate]);c.on(b.events.activate,i.PAGING_BAR_NEXT,function(b,d){var e=a(b.target).closest(i.PAGING_BAR_NEXT);if(!e.hasClass("disabled")){n=n+o;x(c)}d.originalEvent.preventDefault()});c.on(b.events.activate,i.PAGING_BAR_PREVIOUS,function(b,d){var e=a(b.target).closest(i.PAGING_BAR_PREVIOUS);if(!e.hasClass("disabled")){n=n-o;n=0>n?0:n;x(c)}d.originalEvent.preventDefault()})};return{init:function init(b,d){d=a(d);y(d);w(b).then(function(a){k=a;j=!0;if(k.length){q(d);x(d)}else{p(d)}}).catch(c.exception)}}}); //# sourceMappingURL=main.min.js.map diff --git a/blocks/recentlyaccessedcourses/amd/build/main.min.js.map b/blocks/recentlyaccessedcourses/amd/build/main.min.js.map index 6fdffbc47ca..3876cd1473c 100644 --- a/blocks/recentlyaccessedcourses/amd/build/main.min.js.map +++ b/blocks/recentlyaccessedcourses/amd/build/main.min.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/main.js"],"names":["define","$","CustomEvents","Notification","PubSub","PagedContentPagingBar","Templates","CourseEvents","CoursesRepository","SELECTORS","BLOCK_CONTAINER","CARD_CONTAINER","COURSE_IS_FAVOURITE","CONTENT","EMPTY_MESSAGE","LOADING_PLACEHOLDER","PAGING_BAR","PAGING_BAR_NEXT","PAGING_BAR_PREVIOUS","contentLoaded","allCourses","visibleCoursesId","cardWidth","viewIndex","availableVisibleCards","showEmptyMessage","root","find","removeClass","addClass","showContent","showPagingBar","pagingBar","css","attr","hidePagingBar","favouriteCourse","courseId","forEach","course","unfavouriteCourse","renderAllCourses","courses","showcoursecategory","data","promises","map","render","when","apply","then","renderedCourses","promise","html","push","catch","exception","loadContent","userid","getLastAccessedCourses","recalculateVisibleCourses","container","availableWidth","parseFloat","numberOfCourses","length","start","outerWidth","Math","floor","overflow","coursesToShow","slice","newVisibleCoursesId","reduce","carry","rootSelector","disablePreviousControlButtons","enablePreviousControlButtons","disableNextControlButtons","enableNextControlButtons","registerEventListeners","resizeTimeout","drawerToggling","subscribe","favourited","unfavorited","recalculationCount","doRecalculation","setTimeout","window","on","events","activate","e","button","target","closest","hasClass","originalEvent","preventDefault","init"],"mappings":"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","sourcesContent":["// This file is part of Moodle - http://moodle.org/\n//\n// Moodle is free software: you can redistribute it and/or modify\n// it under the terms of the GNU General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// Moodle is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU General Public License for more details.\n//\n// You should have received a copy of the GNU General Public License\n// along with Moodle. If not, see .\n\n/**\n * Javascript to initialise the Recently accessed courses block.\n *\n * @module block_recentlyaccessedcourses/main.js\n * @package block_recentlyaccessedcourses\n * @copyright 2018 Victor Deniz \n * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later\n */\n\ndefine(\n [\n 'jquery',\n 'core/custom_interaction_events',\n 'core/notification',\n 'core/pubsub',\n 'core/paged_content_paging_bar',\n 'core/templates',\n 'core_course/events',\n 'core_course/repository',\n ],\n function(\n $,\n CustomEvents,\n Notification,\n PubSub,\n PagedContentPagingBar,\n Templates,\n CourseEvents,\n CoursesRepository\n ) {\n\n // Constants.\n var NUM_COURSES_TOTAL = 10;\n var SELECTORS = {\n BLOCK_CONTAINER: '[data-region=\"recentlyaccessedcourses\"]',\n CARD_CONTAINER: '[data-region=\"card-deck\"]',\n COURSE_IS_FAVOURITE: '[data-region=\"is-favourite\"]',\n CONTENT: '[data-region=\"view-content\"]',\n EMPTY_MESSAGE: '[data-region=\"empty-message\"]',\n LOADING_PLACEHOLDER: '[data-region=\"loading-placeholder\"]',\n PAGING_BAR: '[data-region=\"paging-bar\"]',\n PAGING_BAR_NEXT: '[data-control=\"next\"]',\n PAGING_BAR_PREVIOUS: '[data-control=\"previous\"]'\n };\n // Module variables.\n var contentLoaded = false;\n var allCourses = [];\n var visibleCoursesId = null;\n var cardWidth = null;\n var viewIndex = 0;\n var availableVisibleCards = 1;\n\n /**\n * Show the empty message when no course are found.\n *\n * @param {object} root The root element for the courses view.\n */\n var showEmptyMessage = function(root) {\n root.find(SELECTORS.EMPTY_MESSAGE).removeClass('hidden');\n root.find(SELECTORS.LOADING_PLACEHOLDER).addClass('hidden');\n root.find(SELECTORS.CONTENT).addClass('hidden');\n };\n\n /**\n * Show the empty message when no course are found.\n *\n * @param {object} root The root element for the courses view.\n */\n var showContent = function(root) {\n root.find(SELECTORS.CONTENT).removeClass('hidden');\n root.find(SELECTORS.EMPTY_MESSAGE).addClass('hidden');\n root.find(SELECTORS.LOADING_PLACEHOLDER).addClass('hidden');\n };\n\n /**\n * Show the paging bar.\n *\n * @param {object} root The root element for the courses view.\n */\n var showPagingBar = function(root) {\n var pagingBar = root.find(SELECTORS.PAGING_BAR);\n pagingBar.css('opacity', 1);\n pagingBar.css('visibility', 'visible');\n pagingBar.attr('aria-hidden', 'false');\n };\n\n /**\n * Hide the paging bar.\n *\n * @param {object} root The root element for the courses view.\n */\n var hidePagingBar = function(root) {\n var pagingBar = root.find(SELECTORS.PAGING_BAR);\n pagingBar.css('opacity', 0);\n pagingBar.css('visibility', 'hidden');\n pagingBar.attr('aria-hidden', 'true');\n };\n\n /**\n * Show the favourite indicator for the given course (if it's in the list).\n *\n * @param {object} root The root element for the courses view.\n * @param {number} courseId The id of the course to be favourited.\n */\n var favouriteCourse = function(root, courseId) {\n allCourses.forEach(function(course) {\n if (course.attr('data-course-id') == courseId) {\n course.find(SELECTORS.COURSE_IS_FAVOURITE).removeClass('hidden');\n }\n });\n };\n\n /**\n * Hide the favourite indicator for the given course (if it's in the list).\n *\n * @param {object} root The root element for the courses view.\n * @param {number} courseId The id of the course to be unfavourited.\n */\n var unfavouriteCourse = function(root, courseId) {\n allCourses.forEach(function(course) {\n if (course.attr('data-course-id') == courseId) {\n course.find(SELECTORS.COURSE_IS_FAVOURITE).addClass('hidden');\n }\n });\n };\n\n /**\n * Render the a list of courses.\n *\n * @param {array} courses containing array of courses.\n * @return {promise} Resolved with list of rendered courses as jQuery objects.\n */\n var renderAllCourses = function(courses) {\n var showcoursecategory = $(SELECTORS.BLOCK_CONTAINER).data('displaycoursecategory');\n var promises = courses.map(function(course) {\n course.showcoursecategory = showcoursecategory;\n return Templates.render('block_recentlyaccessedcourses/course-card', course);\n });\n\n return $.when.apply(null, promises).then(function() {\n var renderedCourses = [];\n\n promises.forEach(function(promise) {\n promise.then(function(html) {\n renderedCourses.push($(html));\n return;\n })\n .catch(Notification.exception);\n });\n\n return renderedCourses;\n });\n };\n\n /**\n * Fetch user's recently accessed courses and reload the content of the block.\n *\n * @param {int} userid User whose courses will be shown\n * @returns {promise} The updated content for the block.\n */\n var loadContent = function(userid) {\n return CoursesRepository.getLastAccessedCourses(userid, NUM_COURSES_TOTAL)\n .then(function(courses) {\n return renderAllCourses(courses);\n });\n };\n\n /**\n * Recalculate the number of courses that should be visible.\n *\n * @param {object} root The root element for the courses view.\n */\n var recalculateVisibleCourses = function(root) {\n var container = root.find(SELECTORS.CONTENT).find(SELECTORS.CARD_CONTAINER);\n var availableWidth = parseFloat(root.css('width'));\n var numberOfCourses = allCourses.length;\n var start = 0;\n\n if (!cardWidth) {\n container.html(allCourses[0]);\n // Render one card initially to calculate the width of the cards\n // including the margins.\n cardWidth = allCourses[0].outerWidth(true);\n }\n\n availableVisibleCards = Math.floor(availableWidth / cardWidth);\n\n if (viewIndex + availableVisibleCards < numberOfCourses) {\n start = viewIndex;\n } else {\n var overflow = (viewIndex + availableVisibleCards) - numberOfCourses;\n start = viewIndex - overflow;\n start = start >= 0 ? start : 0;\n }\n\n var coursesToShow = allCourses.slice(start, start + availableVisibleCards);\n // Create an id for the list of courses we expect to be displayed.\n var newVisibleCoursesId = coursesToShow.reduce(function(carry, course) {\n return carry + course.attr('data-course-id');\n }, '');\n\n // Centre the courses if we have an overflow of courses.\n if (allCourses.length > coursesToShow.length) {\n container.addClass('justify-content-center');\n container.removeClass('justify-content-start');\n } else {\n container.removeClass('justify-content-center');\n container.addClass('justify-content-start');\n }\n\n // Don't bother updating the DOM unless the visible courses have changed.\n if (visibleCoursesId != newVisibleCoursesId) {\n var pagingBar = root.find(PagedContentPagingBar.rootSelector);\n container.html(coursesToShow);\n visibleCoursesId = newVisibleCoursesId;\n\n if (availableVisibleCards >= allCourses.length) {\n hidePagingBar(root);\n } else {\n showPagingBar(root);\n\n if (viewIndex === 0) {\n PagedContentPagingBar.disablePreviousControlButtons(pagingBar);\n } else {\n PagedContentPagingBar.enablePreviousControlButtons(pagingBar);\n }\n\n if (viewIndex + availableVisibleCards >= allCourses.length) {\n PagedContentPagingBar.disableNextControlButtons(pagingBar);\n } else {\n PagedContentPagingBar.enableNextControlButtons(pagingBar);\n }\n }\n }\n };\n\n /**\n * Register event listeners for the block.\n *\n * @param {object} root The root element for the recentlyaccessedcourses block.\n */\n var registerEventListeners = function(root) {\n var resizeTimeout = null;\n var drawerToggling = false;\n\n PubSub.subscribe(CourseEvents.favourited, function(courseId) {\n favouriteCourse(root, courseId);\n });\n\n PubSub.subscribe(CourseEvents.unfavorited, function(courseId) {\n unfavouriteCourse(root, courseId);\n });\n\n PubSub.subscribe('nav-drawer-toggle-start', function() {\n if (!contentLoaded || !allCourses.length || drawerToggling) {\n // Nothing to recalculate.\n return;\n }\n\n drawerToggling = true;\n var recalculationCount = 0;\n // This function is going to recalculate the number of courses while\n // the nav drawer is opening or closes (up to a maximum of 5 recalcs).\n var doRecalculation = function() {\n setTimeout(function() {\n recalculateVisibleCourses(root);\n recalculationCount++;\n\n if (recalculationCount < 5 && drawerToggling) {\n // If we haven't done too many recalculations and the drawer\n // is still toggling then recurse.\n doRecalculation();\n }\n }, 100);\n };\n\n // Start the recalculations.\n doRecalculation(root);\n });\n\n PubSub.subscribe('nav-drawer-toggle-end', function() {\n drawerToggling = false;\n });\n\n $(window).on('resize', function() {\n if (!contentLoaded || !allCourses.length) {\n // Nothing to reclculate.\n return;\n }\n\n // Resize events fire rapidly so recalculating the visible courses each\n // time can be expensive. Let's debounce them,\n if (!resizeTimeout) {\n resizeTimeout = setTimeout(function() {\n resizeTimeout = null;\n recalculateVisibleCourses(root);\n // The recalculateVisibleCourses function will execute at a rate of 15fps.\n }, 66);\n }\n });\n\n CustomEvents.define(root, [CustomEvents.events.activate]);\n root.on(CustomEvents.events.activate, SELECTORS.PAGING_BAR_NEXT, function(e, data) {\n var button = $(e.target).closest(SELECTORS.PAGING_BAR_NEXT);\n if (!button.hasClass('disabled')) {\n viewIndex = viewIndex + availableVisibleCards;\n recalculateVisibleCourses(root);\n }\n\n data.originalEvent.preventDefault();\n });\n\n root.on(CustomEvents.events.activate, SELECTORS.PAGING_BAR_PREVIOUS, function(e, data) {\n var button = $(e.target).closest(SELECTORS.PAGING_BAR_PREVIOUS);\n if (!button.hasClass('disabled')) {\n viewIndex = viewIndex - availableVisibleCards;\n viewIndex = viewIndex < 0 ? 0 : viewIndex;\n recalculateVisibleCourses(root);\n }\n\n data.originalEvent.preventDefault();\n });\n };\n\n /**\n * Get and show the recent courses into the block.\n *\n * @param {int} userid User from which the courses will be obtained\n * @param {object} root The root element for the recentlyaccessedcourses block.\n */\n var init = function(userid, root) {\n root = $(root);\n\n registerEventListeners(root);\n loadContent(userid)\n .then(function(renderedCourses) {\n allCourses = renderedCourses;\n contentLoaded = true;\n\n if (allCourses.length) {\n showContent(root);\n recalculateVisibleCourses(root);\n } else {\n showEmptyMessage(root);\n }\n\n return;\n })\n .catch(Notification.exception);\n };\n\n return {\n init: init\n };\n });\n"],"file":"main.min.js"} \ No newline at end of file +{"version":3,"sources":["../src/main.js"],"names":["define","$","CustomEvents","Notification","PubSub","PagedContentPagingBar","Templates","CourseEvents","CoursesRepository","SELECTORS","BLOCK_CONTAINER","CARD_CONTAINER","COURSE_IS_FAVOURITE","CONTENT","EMPTY_MESSAGE","LOADING_PLACEHOLDER","PAGING_BAR","PAGING_BAR_NEXT","PAGING_BAR_PREVIOUS","contentLoaded","allCourses","visibleCoursesId","cardWidth","viewIndex","availableVisibleCards","showEmptyMessage","root","find","removeClass","addClass","showContent","showPagingBar","pagingBar","css","attr","hidePagingBar","favouriteCourse","courseId","forEach","course","unfavouriteCourse","renderAllCourses","courses","showcoursecategory","data","promises","map","render","when","apply","then","renderedCourses","promise","html","push","catch","exception","loadContent","userid","getLastAccessedCourses","recalculateVisibleCourses","container","availableWidth","parseFloat","numberOfCourses","length","start","outerWidth","Math","floor","overflow","coursesToShow","slice","newVisibleCoursesId","reduce","carry","rootSelector","disablePreviousControlButtons","enablePreviousControlButtons","disableNextControlButtons","enableNextControlButtons","registerEventListeners","resizeTimeout","drawerToggling","subscribe","favourited","unfavorited","recalculationCount","doRecalculation","setTimeout","window","on","events","activate","e","button","target","closest","hasClass","originalEvent","preventDefault","init"],"mappings":"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","sourcesContent":["// This file is part of Moodle - http://moodle.org/\n//\n// Moodle is free software: you can redistribute it and/or modify\n// it under the terms of the GNU General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// Moodle is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU General Public License for more details.\n//\n// You should have received a copy of the GNU General Public License\n// along with Moodle. If not, see .\n\n/**\n * Javascript to initialise the Recently accessed courses block.\n *\n * @module block_recentlyaccessedcourses/main.js\n * @package block_recentlyaccessedcourses\n * @copyright 2018 Victor Deniz \n * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later\n */\n\ndefine(\n [\n 'jquery',\n 'core/custom_interaction_events',\n 'core/notification',\n 'core/pubsub',\n 'core/paged_content_paging_bar',\n 'core/templates',\n 'core_course/events',\n 'core_course/repository',\n ],\n function(\n $,\n CustomEvents,\n Notification,\n PubSub,\n PagedContentPagingBar,\n Templates,\n CourseEvents,\n CoursesRepository\n ) {\n\n // Constants.\n var NUM_COURSES_TOTAL = 10;\n var SELECTORS = {\n BLOCK_CONTAINER: '[data-region=\"recentlyaccessedcourses\"]',\n CARD_CONTAINER: '[data-region=\"card-deck\"]',\n COURSE_IS_FAVOURITE: '[data-region=\"is-favourite\"]',\n CONTENT: '[data-region=\"view-content\"]',\n EMPTY_MESSAGE: '[data-region=\"empty-message\"]',\n LOADING_PLACEHOLDER: '[data-region=\"loading-placeholder\"]',\n PAGING_BAR: '[data-region=\"paging-bar\"]',\n PAGING_BAR_NEXT: '[data-control=\"next\"]',\n PAGING_BAR_PREVIOUS: '[data-control=\"previous\"]'\n };\n // Module variables.\n var contentLoaded = false;\n var allCourses = [];\n var visibleCoursesId = null;\n var cardWidth = null;\n var viewIndex = 0;\n var availableVisibleCards = 1;\n\n /**\n * Show the empty message when no course are found.\n *\n * @param {object} root The root element for the courses view.\n */\n var showEmptyMessage = function(root) {\n root.find(SELECTORS.EMPTY_MESSAGE).removeClass('hidden');\n root.find(SELECTORS.LOADING_PLACEHOLDER).addClass('hidden');\n root.find(SELECTORS.CONTENT).addClass('hidden');\n };\n\n /**\n * Show the empty message when no course are found.\n *\n * @param {object} root The root element for the courses view.\n */\n var showContent = function(root) {\n root.find(SELECTORS.CONTENT).removeClass('hidden');\n root.find(SELECTORS.EMPTY_MESSAGE).addClass('hidden');\n root.find(SELECTORS.LOADING_PLACEHOLDER).addClass('hidden');\n };\n\n /**\n * Show the paging bar.\n *\n * @param {object} root The root element for the courses view.\n */\n var showPagingBar = function(root) {\n var pagingBar = root.find(SELECTORS.PAGING_BAR);\n pagingBar.css('opacity', 1);\n pagingBar.css('visibility', 'visible');\n pagingBar.attr('aria-hidden', 'false');\n };\n\n /**\n * Hide the paging bar.\n *\n * @param {object} root The root element for the courses view.\n */\n var hidePagingBar = function(root) {\n var pagingBar = root.find(SELECTORS.PAGING_BAR);\n pagingBar.css('opacity', 0);\n pagingBar.css('visibility', 'hidden');\n pagingBar.attr('aria-hidden', 'true');\n };\n\n /**\n * Show the favourite indicator for the given course (if it's in the list).\n *\n * @param {object} root The root element for the courses view.\n * @param {number} courseId The id of the course to be favourited.\n */\n var favouriteCourse = function(root, courseId) {\n allCourses.forEach(function(course) {\n if (course.attr('data-course-id') == courseId) {\n course.find(SELECTORS.COURSE_IS_FAVOURITE).removeClass('hidden');\n }\n });\n };\n\n /**\n * Hide the favourite indicator for the given course (if it's in the list).\n *\n * @param {object} root The root element for the courses view.\n * @param {number} courseId The id of the course to be unfavourited.\n */\n var unfavouriteCourse = function(root, courseId) {\n allCourses.forEach(function(course) {\n if (course.attr('data-course-id') == courseId) {\n course.find(SELECTORS.COURSE_IS_FAVOURITE).addClass('hidden');\n }\n });\n };\n\n /**\n * Render the a list of courses.\n *\n * @param {array} courses containing array of courses.\n * @return {promise} Resolved with list of rendered courses as jQuery objects.\n */\n var renderAllCourses = function(courses) {\n var showcoursecategory = $(SELECTORS.BLOCK_CONTAINER).data('displaycoursecategory');\n var promises = courses.map(function(course) {\n course.showcoursecategory = showcoursecategory;\n return Templates.render('block_recentlyaccessedcourses/course-card', course);\n });\n\n return $.when.apply(null, promises).then(function() {\n var renderedCourses = [];\n\n promises.forEach(function(promise) {\n promise.then(function(html) {\n renderedCourses.push($(html));\n return;\n })\n .catch(Notification.exception);\n });\n\n return renderedCourses;\n });\n };\n\n /**\n * Fetch user's recently accessed courses and reload the content of the block.\n *\n * @param {int} userid User whose courses will be shown\n * @returns {promise} The updated content for the block.\n */\n var loadContent = function(userid) {\n return CoursesRepository.getLastAccessedCourses(userid, NUM_COURSES_TOTAL)\n .then(function(courses) {\n return renderAllCourses(courses);\n });\n };\n\n /**\n * Recalculate the number of courses that should be visible.\n *\n * @param {object} root The root element for the courses view.\n */\n var recalculateVisibleCourses = function(root) {\n var container = root.find(SELECTORS.CONTENT).find(SELECTORS.CARD_CONTAINER);\n var availableWidth = parseFloat(root.css('width'));\n var numberOfCourses = allCourses.length;\n var start = 0;\n\n if (!cardWidth) {\n container.html(allCourses[0]);\n // Render one card initially to calculate the width of the cards\n // including the margins.\n cardWidth = allCourses[0].outerWidth(true);\n }\n\n availableVisibleCards = Math.floor(availableWidth / cardWidth);\n\n if (viewIndex + availableVisibleCards < numberOfCourses) {\n start = viewIndex;\n } else {\n var overflow = (viewIndex + availableVisibleCards) - numberOfCourses;\n start = viewIndex - overflow;\n start = start >= 0 ? start : 0;\n }\n\n // At least show one card.\n if (availableVisibleCards === 0) {\n availableVisibleCards = 1;\n }\n\n var coursesToShow = allCourses.slice(start, start + availableVisibleCards);\n // Create an id for the list of courses we expect to be displayed.\n var newVisibleCoursesId = coursesToShow.reduce(function(carry, course) {\n return carry + course.attr('data-course-id');\n }, '');\n\n // Centre the courses if we have an overflow of courses.\n if (allCourses.length > coursesToShow.length) {\n container.addClass('justify-content-center');\n container.removeClass('justify-content-start');\n } else {\n container.removeClass('justify-content-center');\n container.addClass('justify-content-start');\n }\n\n // Don't bother updating the DOM unless the visible courses have changed.\n if (visibleCoursesId != newVisibleCoursesId) {\n var pagingBar = root.find(PagedContentPagingBar.rootSelector);\n container.html(coursesToShow);\n visibleCoursesId = newVisibleCoursesId;\n\n if (availableVisibleCards >= allCourses.length) {\n hidePagingBar(root);\n } else {\n showPagingBar(root);\n\n if (viewIndex === 0) {\n PagedContentPagingBar.disablePreviousControlButtons(pagingBar);\n } else {\n PagedContentPagingBar.enablePreviousControlButtons(pagingBar);\n }\n\n if (viewIndex + availableVisibleCards >= allCourses.length) {\n PagedContentPagingBar.disableNextControlButtons(pagingBar);\n } else {\n PagedContentPagingBar.enableNextControlButtons(pagingBar);\n }\n }\n }\n };\n\n /**\n * Register event listeners for the block.\n *\n * @param {object} root The root element for the recentlyaccessedcourses block.\n */\n var registerEventListeners = function(root) {\n var resizeTimeout = null;\n var drawerToggling = false;\n\n PubSub.subscribe(CourseEvents.favourited, function(courseId) {\n favouriteCourse(root, courseId);\n });\n\n PubSub.subscribe(CourseEvents.unfavorited, function(courseId) {\n unfavouriteCourse(root, courseId);\n });\n\n PubSub.subscribe('nav-drawer-toggle-start', function() {\n if (!contentLoaded || !allCourses.length || drawerToggling) {\n // Nothing to recalculate.\n return;\n }\n\n drawerToggling = true;\n var recalculationCount = 0;\n // This function is going to recalculate the number of courses while\n // the nav drawer is opening or closes (up to a maximum of 5 recalcs).\n var doRecalculation = function() {\n setTimeout(function() {\n recalculateVisibleCourses(root);\n recalculationCount++;\n\n if (recalculationCount < 5 && drawerToggling) {\n // If we haven't done too many recalculations and the drawer\n // is still toggling then recurse.\n doRecalculation();\n }\n }, 100);\n };\n\n // Start the recalculations.\n doRecalculation(root);\n });\n\n PubSub.subscribe('nav-drawer-toggle-end', function() {\n drawerToggling = false;\n });\n\n $(window).on('resize', function() {\n if (!contentLoaded || !allCourses.length) {\n // Nothing to reclculate.\n return;\n }\n\n // Resize events fire rapidly so recalculating the visible courses each\n // time can be expensive. Let's debounce them,\n if (!resizeTimeout) {\n resizeTimeout = setTimeout(function() {\n resizeTimeout = null;\n recalculateVisibleCourses(root);\n // The recalculateVisibleCourses function will execute at a rate of 15fps.\n }, 66);\n }\n });\n\n CustomEvents.define(root, [CustomEvents.events.activate]);\n root.on(CustomEvents.events.activate, SELECTORS.PAGING_BAR_NEXT, function(e, data) {\n var button = $(e.target).closest(SELECTORS.PAGING_BAR_NEXT);\n if (!button.hasClass('disabled')) {\n viewIndex = viewIndex + availableVisibleCards;\n recalculateVisibleCourses(root);\n }\n\n data.originalEvent.preventDefault();\n });\n\n root.on(CustomEvents.events.activate, SELECTORS.PAGING_BAR_PREVIOUS, function(e, data) {\n var button = $(e.target).closest(SELECTORS.PAGING_BAR_PREVIOUS);\n if (!button.hasClass('disabled')) {\n viewIndex = viewIndex - availableVisibleCards;\n viewIndex = viewIndex < 0 ? 0 : viewIndex;\n recalculateVisibleCourses(root);\n }\n\n data.originalEvent.preventDefault();\n });\n };\n\n /**\n * Get and show the recent courses into the block.\n *\n * @param {int} userid User from which the courses will be obtained\n * @param {object} root The root element for the recentlyaccessedcourses block.\n */\n var init = function(userid, root) {\n root = $(root);\n\n registerEventListeners(root);\n loadContent(userid)\n .then(function(renderedCourses) {\n allCourses = renderedCourses;\n contentLoaded = true;\n\n if (allCourses.length) {\n showContent(root);\n recalculateVisibleCourses(root);\n } else {\n showEmptyMessage(root);\n }\n\n return;\n })\n .catch(Notification.exception);\n };\n\n return {\n init: init\n };\n });\n"],"file":"main.min.js"} \ No newline at end of file diff --git a/blocks/recentlyaccessedcourses/amd/src/main.js b/blocks/recentlyaccessedcourses/amd/src/main.js index ca3186b5899..baa8d183eca 100644 --- a/blocks/recentlyaccessedcourses/amd/src/main.js +++ b/blocks/recentlyaccessedcourses/amd/src/main.js @@ -208,6 +208,11 @@ define( start = start >= 0 ? start : 0; } + // At least show one card. + if (availableVisibleCards === 0) { + availableVisibleCards = 1; + } + var coursesToShow = allCourses.slice(start, start + availableVisibleCards); // Create an id for the list of courses we expect to be displayed. var newVisibleCoursesId = coursesToShow.reduce(function(carry, course) { diff --git a/theme/boost/scss/moodle/blocks.scss b/theme/boost/scss/moodle/blocks.scss index c7129e5c7be..7535058ec67 100644 --- a/theme/boost/scss/moodle/blocks.scss +++ b/theme/boost/scss/moodle/blocks.scss @@ -160,10 +160,12 @@ $card-gutter : $card-deck-margin * 2; padding: 0.8rem; } } - - &.fixed-width-cards { - .dashboard-card { - width: 300px; + @include media-breakpoint-up(sm) { + &.fixed-width-cards { + .dashboard-card { + width: 300px; + max-width: 100%; + } } } } diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css index 1835db659ef..16c11c4f5a6 100644 --- a/theme/boost/style/moodle.css +++ b/theme/boost/style/moodle.css @@ -12222,8 +12222,10 @@ body.h5p-embed .h5pmessages { .dashboard-card-deck .dashboard-card .dashboard-card-footer { padding: 0.8rem; } -.dashboard-card-deck.fixed-width-cards .dashboard-card { - width: 300px; } +@media (min-width: 576px) { + .dashboard-card-deck.fixed-width-cards .dashboard-card { + width: 300px; + max-width: 100%; } } @media (min-width: 576px) { .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css index 295517d180b..147b72ffe78 100644 --- a/theme/classic/style/moodle.css +++ b/theme/classic/style/moodle.css @@ -12462,8 +12462,10 @@ body.h5p-embed .h5pmessages { .dashboard-card-deck .dashboard-card .dashboard-card-footer { padding: 0.8rem; } -.dashboard-card-deck.fixed-width-cards .dashboard-card { - width: 300px; } +@media (min-width: 576px) { + .dashboard-card-deck.fixed-width-cards .dashboard-card { + width: 300px; + max-width: 100%; } } @media (min-width: 576px) { .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {