L-electron-Rare/moodle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

MDL-56193 enrol_manual: Bootstrap styles for assign roles

Browse Source 
Use a bootstrap popover for the assign roles form.
This commit is contained in:
Damyon Wiese
2016-11-15 11:29:49 +08:00
parent f10ae4676d
commit ae9bbd9847
2 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
enrol/yui/rolemanager/rolemanager.js
Vendored
+10 -4
View File
@@ -358,12 +358,18 @@ YUI.add('moodle-enrol-rolemanager', function(Y) {
submitevent : null,
initializer : function() {
var i, m = this.get(MANIPULATOR);
var element = Y.Node.create('<div class="enrolpanel roleassign"><div class="container"><div class="header"><h2>'+M.util.get_string('assignroles', 'role')+'</h2><div class="close"></div></div><div class="content"></div></div></div>');
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="Close">' +
'<span aria-hidden="true">&times;</span></div>' +
'<h3>'+M.util.get_string('assignroles', 'role')+'</h3>' +
'</div><div class="content popover-content form-inline form-group"></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" value="' + roles[i].name + '" id="' + buttonid + '" />';
var buttonhtml = '<input type="button" class="btn btn-secondary m-r-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);
@@ -392,7 +398,7 @@ YUI.add('moodle-enrol-rolemanager', function(Y) {
} else {
this.get('elementNode').setStyle('left', x).setStyle('top', y);
}
this.get('elementNode').addClass('visible');
this.get('elementNode').setStyle('display', 'block');
this.escCloseEvent = Y.on('key', this.hide, document.body, 'down:27', this);
this.displayed = true;
},
@@ -409,7 +415,7 @@ YUI.add('moodle-enrol-rolemanager', function(Y) {
}
this.roles = [];
this.user = null;
this.get('elementNode').removeClass('visible');
this.get('elementNode').setStyle('display', 'none');
if (this.submitevent) {
this.submitevent.detach();
this.submitevent = null;
theme/boost/scss/moodle/user.scss
+4
View File
@@ -295,3 +295,7 @@
.userlist h3 .action-icon {
display: none;
}
#page-enrol-users .popover {
max-width: none;
}