group/clientlib.js

   1 /**
   2  * Client-side JavaScript for group management interface.
   3  * @author vy-shane AT moodle.com
   4  * @license http://www.gnu.org/copyleft/gpl.html GNU Public License
   5  * @package groups
   6  */
   7
   8
   9 /**
  10  * Class UpdatableGroupsCombo
  11  */
  12 function UpdatableGroupsCombo(wwwRoot, courseId) {
  13     this.wwwRoot = wwwRoot;
  14     this.courseId = courseId;
  15
  16     this.connectCallback = {
  17
  18         success: function(o) {
  19                 if (o.responseText !== undefined) {
  20                 var groupsComboEl = document.getElementById("groups");
  21                 var membersComboEl = document.getElementById("members");
  22
  23                 if (membersComboEl) {
  24                     // Clear the members list box.
  25                     while (membersComboEl.firstChild) {
  26                         membersComboEl.removeChild(membersComboEl.firstChild);
  27                     }
  28                 }
  29
  30                     if (groupsComboEl && o.responseText) {
  31                         var groups = eval("("+o.responseText+")");
  32
  33                         // Populate the groups list box.
  34                     for (var i=0; i<groups.length; i++) {
  35                         var optionEl = document.createElement("option");
  36                         optionEl.setAttribute("value", groups[i].id);
  37                         optionEl.title = groups[i].name;
  38                         optionEl.innerHTML = groups[i].name;
  39                         groupsComboEl.appendChild(optionEl);
  40                     }
  41                 }
  42                 }
  43                 // Remove the loader gif image.
  44                 removeLoaderImgs("groupsloader", "groupslabel");
  45         },
  46
  47         failure: function(o) {
  48             removeLoaderImgs("membersloader", "memberslabel");
  49             this.currentTransId = null;
  50         }
  51
  52     };
  53
  54     // Add onchange event to groups list box.
  55     // Okay, this is not working in IE. The onchange is never fired...
  56     // I'm hard coding the onchange in ../index.php. Not ideal, but it works
  57     // then. vyshane AT moodle DOT com.
  58     /*
  59     groupsComboEl = document.getElementById("groups");
  60     if (groupsComboEl) {
  61         groupsComboEl.setAttribute("onchange", "membersCombo.refreshMembers(this.options[this.selectedIndex].value);");
  62     }
  63     */
  64
  65     // Hide the updategroups input since AJAX will take care of this.
  66     YAHOO.util.Dom.setStyle("updategroups", "display", "none");
  67 }
  68
  69
  70 /**
  71  * Class UpdatableMembersCombo
  72  */
  73 function UpdatableMembersCombo(wwwRoot, courseId) {
  74     this.wwwRoot = wwwRoot;
  75     this.courseId = courseId;
  76
  77     this.connectCallback = {
  78         success: function(o) {
  79
  80                 if (o.responseText !== undefined) {
  81                 var selectEl = document.getElementById("members");
  82                     if (selectEl && o.responseText) {
  83                     var roles = eval("("+o.responseText+")");
  84
  85                     // Clear the members list box.
  86                     if (selectEl) {
  87                         while (selectEl.firstChild) {
  88                             selectEl.removeChild(selectEl.firstChild);
  89                         }
  90                     }
  91                     // Populate the members list box.
  92                     for (var i=0; i<roles.length; i++) {
  93                         var optgroupEl = document.createElement("optgroup");
  94                         optgroupEl.setAttribute("label",roles[i].name);
  95
  96                         for(var j=0; j<roles[i].users.length; j++) {
  97                             var optionEl = document.createElement("option");
  98                             optionEl.setAttribute("value", roles[i].users[j].id);
  99                             optionEl.title = roles[i].users[j].name;
 100                             optionEl.innerHTML = roles[i].users[j].name;
 101                             optgroupEl.appendChild(optionEl);
 102                         }
 103                         selectEl.appendChild(optgroupEl);
 104                     }
 105                 }
 106                 }
 107                 // Remove the loader gif image.
 108                 removeLoaderImgs("membersloader", "memberslabel");
 109         },
 110
 111         failure: function(o) {
 112             removeLoaderImgs("membersloader", "memberslabel");
 113         }
 114
 115     };
 116
 117     // Hide the updatemembers input since AJAX will take care of this.
 118     YAHOO.util.Dom.setStyle("updatemembers", "display", "none");
 119 }
 120
 121 /**
 122  * When a group is selected, we need to update the members.
 123  * The Add/Remove Users button also needs to be disabled/enabled
 124  * depending on whether or not a group is selected
 125  */
 126 UpdatableMembersCombo.prototype.refreshMembers = function () {
 127
 128     // Get group selector and check selection type
 129     var selectEl = document.getElementById("groups");
 130     var selectionCount=0,groupId=0;
 131     if( selectEl ) {
 132         for (var i = 0; i < selectEl.options.length; i++) {
 133             if(selectEl.options[i].selected) {
 134                 selectionCount++;
 135                 if(!groupId) {
 136                     groupId=selectEl.options[i].value;
 137                 }
 138             }
 139         }
 140       }
 141     var singleSelection=selectionCount == 1;
 142
 143     // Add the loader gif image (we only load for single selections)
 144     if(singleSelection) {
 145         createLoaderImg("membersloader", "memberslabel", this.wwwRoot);
 146     }
 147
 148     // Update the label.
 149     var spanEl = document.getElementById("thegroup");
 150     if (singleSelection) {
 151         spanEl.innerHTML = selectEl.options[selectEl.selectedIndex].title;
 152     } else {
 153         spanEl.innerHTML = '&nbsp;';
 154     }
 155
 156     // Clear the members list box.
 157     selectEl = document.getElementById("members");
 158     if (selectEl) {
 159         while (selectEl.firstChild) {
 160             selectEl.removeChild(selectEl.firstChild);
 161         }
 162     }
 163
 164     document.getElementById("showaddmembersform").disabled = !singleSelection;
 165     document.getElementById("showeditgroupsettingsform").disabled = !singleSelection;
 166     document.getElementById("deletegroup").disabled = selectionCount == 0;
 167
 168     if(singleSelection) {
 169         var sUrl = this.wwwRoot+"/group/index.php?id="+this.courseId+"&group="+groupId+"&act_ajax_getmembersingroup";
 170         YAHOO.util.Connect.asyncRequest("GET", sUrl, this.connectCallback, null);
 171     }
 172 };
 173
 174
 175
 176 var createLoaderImg = function (elClass, parentId, wwwRoot) {
 177     var parentEl = document.getElementById(parentId);
 178     if (!parentEl) {
 179         return false;
 180     }
 181     if (document.getElementById("loaderImg")) {
 182         // A loader image already exists.
 183         return false;
 184     }
 185     var loadingImg = document.createElement("img");
 186
 187     loadingImg.setAttribute("src", wwwRoot+"/pix/i/ajaxloader.gif");
 188     loadingImg.setAttribute("class", elClass);
 189     loadingImg.setAttribute("alt", "Loading");
 190     loadingImg.setAttribute("id", "loaderImg");
 191     parentEl.appendChild(loadingImg);
 192
 193     return true;
 194 };
 195
 196
 197 var removeLoaderImgs = function (elClass, parentId) {
 198     var parentEl = document.getElementById(parentId);
 199     if (parentEl) {
 200         var loader = document.getElementById("loaderImg");
 201         parentEl.removeChild(loader);
 202     }
 203 };