grade/amd/src/edittree_index.js

   1 // This file is part of Moodle - http://moodle.org/
   2 //
   3 // Moodle is free software: you can redistribute it and/or modify
   4 // it under the terms of the GNU General Public License as published by
   5 // the Free Software Foundation, either version 3 of the License, or
   6 // (at your option) any later version.
   7 //
   8 // Moodle is distributed in the hope that it will be useful,
   9 // but WITHOUT ANY WARRANTY; without even the implied warranty of
  10 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  11 // GNU General Public License for more details.
  12 //
  13 // You should have received a copy of the GNU General Public License
  14 // along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
  15
  16 /**
  17  * Enhance the gradebook tree setup with various facilities.
  18  *
  19  * @module     core_grades/edittree_index
  20  * @package    core_grades
  21  * @copyright  2016 Andrew Nicols <andrew@nicols.co.uk>
  22  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  23  */
  24 define([
  25     'jquery',
  26 ], function($) {
  27     /**
  28      * Enhance the edittree functionality.
  29      *
  30      * @method edittree
  31      */
  32     var edittree = function() {
  33         // Watch items and toggle the move menu accordingly.
  34         $('body').on('change', '.itemselect.ignoredirty', edittree.checkMoveMenuState);
  35
  36         // Watch for the 'All' and 'None' links.
  37         $('body').on('click', '[data-action="grade_edittree-index-bulkselect"]', edittree.toggleAllSelectItems);
  38
  39         // Watch for the weight override checkboxes.
  40         $('body').on('change', '.weightoverride', edittree.toggleWeightInput);
  41
  42         // Watch changes to the bulk move menu and submit.
  43         $('#menumoveafter').on('change', function() {
  44             var form = $(this).closest('form'),
  45                 bulkmove = form.find('#bulkmoveinput');
  46
  47             bulkmove.val(1);
  48             form.submit();
  49         });
  50
  51         // CHeck the initial state of the move menu.
  52         edittree.checkMoveMenuState();
  53     };
  54
  55     /**
  56      * Toggle the weight input field based on its checkbox.
  57      *
  58      * @method toggleWeightInput
  59      * @param {EventFacade} e
  60      * @private
  61      */
  62     edittree.toggleWeightInput = function(e) {
  63         e.preventDefault();
  64         var node = $(this),
  65             row = node.closest('tr');
  66
  67         $('input[name="weight_' + row.data('itemid') + '"]').prop('disabled', !node.prop('checked'));
  68     };
  69
  70     /**
  71      * Toggle all select boxes on or off.
  72      *
  73      * @method toggleAllSelectItems
  74      * @param {EventFacade} e
  75      * @private
  76      */
  77     edittree.toggleAllSelectItems = function(e) {
  78         e.preventDefault();
  79
  80         var node = $(this),
  81             row = node.closest('tr');
  82         $('.' + row.data('category') + ' .itemselect').prop('checked', node.data('checked'));
  83
  84         edittree.checkMoveMenuState();
  85     };
  86
  87     /**
  88      * Get the move menu.
  89      *
  90      * @method getMoveMenu
  91      * @private
  92      * @return {jQuery}
  93      */
  94     edittree.getMoveMenu = function() {
  95         return $('#menumoveafter');
  96     };
  97
  98     /**
  99      * Check whether any checkboxes are ticked.
 100      *
 101      * @method checkMoveMenuState
 102      * @private
 103      * @return {Boolean}
 104      */
 105     edittree.checkMoveMenuState = function() {
 106         var menu = edittree.getMoveMenu();
 107         if (!menu.length) {
 108             return false;
 109         }
 110
 111         var selected;
 112         $('.itemselect').each(function() {
 113             selected = $(this).prop('checked');
 114
 115             // Return early if any are checked.
 116             return !selected;
 117         });
 118
 119         menu.prop('disabled', !selected);
 120
 121         return selected;
 122     };
 123
 124     return /** @alias module:core_grades/edittree_index */ {
 125         enhance: edittree
 126     };
 127 });