first commit

This commit is contained in:
CHIEFSOFT\ameye
2024-09-30 18:11:26 -04:00
commit e592ca6823
27270 changed files with 5002257 additions and 0 deletions
@@ -0,0 +1,204 @@
/* stylelint-disable unit-disallowed-list */
/**************************************
Structure of the other user role assignment panel
.other-user-manager-panel(.visible)
.oump-wrap
.oump-header
.oump-content
.oump-ajax-content
.oump-search-results
.oump-total-users
.oump-users
.oump-user.clearfix(.odd|.even)(.enrolled)
.count
.oump-user-details
.oump-user-picture
.oump-user-specifics
.oump-user-fullname
.oump-user-extrafields
.oump-role-options
.label
.oump-assignable-role
.oump-more-results
.oump-loading-lightbox(.hidden)
.loading-icon
.oump-footer
.oump-search
input
**************************************/
.other-user-manager-panel {
width: 400px;
background-color: #666;
position: absolute;
top: 10%;
left: 10%;
border: 1px solid #666;
border-width: 0 5px 5px 0;
}
.other-user-manager-panel.hidden {
display: none;
}
.other-user-manager-panel .oump-wrap {
margin-top: -5px;
margin-left: -5px;
background-color: #fff;
border: 1px solid #999;
height: inherit;
}
.other-user-manager-panel .oump-header {
background-color: #eee;
padding: 1px;
}
.other-user-manager-panel .oump-header h2 {
margin: 3px 1em 0.5em 1em;
font-size: 1em;
}
.other-user-manager-panel .oump-header .oump-panel-close {
width: 25px;
height: 15px;
position: absolute;
top: 2px;
right: 1em;
cursor: pointer;
background: url("sprite.png") no-repeat scroll 0 0 transparent;
}
.other-user-manager-panel .oump-content {
text-align: center;
position: relative;
width: 100%;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}
.other-user-manager-panel .oump-ajax-content {
height: 375px;
overflow: auto;
}
.other-user-manager-panel .oump-search-results .oump-total-users {
background-color: #eee;
padding: 5px;
border-bottom: 1px solid #bbb;
font-size: 7pt;
font-weight: bold;
}
.other-user-manager-panel .oump-search-results .oump-user {
width: 100%;
text-align: left;
font-size: 9pt;
background-color: #ddd;
border-bottom: 1px solid #aaa;
}
.other-user-manager-panel .oump-search-results .oump-user .oump-user-details {
background-color: #fff;
margin-left: 25px;
border-left: 1px solid #bbb;
}
.other-user-manager-panel .oump-search-results .oump-user.odd .oump-user-details {
background-color: #f9f9f9;
}
.other-user-manager-panel .oump-search-results .oump-user .count {
width: 20px;
font-size: 7pt;
line-height: 100%;
text-align: right;
float: left;
padding: 5px 5px 2px 2px;
}
.other-user-manager-panel .oump-search-results .oump-user .oump-user-details .oump-user-picture {
display: inline-block;
margin: 3px;
}
.other-user-manager-panel .oump-search-results .oump-user .oump-user-details .oump-user-specifics {
width: 250px;
display: inline-block;
margin: 3px;
vertical-align: top;
}
.other-user-manager-panel .oump-search-results .oump-user .oump-user-details .oump-role-options {
font-size: 8pt;
margin-top: 2px;
text-align: right;
margin-right: 2px;
}
.other-user-manager-panel .oump-search-results .oump-user .oump-user-details .oump-role-options .oump-assignable-role {
display: inline-block;
margin: 0;
padding: 3px 4px;
cursor: pointer;
}
.other-user-manager-panel .oump-search-results .oump-user.assignment-in-progress .oump-assignable-role {
color: #666;
cursor: default;
}
.other-user-manager-panel .oump-search-results .oump-more-results {
background-color: #eee;
padding: 5px;
cursor: pointer;
}
.other-user-manager-panel .oump-search-results .oump-user.oump-has-all-roles {
background-color: #ccc;
}
.other-user-manager-panel .oump-search-results .oump-user.oump-has-all-roles .count {
width: 40px;
}
.other-user-manager-panel .oump-loading-lightbox {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #fff;
min-width: 50px;
min-height: 50px;
}
.other-user-manager-panel .oump-loading-lightbox.hidden {
display: none;
}
.other-user-manager-panel .oump-loading-lightbox .loading-icon {
margin: auto;
vertical-align: middle;
margin-top: 125px;
}
.other-user-manager-panel .oump-footer {
padding: 3px;
background-color: #ddd;
}
.other-user-manager-panel .oump-search {
margin: 3px;
}
.other-user-manager-panel .oump-search label {
padding-right: 8px;
}
.other-user-manager-panel .oump-search input {
width: 70%;
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 930 B

+403
View File
@@ -0,0 +1,403 @@
YUI.add('moodle-enrol-otherusersmanager', function(Y) {
var OUMANAGERNAME = 'Other users manager',
OTHERUSERNAME = 'Other user (not enroled in course)',
COURSEID = 'courseId',
USERID = 'userId',
BASE = 'base',
SEARCH = 'search',
REQUIREREFRESH = 'requiresRefresh',
PAGE = 'page',
USERCOUNT = 'userCount',
PICTURE = 'picture',
FULLNAME = 'fullname',
EXTRAFIELDS = 'extrafields',
ASSIGNABLEROLES = 'assignableRoles',
USERS = 'users',
URL = 'url',
AJAXURL = 'ajaxUrl';
CSS = {
PANEL : 'other-user-manager-panel',
WRAP : 'oump-wrap',
HEADER : 'oump-header',
CONTENT : 'oump-content',
AJAXCONTENT : 'oump-ajax-content',
SEARCHRESULTS : 'oump-search-results',
TOTALUSERS : 'oump-total-users',
USERS : 'oump-users',
USER : 'oump-user',
USERDETAILS : 'oump-user-details',
MORERESULTS : 'oump-more-results',
LIGHTBOX : 'oump-loading-lightbox',
LOADINGICON : 'loading-icon',
FOOTER : 'oump-footer',
COUNT : 'count',
PICTURE : 'oump-user-picture',
DETAILS : 'oump-user-specifics',
FULLNAME : 'oump-user-fullname',
EXTRAFIELDS : 'oump-user-extrafields',
OPTIONS : 'oump-role-options',
ROLEOPTION : 'oump-assignable-role',
ODD : 'odd',
EVEN : 'even',
HIDDEN : 'hidden',
SEARCH : 'oump-search',
CLOSE : 'oump-panel-close',
ALLROLESASSIGNED : 'oump-has-all-roles'
};
var OUMANAGER = function(config) {
OUMANAGER.superclass.constructor.apply(this, arguments);
};
Y.extend(OUMANAGER, Y.Base, {
_loadingNode : null,
_escCloseEvent : null,
initializer : function(config) {
this.set(BASE, Y.Node.create('<div class="'+CSS.PANEL+' '+CSS.HIDDEN+'"></div>')
.append(Y.Node.create('<div class="'+CSS.WRAP+'"></div>')
.append(Y.Node.create('<div class="'+CSS.HEADER+' header"></div>')
.append(Y.Node.create('<div class="'+CSS.CLOSE+'"></div>'))
.append(Y.Node.create('<h2>'+M.util.get_string('usersearch', 'enrol')+'</h2>')))
.append(Y.Node.create('<div class="'+CSS.CONTENT+'"></div>')
.append(Y.Node.create('<div class="'+CSS.AJAXCONTENT+'"></div>'))
.append(Y.Node.create('<div class="'+CSS.LIGHTBOX+' '+CSS.HIDDEN+'"></div>')
.append(Y.Node.create('<img alt="loading" class="'+CSS.LOADINGICON+'" />')
.setAttribute('src', M.util.image_url('i/loading', 'moodle')))
.setStyle('opacity', 0.5)))
.append(Y.Node.create('<div class="'+CSS.FOOTER+'"></div>')
.append(Y.Node.create('<div class="'+CSS.SEARCH+'"><label>'+M.util.get_string('usersearch', 'enrol')+'</label></div>')
.append(Y.Node.create('<input type="text" id="oump-usersearch" value="" />'))
)
)
)
);
this.set(SEARCH, this.get(BASE).one('#oump-usersearch'));
Y.all('.assignuserrole input').each(function(node){
if (node.getAttribute('type', 'submit')) {
node.on('click', this.show, this);
}
}, this);
this.get(BASE).one('.'+CSS.HEADER+' .'+CSS.CLOSE).on('click', this.hide, this);
this._loadingNode = this.get(BASE).one('.'+CSS.CONTENT+' .'+CSS.LIGHTBOX);
Y.on('key', this.getUsers, this.get(SEARCH), 'down:13', this);
Y.one(document.body).append(this.get(BASE));
var base = this.get(BASE);
base.plug(Y.Plugin.Drag);
base.dd.addHandle('.'+CSS.HEADER+' h2');
base.one('.'+CSS.HEADER+' h2').setStyle('cursor', 'move');
this.getAssignableRoles();
},
show : function(e) {
e.preventDefault();
e.halt();
var base = this.get(BASE);
base.removeClass(CSS.HIDDEN);
var x = (base.get('winWidth') - 400)/2;
var y = (parseInt(base.get('winHeight'))-base.get('offsetHeight'))/2 + parseInt(base.get('docScrollY'));
if (y < parseInt(base.get('winHeight'))*0.1) {
y = parseInt(base.get('winHeight'))*0.1;
}
base.setXY([x,y]);
if (this.get(USERS)===null) {
this.getUsers(e, false);
}
this._escCloseEvent = Y.on('key', this.hide, document.body, 'down:27', this);
},
hide : function() {
if (this._escCloseEvent) {
this._escCloseEvent.detach();
this._escCloseEvent = null;
}
this.get(BASE).addClass(CSS.HIDDEN);
if (this.get(REQUIREREFRESH)) {
window.location = this.get(URL);
}
},
getUsers : function(e, append) {
if (e) {
e.halt();
e.preventDefault();
}
var on, params;
if (append) {
this.set(PAGE, this.get(PAGE)+1);
} else {
this.set(USERCOUNT, 0);
}
params = [];
params['id'] = this.get(COURSEID);
params['sesskey'] = M.cfg.sesskey;
params['action'] = 'searchotherusers';
params['search'] = this.get(SEARCH).get('value');
params['page'] = this.get(PAGE);
Y.io(M.cfg.wwwroot+this.get(AJAXURL), {
method:'POST',
data:build_querystring(params),
on : {
start : this.displayLoading,
complete: this.processSearchResults,
end : this.removeLoading
},
context:this,
arguments:{
append:append,
params:params
}
});
},
displayLoading : function() {
this._loadingNode.removeClass(CSS.HIDDEN);
},
removeLoading : function() {
this._loadingNode.addClass(CSS.HIDDEN);
},
processSearchResults : function(tid, outcome, args) {
var result;
try {
result = Y.JSON.parse(outcome.responseText);
if (result.error) {
return new M.core.ajaxException(result);
}
} catch (e) {
new M.core.exception(e);
}
if (!result.success) {
this.setContent = M.util.get_string('errajaxsearch', 'enrol');
}
var usersnode, users = [], i=0, count=0, user;
if (!args.append) {
usersnode = Y.Node.create('<div class="'+CSS.USERS+'"></div>');
} else {
usersnode = this.get(BASE).one('.'+CSS.SEARCHRESULTS+' .'+CSS.USERS);
}
count = this.get(USERCOUNT);
for (i in result.response.users) {
count++;
user = new OTHERUSER(result.response.users[i], count, this);
usersnode.append(user.toHTML());
users[user.get(USERID)] = user;
}
this.set(USERCOUNT, count);
if (!args.append) {
var usersstr = '';
if (this.get(USERCOUNT) === 1) {
usersstr = M.util.get_string('ajaxoneuserfound', 'enrol');
} else if (result.response.moreusers) {
usersstr = M.util.get_string('ajaxxmoreusersfound', 'enrol', this.get(USERCOUNT));
} else {
usersstr = M.util.get_string('ajaxxusersfound', 'enrol', this.get(USERCOUNT));
}
var content = Y.Node.create('<div class="'+CSS.SEARCHRESULTS+'"></div>')
.append(Y.Node.create('<div class="'+CSS.TOTALUSERS+'">'+usersstr+'</div>'))
.append(usersnode);
if (result.response.moreusers) {
var fetchmore = Y.Node.create('<div class="'+CSS.MORERESULTS+'"><a href="#">'+M.util.get_string('ajaxnext25', 'enrol')+'</a></div>');
fetchmore.on('click', this.getUsers, this, true);
content.append(fetchmore)
}
this.setContent(content);
} else {
if (!result.response.moreusers) {
this.get(BASE).one('.'+CSS.MORERESULTS).remove();
}
}
},
setContent : function(content) {
this.get(BASE).one('.'+CSS.CONTENT+' .'+CSS.AJAXCONTENT).setContent(content);
},
getAssignableRoles : function() {
Y.io(M.cfg.wwwroot+'/enrol/ajax.php', {
method:'POST',
data:'id='+this.get(COURSEID)+'&action=getassignable&otherusers=true&sesskey='+M.cfg.sesskey,
on: {
complete: function(tid, outcome, args) {
try {
var roles = Y.JSON.parse(outcome.responseText);
if (roles.error) {
new M.core.ajaxException(roles);
} else {
this.set(ASSIGNABLEROLES, roles.response);
}
} catch (e) {
new M.core.exception(e);
}
this.getAssignableRoles = function() {
this.fire('assignablerolesloaded');
};
this.getAssignableRoles();
}
},
context:this
});
}
}, {
NAME : OUMANAGERNAME,
ATTRS : {
courseId : {
},
ajaxUrl : {
validator : Y.Lang.isString
},
url : {
validator : Y.Lang.isString
},
roles : {
validator :Y.Lang.isArray,
value : []
},
base : {
setter : function(node) {
var n = Y.one(node);
if (!n) {
Y.fail(OUMANAGERNAME+': invalid base node set');
}
return n;
}
},
search : {
setter : function(node) {
var n = Y.one(node);
if (!n) {
Y.fail(OUMANAGERNAME+': invalid base node set');
}
return n;
}
},
requiresRefresh : {
validator : Y.Lang.isBoolean,
value : false
},
users : {
validator : Y.Lang.isArray,
value : null
},
page : {
validator : Y.Lang.isNumber,
value : 0
},
userCount : {
validator : Y.Lang.isNumber,
value : 0
},
assignableRoles : {
value : []
}
}
});
var OTHERUSER = function(config, count, manager) {
this._count = count;
this._manager = manager;
OTHERUSER.superclass.constructor.apply(this, arguments);
};
Y.extend(OTHERUSER, Y.Base, {
_count : 0,
_manager : null,
_node : null,
_assignmentInProgress : false,
initializer : function(config) {
this.publish('assignrole:success');
this.publish('assignrole:failure');
},
toHTML : function() {
this._node = Y.Node.create('<div class="'+CSS.USER+' clearfix" rel="'+this.get(USERID)+'"></div>')
.addClass((this._count%2)?CSS.ODD:CSS.EVEN)
.append(Y.Node.create('<div class="'+CSS.COUNT+'">'+this._count+'</div>'))
.append(Y.Node.create('<div class="'+CSS.USERDETAILS+'"></div>')
.append(Y.Node.create('<div class="'+CSS.PICTURE+'"></div>')
.append(Y.Node.create(this.get(PICTURE)))
)
.append(Y.Node.create('<div class="'+CSS.DETAILS+'"></div>')
.append(Y.Node.create('<div class="'+CSS.FULLNAME+'">'+this.get(FULLNAME)+'</div>'))
.append(Y.Node.create('<div class="'+CSS.EXTRAFIELDS+'">'+this.get(EXTRAFIELDS)+'</div>'))
)
.append(Y.Node.create('<div class="'+CSS.OPTIONS+'"><span class="label">'+M.util.get_string('assignrole', 'role')+': </span></div>'))
);
var roles = this._manager.get(ASSIGNABLEROLES);
for (var i in roles) {
var role = Y.Node.create('<a href="#" class="' + CSS.ROLEOPTION + '">' + roles[i].name + '</a>');
role.on('click', this.assignRoleToUser, this, roles[i].id, role);
this._node.one('.'+CSS.OPTIONS).append(role);
}
return this._node;
},
assignRoleToUser : function(e, roleid, node) {
e.halt();
if (this._assignmentInProgress) {
return true;
}
this._node.addClass('assignment-in-progress');
this._assignmentInProgress = true;
Y.io(M.cfg.wwwroot+'/enrol/ajax.php', {
method:'POST',
data:'id='+this._manager.get(COURSEID)+'&action=assign&sesskey='+M.cfg.sesskey+'&roleid='+roleid+'&user='+this.get(USERID),
on: {
complete: function(tid, outcome, args) {
try {
var o = Y.JSON.parse(outcome.responseText);
if (o.success) {
var options = args.node.ancestor('.'+CSS.OPTIONS);
if (options.all('.'+CSS.ROLEOPTION).size() == 1) {
// This is the last node so remove the options div
if (options.ancestor('.'+CSS.USER)) {
options.ancestor('.'+CSS.USER).addClass(CSS.ALLROLESASSIGNED);
}
options.remove();
} else {
// There are still more assignable roles
args.node.remove();
}
this._manager.set(REQUIREREFRESH, true);
}
} catch (e) {
new M.core.exception(e);
}
this._assignmentInProgress = false;
this._node.removeClass('assignment-in-progress');
}
},
context:this,
arguments:{
roleid : roleid,
node : node
}
});
return true;
}
}, {
NAME : OTHERUSERNAME,
ATTRS : {
userId : {
},
fullname : {
validator : Y.Lang.isString
},
extrafields : {
validator : Y.Lang.isString
},
picture : {
validator : Y.Lang.isString
}
}
});
Y.augment(OTHERUSER, Y.EventTarget);
M.enrol = M.enrol || {};
M.enrol.otherusersmanager = {
init : function(cfg) {
new OUMANAGER(cfg);
}
}
}, '@VERSION@', {requires:['base','node', 'overlay', 'io-base', 'test', 'json-parse', 'event-delegate', 'dd-plugin', 'event-key', 'moodle-core-notification']});
+445
View File
@@ -0,0 +1,445 @@
YUI.add('moodle-enrol-rolemanager', function(Y) {
var MOD_NAME = 'Moodle role manager',
MOD_USER = 'Moodle role user',
MOD_PANEL = 'Moodle role assignment panel',
USERIDS = 'userIds',
COURSEID = 'courseId',
USERID = 'userId',
CONTAINER = 'container',
CONTAINERID = 'containerId',
ASSIGNABLEROLES = 'assignableRoles',
ASSIGNROLELINK = 'assignRoleLink',
ASSIGNROLELINKSELECTOR = 'assignRoleLinkSelector',
UNASSIGNROLELINKS = 'unassignRoleLinks',
UNASSIGNROLELINKSSELECTOR = 'unassignRoleLinksSelector',
MANIPULATOR = 'manipulator',
CURRENTROLES = 'currentroles',
OTHERUSERS = 'otherusers';
var ROLE = function(config) {
ROLE.superclass.constructor.apply(this, arguments);
};
ROLE.NAME = MOD_NAME;
ROLE.ATTRS = {
containerId : {
validator: Y.Lang.isString
},
container : {
setter : function(node) {
var n = Y.one(node);
if (!n) {
Y.fail(MOD_NAME+': invalid container set');
}
return n;
}
},
courseId : {
value: 0,
setter : function(courseId) {
if (!(/^\d+$/.test(courseId))) {
Y.fail(MOD_NAME+': Invalid course id specified');
}
return courseId;
}
},
userIds : {
validator: Y.Lang.isArray
},
assignableRoles : {
value : []
},
otherusers : {
value : false
}
};
Y.extend(ROLE, Y.Base, {
users : [],
roleAssignmentPanel : null,
rolesLoadedEvent : null,
escCloseEvent : null,
initializer : function(config) {
var i;
var container = Y.one('#'+this.get(CONTAINERID));
container.addClass('ajaxactive');
this.set(CONTAINER, container);
var userids = this.get(USERIDS);
for (i in userids) {
this.users[userids[i]] = new ROLEUSER({userId:userids[i],manipulator:this}).wire();
}
},
addRole : function(e, user) {
e.halt();
this.rolesLoadedEvent = this.on('assignablerolesloaded', function(){
this.rolesLoadedEvent.detach();
var panel = this._getRoleAssignmentPanel();
panel.hide();
panel.submitevent = panel.on('submit', this.addRoleCallback, this);
panel.display(user);
}, this);
this._loadAssignableRoles();
},
addRoleCallback : function(e, roleid, userid) {
var panel = this._getRoleAssignmentPanel();
panel.submitevent.detach();
panel.submitevent = null;
Y.io(M.cfg.wwwroot+'/enrol/ajax.php', {
method:'POST',
data:'id='+this.get(COURSEID)+'&action=assign&sesskey='+M.cfg.sesskey+'&roleid='+roleid+'&user='+userid,
on: {
complete: function(tid, outcome, args) {
try {
var o = Y.JSON.parse(outcome.responseText);
if (o.error) {
new M.core.ajaxException(o);
} else {
this.users[userid].addRoleToDisplay(args.roleid, this._getAssignableRole(args.roleid));
}
} catch (e) {
new M.core.exception(e);
}
panel.hide();
}
},
context:this,
arguments:{
roleid : roleid
}
});
},
removeRole: function(e, user, roleid) {
e.halt();
require(['core/notification'], function(Notification) {
Notification.saveCancelPromise(
M.util.get_string('confirmation', 'admin'),
M.util.get_string('confirmunassign', 'role'),
M.util.get_string('confirmunassignyes', 'role')
).then(function() {
return this.removeRoleCallback(user.get(USERID), roleid);
}.bind(this)).catch(function() {
// User cancelled.
});
}.bind(this));
this._loadAssignableRoles();
},
removeRoleCallback: function(userid, roleid) {
Y.io(M.cfg.wwwroot+'/enrol/ajax.php', {
method:'POST',
data:'id='+this.get(COURSEID)+'&action=unassign&sesskey='+M.cfg.sesskey+'&role='+roleid+'&user='+userid,
on: {
complete: function(tid, outcome, args) {
var o;
try {
o = Y.JSON.parse(outcome.responseText);
if (o.error) {
new M.core.ajaxException(o);
} else {
this.users[userid].removeRoleFromDisplay(args.roleid);
}
} catch (e) {
new M.core.exception(e);
}
}
},
context:this,
arguments:{
roleid : roleid
}
});
},
_getAssignableRole: function(roleid) {
var roles = this.get(ASSIGNABLEROLES);
for (var i in roles) {
if (roles[i].id == roleid) {
return roles[i].name;
}
}
return null;
},
_loadAssignableRoles : function() {
var c = this.get(COURSEID), params = {
id : this.get(COURSEID),
otherusers : (this.get(OTHERUSERS))?'true':'false',
action : 'getassignable',
sesskey : M.cfg.sesskey
};
Y.io(M.cfg.wwwroot+'/enrol/ajax.php', {
method:'POST',
data:build_querystring(params),
on: {
complete: function(tid, outcome, args) {
try {
var roles = Y.JSON.parse(outcome.responseText);
this.set(ASSIGNABLEROLES, roles.response);
} catch (e) {
new M.core.exception(e);
}
this._loadAssignableRoles = function() {
this.fire('assignablerolesloaded');
};
this._loadAssignableRoles();
}
},
context:this
});
},
_getRoleAssignmentPanel : function() {
if (this.roleAssignmentPanel === null) {
this.roleAssignmentPanel = new ROLEPANEL({manipulator:this});
}
return this.roleAssignmentPanel;
}
});
Y.augment(ROLE, Y.EventTarget);
var ROLEUSER = function(config) {
ROLEUSER.superclass.constructor.apply(this, arguments);
};
ROLEUSER.NAME = MOD_USER;
ROLEUSER.ATTRS = {
userId : {
validator: Y.Lang.isNumber
},
manipulator : {
validator: Y.Lang.isObject
},
container : {
setter : function(node) {
var n = Y.one(node);
if (!n) {
Y.fail(MOD_USER+': invalid container set '+node);
}
return n;
}
},
assignableroles : {
value : []
},
currentroles : {
value : [],
validator: Y.Lang.isArray
},
assignRoleLink : {
setter : function(node) {
if (node===false) {
return node;
}
var n = Y.one(node);
if (!n) {
Y.fail(MOD_NAME+': invalid assign role link given '+node);
}
return n;
},
value : false
},
assignRoleLinkSelector : {
value : '.assignrolelink',
validator : Y.Lang.isString
},
unassignRoleLinks : {
},
unassignRoleLinksSelector : {
value : '.unassignrolelink',
validator : Y.Lang.isString
}
};
Y.extend(ROLEUSER, Y.Base, {
initializer : function() {
var container = this.get(MANIPULATOR).get(CONTAINER).one('#user_'+this.get(USERID));
this.set(CONTAINER, container);
var assignrole = container.one(this.get(ASSIGNROLELINKSELECTOR));
if (assignrole) {
this.set(ASSIGNROLELINK, assignrole.ancestor());
}
this.set(UNASSIGNROLELINKS , container.all(this.get(UNASSIGNROLELINKSSELECTOR)));
},
wire : function() {
var container = this.get(MANIPULATOR).get(CONTAINER).one('#user_'+this.get(USERID));
var arl = this.get(ASSIGNROLELINK);
var uarls = this.get(UNASSIGNROLELINKS);
var m = this.get(MANIPULATOR);
if (arl) {
arl.ancestor().on('click', m.addRole, m, this);
}
var currentroles = [];
if (uarls.size() > 0) {
uarls.each(function(link){
link.roleId = link.getAttribute('rel');
link.on('click', m.removeRole, m, this, link.roleId);
currentroles[link.roleId] = true;
}, this);
}
container.all('.role.unchangeable').each(function(node){
currentroles[node.getAttribute('rel')] = true;
}, this);
this.set(CURRENTROLES, currentroles);
return this;
},
_checkIfHasAllRoles : function() {
var roles = this.get(MANIPULATOR).get(ASSIGNABLEROLES);
var current = this.get(CURRENTROLES);
var allroles = true, i = 0;
for (i in roles) {
if (!current[roles[i].id]) {
allroles = false;
break;
}
}
var link = this.get(ASSIGNROLELINK);
if (allroles) {
this.get(CONTAINER).addClass('hasAllRoles');
} else {
this.get(CONTAINER).removeClass('hasAllRoles');
}
},
addRoleToDisplay : function(roleId, roleTitle) {
var m = this.get(MANIPULATOR);
var container = this.get(CONTAINER);
window.require(['core/templates'], function(Templates) {
Templates.renderPix('t/delete', 'core').then(function(pix) {
var role = Y.Node.create('<div class="role role_' + roleId + '">' +
roleTitle +
'<a class="unassignrolelink">' + pix + '</a></div>');
var link = role.one('.unassignrolelink');
link.roleId = roleId;
link.on('click', m.removeRole, m, this, link.roleId);
container.one('.col_role .roles').append(role);
this._toggleCurrentRole(link.roleId, true);
}.bind(this));
}.bind(this));
},
removeRoleFromDisplay : function(roleId) {
var container = this.get(CONTAINER);
container.all('.role_'+roleId).remove();
this._toggleCurrentRole(roleId, false);
},
_toggleCurrentRole : function(roleId, hasRole) {
var roles = this.get(CURRENTROLES);
if (hasRole) {
roles[roleId] = true;
} else {
roles[roleId] = false;
}
this.set(CURRENTROLES, roles);
this._checkIfHasAllRoles();
}
});
var ROLEPANEL = function(config) {
ROLEPANEL.superclass.constructor.apply(this, arguments);
};
ROLEPANEL.NAME = MOD_PANEL;
ROLEPANEL.ATTRS = {
elementNode : {
setter : function(node) {
var n = Y.one(node);
if (!n) {
Y.fail(MOD_PANEL+': Invalid element node');
}
return n;
}
},
contentNode : {
setter : function(node) {
var n = Y.one(node);
if (!n) {
Y.fail(MOD_PANEL+': Invalid content node');
}
return n;
}
},
manipulator : {
validator: Y.Lang.isObject
}
};
Y.extend(ROLEPANEL, Y.Base, {
user : null,
roles : [],
submitevent : null,
initializer : function() {
var i, m = this.get(MANIPULATOR);
var element = Y.Node.create('<div class="popover popover-bottom"><div class="arrow"></div>' +
'<div class="header popover-title">' +
'<div role="button" class="close" aria-label="' +
M.util.get_string('closebuttontitle', 'moodle') + '">' +
'<span aria-hidden="true">&times;</span></div>' +
'<h3>'+M.util.get_string('assignroles', 'role')+'</h3>' +
'</div><div class="content popover-content' +
' d-flex flex-wrap align-items-center mb-3"></div></div>');
var content = element.one('.content');
var roles = m.get(ASSIGNABLEROLES);
for (i in roles) {
var buttonid = 'add_assignable_role_' + roles[i].id;
var buttonhtml = '<input type="button" class="btn btn-secondary mr-1" value="' +
roles[i].name + '" id="' + buttonid + '" />';
var button = Y.Node.create(buttonhtml);
button.on('click', this.submit, this, roles[i].id);
content.append(button);
}
Y.one(document.body).append(element);
this.set('elementNode', element);
this.set('contentNode', content);
element.one('.header .close').on('click', this.hide, this);
},
display : function(user) {
var currentroles = user.get(CURRENTROLES), node = null;
for (var i in currentroles) {
if (currentroles[i] === true) {
if (node = this.get('contentNode').one('#add_assignable_role_'+i)) {
node.setAttribute('disabled', 'disabled');
}
this.roles.push(i);
}
}
this.user = user;
var roles = this.user.get(CONTAINER).one('.col_role .roles');
var x = roles.getX() + 10;
var y = roles.getY() + this.user.get(CONTAINER).get('offsetHeight') - 10;
if ( Y.one(document.body).hasClass('dir-rtl') ) {
this.get('elementNode').setStyle('right', x - 20).setStyle('top', y);
} else {
this.get('elementNode').setStyle('left', x).setStyle('top', y);
}
this.get('elementNode').setStyle('display', 'block');
this.escCloseEvent = Y.on('key', this.hide, document.body, 'down:27', this);
this.displayed = true;
},
hide : function() {
if (this._escCloseEvent) {
this._escCloseEvent.detach();
this._escCloseEvent = null;
}
var node = null;
for (var i in this.roles) {
if (node = this.get('contentNode').one('#add_assignable_role_'+this.roles[i])) {
node.removeAttribute('disabled');
}
}
this.roles = [];
this.user = null;
this.get('elementNode').setStyle('display', 'none');
if (this.submitevent) {
this.submitevent.detach();
this.submitevent = null;
}
this.displayed = false;
return this;
},
submit : function(e, roleid) {
this.fire('submit', roleid, this.user.get(USERID));
}
});
Y.augment(ROLEPANEL, Y.EventTarget);
M.enrol = M.enrol || {};
M.enrol.rolemanager = {
instance : null,
init : function(config) {
M.enrol.rolemanager.instance = new ROLE(config);
return M.enrol.rolemanager.instance;
}
}
}, '@VERSION@', {requires:['base','node','io-base','json-parse','test','moodle-core-notification']});