diff --git a/user/amd/build/participantsfilter.min.js b/user/amd/build/participantsfilter.min.js index 2a5efd0d34a..7816ca5f79e 100644 --- a/user/amd/build/participantsfilter.min.js +++ b/user/amd/build/participantsfilter.min.js @@ -1,2 +1,2 @@ -function _typeof(a){"@babel/helpers - typeof";if("function"==typeof Symbol&&"symbol"==typeof Symbol.iterator){_typeof=function(a){return typeof a}}else{_typeof=function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a}}return _typeof(a)}define ("core_user/participantsfilter",["exports","./local/participantsfilter/filtertypes/courseid","core_table/dynamic","./local/participantsfilter/filter","core/str","core/notification","./local/participantsfilter/selectors","core/templates"],function(a,b,c,d,e,f,g,h){"use strict";Object.defineProperty(a,"__esModule",{value:!0});a.init=void 0;b=k(b);c=j(c);d=k(d);f=k(f);g=k(g);h=k(h);var x="undefined"!=typeof window?window:"undefined"!=typeof self?self:"undefined"!=typeof global?global:{};function i(){if("function"!=typeof WeakMap)return null;var a=new WeakMap;i=function(){return a};return a}function j(a){if(a&&a.__esModule){return a}if(null===a||"object"!==_typeof(a)&&"function"!=typeof a){return{default:a}}var b=i();if(b&&b.has(a)){return b.get(a)}var c={},d=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var e in a){if(Object.prototype.hasOwnProperty.call(a,e)){var f=d?Object.getOwnPropertyDescriptor(a,e):null;if(f&&(f.get||f.set)){Object.defineProperty(c,e,f)}else{c[e]=a[e]}}}c.default=a;if(b){b.set(a,c)}return c}function k(a){return a&&a.__esModule?a:{default:a}}function l(a){return o(a)||n(a)||r(a)||m()}function m(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function n(a){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(a))return Array.from(a)}function o(a){if(Array.isArray(a))return s(a)}function p(a,b){return u(a)||t(a,b)||r(a,b)||q()}function q(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function r(a,b){if(!a)return;if("string"==typeof a)return s(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);if("Object"===c&&a.constructor)c=a.constructor.name;if("Map"===c||"Set"===c)return Array.from(c);if("Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c))return s(a,b)}function s(a,b){if(null==b||b>a.length)b=a.length;for(var c=0,d=Array(b);ca.length)b=a.length;for(var c=0,d=Array(b);c.\n\n/**\n * Participants filter managemnet.\n *\n * @module core_user/participants_filter\n * @package core_user\n * @copyright 2020 Andrew Nicols \n * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later\n */\n\nimport CourseFilter from './local/participantsfilter/filtertypes/courseid';\nimport * as DynamicTable from 'core_table/dynamic';\nimport GenericFilter from './local/participantsfilter/filter';\nimport {get_strings as getStrings} from 'core/str';\nimport Notification from 'core/notification';\nimport Selectors from './local/participantsfilter/selectors';\nimport Templates from 'core/templates';\n\n/**\n * Initialise the participants filter on the element with the given id.\n *\n * @param {String} participantsRegionId\n */\nexport const init = participantsRegionId => {\n // Keep a reference to the filterset.\n const filterSet = document.querySelector(`#${participantsRegionId}`);\n\n // Keep a reference to all of the active filters.\n const activeFilters = {\n courseid: new CourseFilter('courseid', filterSet),\n };\n\n /**\n * Get the filter list region.\n *\n * @return {HTMLElement}\n */\n const getFilterRegion = () => filterSet.querySelector(Selectors.filterset.regions.filterlist);\n\n /**\n * Add an unselected filter row.\n *\n * @return {Promise}\n */\n const addFilterRow = () => {\n const rownum = 1 + getFilterRegion().querySelectorAll(Selectors.filter.region).length;\n return Templates.renderForPromise('core_user/local/participantsfilter/filterrow', {\"rownumber\": rownum})\n .then(({html, js}) => {\n const newContentNodes = Templates.appendNodeContents(getFilterRegion(), html, js);\n\n return newContentNodes;\n })\n .then(filterRow => {\n // Note: This is a nasty hack.\n // We should try to find a better way of doing this.\n // We do not have the list of types in a readily consumable format, so we take the pre-rendered one and copy\n // it in place.\n const typeList = filterSet.querySelector(Selectors.data.typeList);\n\n filterRow.forEach(contentNode => {\n const contentTypeList = contentNode.querySelector(Selectors.filter.fields.type);\n\n if (contentTypeList) {\n contentTypeList.innerHTML = typeList.innerHTML;\n }\n });\n\n return filterRow;\n })\n .then(filterRow => {\n updateFiltersOptions();\n\n return filterRow;\n })\n .catch(Notification.exception);\n };\n\n /**\n * Get the filter data source node fro the specified filter type.\n *\n * @param {String} filterType\n * @return {HTMLElement}\n */\n const getFilterDataSource = filterType => {\n const filterDataNode = filterSet.querySelector(Selectors.filterset.regions.datasource);\n\n return filterDataNode.querySelector(Selectors.data.fields.byName(filterType));\n };\n\n /**\n * Add a filter to the list of active filters, performing any necessary setup.\n *\n * @param {HTMLElement} filterRow\n * @param {String} filterType\n * @param {Array} initialFilterValues The initially selected values for the filter\n * @returns {Filter}\n */\n const addFilter = async(filterRow, filterType, initialFilterValues) => {\n // Name the filter on the filter row.\n filterRow.dataset.filterType = filterType;\n\n const filterDataNode = getFilterDataSource(filterType);\n\n // Instantiate the Filter class.\n let Filter = GenericFilter;\n if (filterDataNode.dataset.filterTypeClass) {\n Filter = await import(filterDataNode.dataset.filterTypeClass);\n }\n activeFilters[filterType] = new Filter(filterType, filterSet, initialFilterValues);\n\n // Disable the select.\n const typeField = filterRow.querySelector(Selectors.filter.fields.type);\n typeField.value = filterType;\n typeField.disabled = 'disabled';\n\n // Update the list of available filter types.\n updateFiltersOptions();\n\n return activeFilters[filterType];\n };\n\n /**\n * Get the registered filter class for the named filter.\n *\n * @param {String} name\n * @return {Object} See the Filter class.\n */\n const getFilterObject = name => {\n return activeFilters[name];\n };\n\n /**\n * Remove or replace the specified filter row and associated class, ensuring that if there is only one filter row,\n * that it is replaced instead of being removed.\n *\n * @param {HTMLElement} filterRow\n */\n const removeOrReplaceFilterRow = filterRow => {\n const filterCount = getFilterRegion().querySelectorAll(Selectors.filter.region).length;\n\n if (filterCount === 1) {\n replaceFilterRow(filterRow);\n } else {\n removeFilterRow(filterRow);\n }\n };\n\n /**\n * Remove the specified filter row and associated class.\n *\n * @param {HTMLElement} filterRow\n */\n const removeFilterRow = async filterRow => {\n const filterType = filterRow.querySelector(Selectors.filter.fields.type);\n const hasFilterValue = !!filterType.value;\n\n // Remove the filter object.\n removeFilterObject(filterRow.dataset.filterType);\n\n // Remove the actual filter HTML.\n filterRow.remove();\n\n // Update the list of available filter types.\n updateFiltersOptions();\n\n if (hasFilterValue) {\n // Refresh the table if there was any content in this row.\n updateTableFromFilter();\n }\n\n // Update filter fieldset legends.\n const filterLegends = await getAvailableFilterLegends();\n\n getFilterRegion().querySelectorAll(Selectors.filter.region).forEach((filterRow, index) => {\n filterRow.querySelector('legend').innerText = filterLegends[index];\n });\n\n };\n\n /**\n * Replace the specified filter row with a new one.\n *\n * @param {HTMLElement} filterRow\n * @param {Number} rowNum The number used to label the filter fieldset legend (eg Row 1). Defaults to 1 (the first filter).\n * @return {Promise}\n */\n const replaceFilterRow = (filterRow, rowNum = 1) => {\n // Remove the filter object.\n removeFilterObject(filterRow.dataset.filterType);\n\n return Templates.renderForPromise('core_user/local/participantsfilter/filterrow', {\"rownumber\": rowNum})\n .then(({html, js}) => {\n const newContentNodes = Templates.replaceNode(filterRow, html, js);\n\n return newContentNodes;\n })\n .then(filterRow => {\n // Note: This is a nasty hack.\n // We should try to find a better way of doing this.\n // We do not have the list of types in a readily consumable format, so we take the pre-rendered one and copy\n // it in place.\n const typeList = filterSet.querySelector(Selectors.data.typeList);\n\n filterRow.forEach(contentNode => {\n const contentTypeList = contentNode.querySelector(Selectors.filter.fields.type);\n\n if (contentTypeList) {\n contentTypeList.innerHTML = typeList.innerHTML;\n }\n });\n\n return filterRow;\n })\n .then(filterRow => {\n updateFiltersOptions();\n\n return filterRow;\n })\n .then(filterRow => {\n // Refresh the table.\n updateTableFromFilter();\n\n return filterRow;\n })\n .catch(Notification.exception);\n };\n\n /**\n * Remove the Filter Object from the register.\n *\n * @param {string} filterName The name of the filter to be removed\n */\n const removeFilterObject = filterName => {\n if (filterName) {\n const filter = getFilterObject(filterName);\n if (filter) {\n filter.tearDown();\n\n // Remove from the list of active filters.\n delete activeFilters[filterName];\n }\n }\n };\n\n /**\n * Remove all filters.\n *\n * @returns {Promise}\n */\n const removeAllFilters = () => {\n const filters = getFilterRegion().querySelectorAll(Selectors.filter.region);\n filters.forEach(filterRow => removeOrReplaceFilterRow(filterRow));\n\n // Refresh the table.\n return updateTableFromFilter();\n };\n\n /**\n * Remove any empty filters.\n */\n const removeEmptyFilters = () => {\n const filters = getFilterRegion().querySelectorAll(Selectors.filter.region);\n filters.forEach(filterRow => {\n const filterType = filterRow.querySelector(Selectors.filter.fields.type);\n if (!filterType.value) {\n removeOrReplaceFilterRow(filterRow);\n }\n });\n };\n\n /**\n * Update the list of filter types to filter out those already selected.\n */\n const updateFiltersOptions = () => {\n const filters = getFilterRegion().querySelectorAll(Selectors.filter.region);\n filters.forEach(filterRow => {\n const options = filterRow.querySelectorAll(Selectors.filter.fields.type + ' option');\n options.forEach(option => {\n if (option.value === filterRow.dataset.filterType) {\n option.classList.remove('hidden');\n option.disabled = false;\n } else if (activeFilters[option.value]) {\n option.classList.add('hidden');\n option.disabled = true;\n } else {\n option.classList.remove('hidden');\n option.disabled = false;\n }\n });\n });\n\n // Configure the state of the \"Add row\" button.\n // This button is disabled when there is a filter row available for each condition.\n const addRowButton = filterSet.querySelector(Selectors.filterset.actions.addRow);\n const filterDataNode = filterSet.querySelectorAll(Selectors.data.fields.all);\n if (filterDataNode.length <= filters.length) {\n addRowButton.setAttribute('disabled', 'disabled');\n } else {\n addRowButton.removeAttribute('disabled');\n }\n\n if (filters.length === 1) {\n filterSet.querySelector(Selectors.filterset.regions.filtermatch).classList.add('hidden');\n filterSet.querySelector(Selectors.filterset.fields.join).value = 1;\n } else {\n filterSet.querySelector(Selectors.filterset.regions.filtermatch).classList.remove('hidden');\n }\n };\n\n /**\n * Set the current filter options based on a provided configuration.\n *\n * @param {Object} config\n * @param {Number} config.jointype\n * @param {Object} config.filters\n */\n const setFilterFromConfig = config => {\n const filterConfig = Object.entries(config.filters);\n\n if (!filterConfig.length) {\n // There are no filters to set from.\n return;\n }\n\n // Set the main join type.\n filterSet.querySelector(Selectors.filterset.fields.join).value = config.jointype;\n\n const filterPromises = filterConfig.map(([filterType, filterData]) => {\n if (filterType === 'courseid') {\n // The courseid is a special case.\n return false;\n }\n\n const filterValues = filterData.values;\n\n if (!filterValues.length) {\n // There are no values for this filter.\n // Skip it.\n return false;\n }\n\n return addFilterRow().then(([filterRow]) => addFilter(filterRow, filterType, filterValues));\n }).filter(promise => promise);\n\n if (!filterPromises.length) {\n return;\n }\n\n Promise.all(filterPromises).then(() => {\n return removeEmptyFilters();\n })\n .then(updateFiltersOptions)\n .then(updateTableFromFilter)\n .catch();\n };\n\n /**\n * Update the Dynamic table based upon the current filter.\n *\n * @return {Promise}\n */\n const updateTableFromFilter = () => {\n const filters = {};\n Object.values(activeFilters).forEach(filter => {\n filters[filter.filterValue.name] = filter.filterValue;\n });\n\n return DynamicTable.setFilters(\n DynamicTable.getTableFromId(filterSet.dataset.tableRegion),\n {\n jointype: parseInt(filterSet.querySelector(Selectors.filterset.fields.join).value, 10),\n filters,\n }\n )\n .catch(Notification.exception);\n };\n\n /**\n * Fetch the strings used to populate the fieldset legends for the maximum number of filters possible.\n *\n * @return {array}\n */\n const getAvailableFilterLegends = async() => {\n const maxFilters = document.querySelector(Selectors.data.typeListSelect).length - 1;\n let requests = [];\n\n [...Array(maxFilters)].forEach((_, rowIndex) => {\n requests.push({\n \"key\": \"filterrowlegend\",\n \"component\": \"core_user\",\n // Add 1 since rows begin at 1 (index begins at zero).\n \"param\": rowIndex + 1\n });\n });\n\n const legendStrings = await getStrings(requests)\n .then(fetchedStrings => {\n return fetchedStrings;\n })\n .catch(Notification.exception);\n\n return legendStrings;\n };\n\n // Add listeners for the main actions.\n filterSet.querySelector(Selectors.filterset.region).addEventListener('click', e => {\n if (e.target.closest(Selectors.filterset.actions.addRow)) {\n e.preventDefault();\n\n addFilterRow();\n }\n\n if (e.target.closest(Selectors.filterset.actions.applyFilters)) {\n e.preventDefault();\n\n updateTableFromFilter();\n }\n\n if (e.target.closest(Selectors.filterset.actions.resetFilters)) {\n e.preventDefault();\n\n removeAllFilters();\n }\n });\n\n // Add the listener to remove a single filter.\n filterSet.querySelector(Selectors.filterset.regions.filterlist).addEventListener('click', e => {\n if (e.target.closest(Selectors.filter.actions.remove)) {\n e.preventDefault();\n\n removeOrReplaceFilterRow(e.target.closest(Selectors.filter.region));\n }\n });\n\n // Add listeners for the filter type selection.\n filterSet.querySelector(Selectors.filterset.regions.filterlist).addEventListener('change', e => {\n const typeField = e.target.closest(Selectors.filter.fields.type);\n if (typeField && typeField.value) {\n const filter = e.target.closest(Selectors.filter.region);\n\n addFilter(filter, typeField.value);\n }\n });\n\n filterSet.querySelector(Selectors.filterset.fields.join).addEventListener('change', e => {\n filterSet.dataset.filterverb = e.target.value;\n });\n\n const tableRoot = DynamicTable.getTableFromId(filterSet.dataset.tableRegion);\n const initialFilters = DynamicTable.getFilters(tableRoot);\n if (initialFilters) {\n // Apply the initial filter configuration.\n setFilterFromConfig(initialFilters);\n }\n};\n"],"file":"participantsfilter.min.js"} \ No newline at end of file +{"version":3,"sources":["../src/participantsfilter.js"],"names":["init","participantsRegionId","filterSet","document","querySelector","activeFilters","courseid","CourseFilter","getFilterRegion","Selectors","filterset","regions","filterlist","addFilterRow","pendingPromise","Pending","rownum","querySelectorAll","filter","region","length","Templates","renderForPromise","then","html","js","newContentNodes","appendNodeContents","filterRow","typeList","data","forEach","contentNode","contentTypeList","fields","type","innerHTML","updateFiltersOptions","result","resolve","catch","Notification","exception","getFilterDataSource","filterType","filterDataNode","datasource","byName","addFilter","initialFilterValues","dataset","Filter","GenericFilter","filterTypeClass","typeField","value","disabled","getFilterObject","name","removeOrReplaceFilterRow","filterCount","replaceFilterRow","removeFilterRow","hasFilterValue","removeFilterObject","remove","updateTableFromFilter","getAvailableFilterLegends","filterLegends","index","innerText","rowNum","replaceNode","filterName","tearDown","removeAllFilters","filters","removeEmptyFilters","options","option","classList","add","addRowButton","actions","addRow","all","setAttribute","removeAttribute","filtermatch","join","setFilterFromConfig","config","filterConfig","Object","entries","Promise","jointype","filterPromises","map","filterData","filterValues","values","promise","filterValue","DynamicTable","setFilters","getTableFromId","tableRegion","parseInt","maxFilters","typeListSelect","requests","Array","_","rowIndex","push","fetchedStrings","legendStrings","addEventListener","e","target","closest","preventDefault","applyFilters","resetFilters","filterverb","tableRoot","initialFilters","getFilters","initialFilterPromise"],"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 * Participants filter managemnet.\n *\n * @module core_user/participants_filter\n * @package core_user\n * @copyright 2020 Andrew Nicols \n * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later\n */\n\nimport CourseFilter from './local/participantsfilter/filtertypes/courseid';\nimport * as DynamicTable from 'core_table/dynamic';\nimport GenericFilter from './local/participantsfilter/filter';\nimport {get_strings as getStrings} from 'core/str';\nimport Notification from 'core/notification';\nimport Pending from 'core/pending';\nimport Selectors from './local/participantsfilter/selectors';\nimport Templates from 'core/templates';\n\n/**\n * Initialise the participants filter on the element with the given id.\n *\n * @param {String} participantsRegionId\n */\nexport const init = participantsRegionId => {\n // Keep a reference to the filterset.\n const filterSet = document.querySelector(`#${participantsRegionId}`);\n\n // Keep a reference to all of the active filters.\n const activeFilters = {\n courseid: new CourseFilter('courseid', filterSet),\n };\n\n /**\n * Get the filter list region.\n *\n * @return {HTMLElement}\n */\n const getFilterRegion = () => filterSet.querySelector(Selectors.filterset.regions.filterlist);\n\n /**\n * Add an unselected filter row.\n *\n * @return {Promise}\n */\n const addFilterRow = () => {\n const pendingPromise = new Pending('core_user/participantsfilter:addFilterRow');\n\n const rownum = 1 + getFilterRegion().querySelectorAll(Selectors.filter.region).length;\n return Templates.renderForPromise('core_user/local/participantsfilter/filterrow', {\"rownumber\": rownum})\n .then(({html, js}) => {\n const newContentNodes = Templates.appendNodeContents(getFilterRegion(), html, js);\n\n return newContentNodes;\n })\n .then(filterRow => {\n // Note: This is a nasty hack.\n // We should try to find a better way of doing this.\n // We do not have the list of types in a readily consumable format, so we take the pre-rendered one and copy\n // it in place.\n const typeList = filterSet.querySelector(Selectors.data.typeList);\n\n filterRow.forEach(contentNode => {\n const contentTypeList = contentNode.querySelector(Selectors.filter.fields.type);\n\n if (contentTypeList) {\n contentTypeList.innerHTML = typeList.innerHTML;\n }\n });\n\n return filterRow;\n })\n .then(filterRow => {\n updateFiltersOptions();\n\n return filterRow;\n })\n .then(result => {\n pendingPromise.resolve();\n\n return result;\n })\n .catch(Notification.exception);\n };\n\n /**\n * Get the filter data source node fro the specified filter type.\n *\n * @param {String} filterType\n * @return {HTMLElement}\n */\n const getFilterDataSource = filterType => {\n const filterDataNode = filterSet.querySelector(Selectors.filterset.regions.datasource);\n\n return filterDataNode.querySelector(Selectors.data.fields.byName(filterType));\n };\n\n /**\n * Add a filter to the list of active filters, performing any necessary setup.\n *\n * @param {HTMLElement} filterRow\n * @param {String} filterType\n * @param {Array} initialFilterValues The initially selected values for the filter\n * @returns {Filter}\n */\n const addFilter = async(filterRow, filterType, initialFilterValues) => {\n // Name the filter on the filter row.\n filterRow.dataset.filterType = filterType;\n\n const filterDataNode = getFilterDataSource(filterType);\n\n // Instantiate the Filter class.\n let Filter = GenericFilter;\n if (filterDataNode.dataset.filterTypeClass) {\n Filter = await import(filterDataNode.dataset.filterTypeClass);\n }\n activeFilters[filterType] = new Filter(filterType, filterSet, initialFilterValues);\n\n // Disable the select.\n const typeField = filterRow.querySelector(Selectors.filter.fields.type);\n typeField.value = filterType;\n typeField.disabled = 'disabled';\n\n // Update the list of available filter types.\n updateFiltersOptions();\n\n return activeFilters[filterType];\n };\n\n /**\n * Get the registered filter class for the named filter.\n *\n * @param {String} name\n * @return {Object} See the Filter class.\n */\n const getFilterObject = name => {\n return activeFilters[name];\n };\n\n /**\n * Remove or replace the specified filter row and associated class, ensuring that if there is only one filter row,\n * that it is replaced instead of being removed.\n *\n * @param {HTMLElement} filterRow\n */\n const removeOrReplaceFilterRow = filterRow => {\n const filterCount = getFilterRegion().querySelectorAll(Selectors.filter.region).length;\n\n if (filterCount === 1) {\n replaceFilterRow(filterRow);\n } else {\n removeFilterRow(filterRow);\n }\n };\n\n /**\n * Remove the specified filter row and associated class.\n *\n * @param {HTMLElement} filterRow\n */\n const removeFilterRow = async filterRow => {\n const filterType = filterRow.querySelector(Selectors.filter.fields.type);\n const hasFilterValue = !!filterType.value;\n\n // Remove the filter object.\n removeFilterObject(filterRow.dataset.filterType);\n\n // Remove the actual filter HTML.\n filterRow.remove();\n\n // Update the list of available filter types.\n updateFiltersOptions();\n\n if (hasFilterValue) {\n // Refresh the table if there was any content in this row.\n updateTableFromFilter();\n }\n\n // Update filter fieldset legends.\n const filterLegends = await getAvailableFilterLegends();\n\n getFilterRegion().querySelectorAll(Selectors.filter.region).forEach((filterRow, index) => {\n filterRow.querySelector('legend').innerText = filterLegends[index];\n });\n\n };\n\n /**\n * Replace the specified filter row with a new one.\n *\n * @param {HTMLElement} filterRow\n * @param {Number} rowNum The number used to label the filter fieldset legend (eg Row 1). Defaults to 1 (the first filter).\n * @return {Promise}\n */\n const replaceFilterRow = (filterRow, rowNum = 1) => {\n // Remove the filter object.\n removeFilterObject(filterRow.dataset.filterType);\n\n return Templates.renderForPromise('core_user/local/participantsfilter/filterrow', {\"rownumber\": rowNum})\n .then(({html, js}) => {\n const newContentNodes = Templates.replaceNode(filterRow, html, js);\n\n return newContentNodes;\n })\n .then(filterRow => {\n // Note: This is a nasty hack.\n // We should try to find a better way of doing this.\n // We do not have the list of types in a readily consumable format, so we take the pre-rendered one and copy\n // it in place.\n const typeList = filterSet.querySelector(Selectors.data.typeList);\n\n filterRow.forEach(contentNode => {\n const contentTypeList = contentNode.querySelector(Selectors.filter.fields.type);\n\n if (contentTypeList) {\n contentTypeList.innerHTML = typeList.innerHTML;\n }\n });\n\n return filterRow;\n })\n .then(filterRow => {\n updateFiltersOptions();\n\n return filterRow;\n })\n .then(filterRow => {\n // Refresh the table.\n updateTableFromFilter();\n\n return filterRow;\n })\n .catch(Notification.exception);\n };\n\n /**\n * Remove the Filter Object from the register.\n *\n * @param {string} filterName The name of the filter to be removed\n */\n const removeFilterObject = filterName => {\n if (filterName) {\n const filter = getFilterObject(filterName);\n if (filter) {\n filter.tearDown();\n\n // Remove from the list of active filters.\n delete activeFilters[filterName];\n }\n }\n };\n\n /**\n * Remove all filters.\n *\n * @returns {Promise}\n */\n const removeAllFilters = () => {\n const pendingPromise = new Pending('core_user/participantsfilter:setFilterFromConfig');\n\n const filters = getFilterRegion().querySelectorAll(Selectors.filter.region);\n filters.forEach(filterRow => removeOrReplaceFilterRow(filterRow));\n\n // Refresh the table.\n return updateTableFromFilter()\n .then(result => {\n pendingPromise.resolve();\n\n return result;\n });\n };\n\n /**\n * Remove any empty filters.\n */\n const removeEmptyFilters = () => {\n const filters = getFilterRegion().querySelectorAll(Selectors.filter.region);\n filters.forEach(filterRow => {\n const filterType = filterRow.querySelector(Selectors.filter.fields.type);\n if (!filterType.value) {\n removeOrReplaceFilterRow(filterRow);\n }\n });\n };\n\n /**\n * Update the list of filter types to filter out those already selected.\n */\n const updateFiltersOptions = () => {\n const filters = getFilterRegion().querySelectorAll(Selectors.filter.region);\n filters.forEach(filterRow => {\n const options = filterRow.querySelectorAll(Selectors.filter.fields.type + ' option');\n options.forEach(option => {\n if (option.value === filterRow.dataset.filterType) {\n option.classList.remove('hidden');\n option.disabled = false;\n } else if (activeFilters[option.value]) {\n option.classList.add('hidden');\n option.disabled = true;\n } else {\n option.classList.remove('hidden');\n option.disabled = false;\n }\n });\n });\n\n // Configure the state of the \"Add row\" button.\n // This button is disabled when there is a filter row available for each condition.\n const addRowButton = filterSet.querySelector(Selectors.filterset.actions.addRow);\n const filterDataNode = filterSet.querySelectorAll(Selectors.data.fields.all);\n if (filterDataNode.length <= filters.length) {\n addRowButton.setAttribute('disabled', 'disabled');\n } else {\n addRowButton.removeAttribute('disabled');\n }\n\n if (filters.length === 1) {\n filterSet.querySelector(Selectors.filterset.regions.filtermatch).classList.add('hidden');\n filterSet.querySelector(Selectors.filterset.fields.join).value = 1;\n } else {\n filterSet.querySelector(Selectors.filterset.regions.filtermatch).classList.remove('hidden');\n }\n };\n\n /**\n * Set the current filter options based on a provided configuration.\n *\n * @param {Object} config\n * @param {Number} config.jointype\n * @param {Object} config.filters\n * @returns {Promise}\n */\n const setFilterFromConfig = config => {\n const filterConfig = Object.entries(config.filters);\n\n if (!filterConfig.length) {\n // There are no filters to set from.\n return Promise.resolve();\n }\n\n // Set the main join type.\n filterSet.querySelector(Selectors.filterset.fields.join).value = config.jointype;\n\n const filterPromises = filterConfig.map(([filterType, filterData]) => {\n if (filterType === 'courseid') {\n // The courseid is a special case.\n return false;\n }\n\n const filterValues = filterData.values;\n\n if (!filterValues.length) {\n // There are no values for this filter.\n // Skip it.\n return false;\n }\n\n return addFilterRow().then(([filterRow]) => addFilter(filterRow, filterType, filterValues));\n }).filter(promise => promise);\n\n if (!filterPromises.length) {\n return Promise.resolve();\n }\n\n return Promise.all(filterPromises).then(() => {\n return removeEmptyFilters();\n })\n .then(updateFiltersOptions)\n .then(updateTableFromFilter);\n };\n\n /**\n * Update the Dynamic table based upon the current filter.\n *\n * @return {Promise}\n */\n const updateTableFromFilter = () => {\n const pendingPromise = new Pending('core_user/participantsfilter:updateTableFromFilter');\n\n const filters = {};\n Object.values(activeFilters).forEach(filter => {\n filters[filter.filterValue.name] = filter.filterValue;\n });\n\n return DynamicTable.setFilters(\n DynamicTable.getTableFromId(filterSet.dataset.tableRegion),\n {\n jointype: parseInt(filterSet.querySelector(Selectors.filterset.fields.join).value, 10),\n filters,\n }\n )\n .then(result => {\n pendingPromise.resolve();\n\n return result;\n })\n .catch(Notification.exception);\n };\n\n /**\n * Fetch the strings used to populate the fieldset legends for the maximum number of filters possible.\n *\n * @return {array}\n */\n const getAvailableFilterLegends = async() => {\n const maxFilters = document.querySelector(Selectors.data.typeListSelect).length - 1;\n let requests = [];\n\n [...Array(maxFilters)].forEach((_, rowIndex) => {\n requests.push({\n \"key\": \"filterrowlegend\",\n \"component\": \"core_user\",\n // Add 1 since rows begin at 1 (index begins at zero).\n \"param\": rowIndex + 1\n });\n });\n\n const legendStrings = await getStrings(requests)\n .then(fetchedStrings => {\n return fetchedStrings;\n })\n .catch(Notification.exception);\n\n return legendStrings;\n };\n\n // Add listeners for the main actions.\n filterSet.querySelector(Selectors.filterset.region).addEventListener('click', e => {\n if (e.target.closest(Selectors.filterset.actions.addRow)) {\n e.preventDefault();\n\n addFilterRow();\n }\n\n if (e.target.closest(Selectors.filterset.actions.applyFilters)) {\n e.preventDefault();\n\n updateTableFromFilter();\n }\n\n if (e.target.closest(Selectors.filterset.actions.resetFilters)) {\n e.preventDefault();\n\n removeAllFilters();\n }\n });\n\n // Add the listener to remove a single filter.\n filterSet.querySelector(Selectors.filterset.regions.filterlist).addEventListener('click', e => {\n if (e.target.closest(Selectors.filter.actions.remove)) {\n e.preventDefault();\n\n removeOrReplaceFilterRow(e.target.closest(Selectors.filter.region));\n }\n });\n\n // Add listeners for the filter type selection.\n filterSet.querySelector(Selectors.filterset.regions.filterlist).addEventListener('change', e => {\n const typeField = e.target.closest(Selectors.filter.fields.type);\n if (typeField && typeField.value) {\n const filter = e.target.closest(Selectors.filter.region);\n\n addFilter(filter, typeField.value);\n }\n });\n\n filterSet.querySelector(Selectors.filterset.fields.join).addEventListener('change', e => {\n filterSet.dataset.filterverb = e.target.value;\n });\n\n const tableRoot = DynamicTable.getTableFromId(filterSet.dataset.tableRegion);\n const initialFilters = DynamicTable.getFilters(tableRoot);\n if (initialFilters) {\n const initialFilterPromise = new Pending('core_user/participantsfilter:setFilterFromConfig');\n // Apply the initial filter configuration.\n setFilterFromConfig(initialFilters)\n .then(() => initialFilterPromise.resolve())\n .catch();\n }\n};\n"],"file":"participantsfilter.min.js"} \ No newline at end of file diff --git a/user/amd/src/participantsfilter.js b/user/amd/src/participantsfilter.js index 482466ed5ce..ca2afc356be 100644 --- a/user/amd/src/participantsfilter.js +++ b/user/amd/src/participantsfilter.js @@ -27,6 +27,7 @@ import * as DynamicTable from 'core_table/dynamic'; import GenericFilter from './local/participantsfilter/filter'; import {get_strings as getStrings} from 'core/str'; import Notification from 'core/notification'; +import Pending from 'core/pending'; import Selectors from './local/participantsfilter/selectors'; import Templates from 'core/templates'; @@ -57,6 +58,8 @@ export const init = participantsRegionId => { * @return {Promise} */ const addFilterRow = () => { + const pendingPromise = new Pending('core_user/participantsfilter:addFilterRow'); + const rownum = 1 + getFilterRegion().querySelectorAll(Selectors.filter.region).length; return Templates.renderForPromise('core_user/local/participantsfilter/filterrow', {"rownumber": rownum}) .then(({html, js}) => { @@ -86,6 +89,11 @@ export const init = participantsRegionId => { return filterRow; }) + .then(result => { + pendingPromise.resolve(); + + return result; + }) .catch(Notification.exception); }; @@ -262,11 +270,18 @@ export const init = participantsRegionId => { * @returns {Promise} */ const removeAllFilters = () => { + const pendingPromise = new Pending('core_user/participantsfilter:setFilterFromConfig'); + const filters = getFilterRegion().querySelectorAll(Selectors.filter.region); filters.forEach(filterRow => removeOrReplaceFilterRow(filterRow)); // Refresh the table. - return updateTableFromFilter(); + return updateTableFromFilter() + .then(result => { + pendingPromise.resolve(); + + return result; + }); }; /** @@ -327,13 +342,14 @@ export const init = participantsRegionId => { * @param {Object} config * @param {Number} config.jointype * @param {Object} config.filters + * @returns {Promise} */ const setFilterFromConfig = config => { const filterConfig = Object.entries(config.filters); if (!filterConfig.length) { // There are no filters to set from. - return; + return Promise.resolve(); } // Set the main join type. @@ -357,15 +373,14 @@ export const init = participantsRegionId => { }).filter(promise => promise); if (!filterPromises.length) { - return; + return Promise.resolve(); } - Promise.all(filterPromises).then(() => { + return Promise.all(filterPromises).then(() => { return removeEmptyFilters(); }) .then(updateFiltersOptions) - .then(updateTableFromFilter) - .catch(); + .then(updateTableFromFilter); }; /** @@ -374,6 +389,8 @@ export const init = participantsRegionId => { * @return {Promise} */ const updateTableFromFilter = () => { + const pendingPromise = new Pending('core_user/participantsfilter:updateTableFromFilter'); + const filters = {}; Object.values(activeFilters).forEach(filter => { filters[filter.filterValue.name] = filter.filterValue; @@ -386,6 +403,11 @@ export const init = participantsRegionId => { filters, } ) + .then(result => { + pendingPromise.resolve(); + + return result; + }) .catch(Notification.exception); }; @@ -463,7 +485,10 @@ export const init = participantsRegionId => { const tableRoot = DynamicTable.getTableFromId(filterSet.dataset.tableRegion); const initialFilters = DynamicTable.getFilters(tableRoot); if (initialFilters) { + const initialFilterPromise = new Pending('core_user/participantsfilter:setFilterFromConfig'); // Apply the initial filter configuration. - setFilterFromConfig(initialFilters); + setFilterFromConfig(initialFilters) + .then(() => initialFilterPromise.resolve()) + .catch(); } };