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 (groupId) {
 127     // Add the loader gif image.
 128     createLoaderImg("membersloader", "memberslabel", this.wwwRoot);
 129
 130     // Update the label.
 131     var selectEl = document.getElementById("groups");
 132     var spanEl = document.getElementById("thegroup");
 133     if (selectEl && selectEl.selectedIndex >= 0) {
 134         spanEl.innerHTML = selectEl.options[selectEl.selectedIndex].title;
 135     }
 136
 137     // Clear the members list box.
 138     selectEl = document.getElementById("members");
 139     if (selectEl) {
 140         while (selectEl.firstChild) {
 141             selectEl.removeChild(selectEl.firstChild);
 142         }
 143     }
 144
 145     document.getElementById("showaddmembersform").disabled = false;
 146     document.getElementById("showeditgroupsettingsform").disabled = false;
 147     document.getElementById("deletegroup").disabled = false;
 148     var sUrl = this.wwwRoot+"/group/index.php?id="+this.courseId+"&group="+groupId+"&act_ajax_getmembersingroup";
 149     YAHOO.util.Connect.asyncRequest("GET", sUrl, this.connectCallback, null);
 150 };
 151
 152
 153
 154 var createLoaderImg = function (elClass, parentId, wwwRoot) {
 155     var parentEl = document.getElementById(parentId);
 156     if (!parentEl) {
 157         return false;
 158     }
 159     if (document.getElementById("loaderImg")) {
 160         // A loader image already exists.
 161         return false;
 162     }
 163     var loadingImg = document.createElement("img");
 164
 165     loadingImg.setAttribute("src", wwwRoot+"/pix/i/ajaxloader.gif");
 166     loadingImg.setAttribute("class", elClass);
 167     loadingImg.setAttribute("alt", "Loading");
 168     loadingImg.setAttribute("id", "loaderImg");
 169     parentEl.appendChild(loadingImg);
 170
 171     return true;
 172 };
 173
 174
 175 var removeLoaderImgs = function (elClass, parentId) {
 176     var parentEl = document.getElementById(parentId);
 177     if (parentEl) {
 178         var loader = document.getElementById("loaderImg");
 179         parentEl.removeChild(loader);
 180     }
 181 };