WebSVN – Moodle – Diff – /question/amd/src/filter.js

 import CoreFilter from 'core/datafilter';
 import Notification from 'core/notification';
 import Selectors from 'core/datafilter/selectors';
 import Templates from 'core/templates';
 import Fragment from 'core/fragment';
+import {getString} from 'core/str';
+import {addIconToContainerRemoveOnCompletion} from 'core/loadingicon';
 /**
  * Initialise the question bank filter on the element with the given id.
+ *
  * @param {String} filterRegionId ID of the HTML element containing the filters.
  * @param {String} defaultcourseid Course ID for the default course to pass back to the view.
  * @param {String} defaultcategoryid Question bank category ID for the default course to pass back to the view.
  * @param {Number} perpage The number of questions to display per page.
+ * @param {Number} bankContextId Context ID of the question bank being filtered.
- * @param {Number} contextId Context ID of the question bank view.
+ * @param {Number} quizCmId Course module ID of the quiz as the viewing context.
  * @param {string} component Frankenstyle name of the component for the fragment API callback (e.g. core_question)
  * @param {string} callback Name of the callback for the fragment API (e.g question_data)
  * @param {string} view The class name of the question bank view class used for this page.
  * @param {Number} cmid If we are in an activitiy, the course module ID.
- * @param {string} pagevars JSON-encoded parameters from passed from the view, including filters and jointype.
+ * @param {Object} pagevars JSON-encoded parameters from passed from the view, including filters and jointype.
- * @param {string} extraparams JSON-encoded additional parameters specific to this view class, used for re-rendering the view.
+ * @param {Object} extraparams JSON-encoded additional parameters specific to this view class, used for re-rendering the view.
  */
-export const init = (
+export const init = async(
     filterRegionId,
     defaultcourseid,
     defaultcategoryid,
     perpage,
+    bankContextId,
-    contextId,
+    quizCmId,
     component,
     callback,
     view,
     cmid,
     pagevars,
-    extraparams
+    extraparams,
 ) => {
     const SELECTORS = {
         LASTCHANGED_FIELD: '#questionsubmit input[name=lastchanged]',
         BULK_ACTIONS: '#bulkactionsui-container input',
         MENU_ACTIONS: '.menu-action',
         EDIT_SWITCH: '.editmode-switch-form input[name=setmode]',
         EDIT_SWITCH_URL: '.editmode-switch-form input[name=pageurl]',
+        SHOW_ALL_LINK: '[data-filteraction="showall"]',
     };
     const filterSet = document.querySelector(`#${filterRegionId}`);
     const viewData = {
-        extraparams,
+        extraparams: JSON.stringify(extraparams),
         cmid,
         view,
         cat: defaultcategoryid,
     const defaultSort = document.querySelector(SELECTORS.QUESTION_TABLE)?.dataset?.defaultsort;
     if (defaultSort) {
         sortData = JSON.parse(defaultSort);
+    }
+    const [
+        showAllText,
+        showPerPageText,
+    ] = await Promise.all([
+        getString('showall', 'core', ''),
+        getString('showperpage', 'core', extraparams.defaultqperpage),
+    ]);
     /**
      * Retrieve table data.
+     *
      * @param {Object} filterdata data
             viewData.filter = filterdata;
             if (Object.keys(filterdata).length !== 0) {
                 if (!isNaN(viewData.jointype)) {
                     filterdata.jointype = viewData.jointype;
+                }
-                updateUrlParams(filterdata);
+            }
+        }
         // Load questions for first page.
         viewData.filter = JSON.stringify(filterdata);
         viewData.sortdata = JSON.stringify(sortData);
+        viewData.quizcmid = quizCmId;
+        const questionscontainer = document.querySelector(SELECTORS.QUESTION_CONTAINER_ID);
+        // Clear the contents of the element, then append the loading icon.
+        questionscontainer.innerHTML = '';
+        addIconToContainerRemoveOnCompletion(questionscontainer, pendingPromise);
-        Fragment.loadFragment(component, callback, contextId, viewData)
+        Fragment.loadFragment(component, callback, bankContextId, viewData)
             // Render questions for first page and pagination.
             .then((questionhtml, jsfooter) => {
-                const questionscontainer = document.querySelector(SELECTORS.QUESTION_CONTAINER_ID);
+                updateUrlParams(filterdata);
                 if (questionhtml === undefined) {
                     questionhtml = '';
+                }
                 if (jsfooter === undefined) {
                     jsfooter = '';
             history.pushState({}, '', cleanedUrl);
+        }
     };
     // Add listeners for the sorting, paging and clear actions.
-    document.addEventListener('click', e => {
+    document.querySelector('.questionbankwindow').addEventListener('click', e => {
         const sortableLink = e.target.closest(SELECTORS.SORT_LINK);
         const paginationLink = e.target.closest(SELECTORS.PAGINATION_LINK);
+        const clearLink = e.target.closest(Selectors.filterset.actions.resetFilters);
-        const clearLink = e.target.closest(Selectors.filterset.actions.resetFilters);
+        const showallLink = e.target.closest(SELECTORS.SHOW_ALL_LINK);
         if (sortableLink) {
             e.preventDefault();
             const oldSort = sortData;
             sortData = {};
                 if (sortname !== sortableLink.dataset.sortname) {
                     sortData[sortname] = oldSort[sortname];
+                }
+            }
             viewData.qpage = 0;
-            coreFilter.updateTableFromFilter();
+            coreFilter.updateTableFromFilter(false);
+        }
         if (paginationLink) {
             e.preventDefault();
             const paginationURL = new URL(paginationLink.getAttribute("href"));
             const qpage = paginationURL.searchParams.get('qpage');
             if (paginationURL.search !== null) {
                 viewData.qpage = qpage;
-                coreFilter.updateTableFromFilter();
+                coreFilter.updateTableFromFilter(false);
+            }
+        }
         if (clearLink) {
             cleanUrlParams();
+        }
+        if (showallLink) {
+            e.preventDefault();
+            // Toggle between showing all and going back to the original qperpage.
+            if (Number(showallLink.dataset.status) === 0) {
+                viewData.qperpage = extraparams.maxqperpage;
+                showallLink.dataset.status = 1;
+                showallLink.innerText = showPerPageText;
+            } else {
+                viewData.qperpage = extraparams.defaultqperpage;
+                showallLink.dataset.status = 0;
+                showallLink.innerText = showAllText;
+            }
+            viewData.qpage = 0;
+            coreFilter.updateTableFromFilter();
+        }
     });
-    // Run apply filter at page load.
-    pagevars = JSON.parse(pagevars);
+    // Run apply filter at page load.
     let initialFilters;
     let jointype = null;
     if (pagevars.filter) {
         // Load initial filter based on page vars.

Proyectos de Subversion Moodle

(root)/question/amd/src/filter.js – Rev 1 → 1441