1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
|
/**
* Roles widget. Sets up dropdowns, modals, etc for a table of roles.
*/
/**
* Set up the form in a modal after being successfully attached to the body.
*/
function attachRoleForm() {
$("body").on('renderSuccess.ufModal', function (data) {
var modal = $(this).ufModal('getModal');
var form = modal.find('.js-form');
/**
* Set up modal widgets
*/
// Auto-generate slug
form.find('input[name=name]').on('input change', function() {
var manualSlug = form.find('#form-role-slug-override').prop('checked');
if (!manualSlug) {
var slug = getSlug($(this).val());
form.find('input[name=slug]').val(slug);
}
});
form.find('#form-role-slug-override').on('change', function() {
if ($(this).prop('checked')) {
form.find('input[name=slug]').prop('readonly', false);
} else {
form.find('input[name=slug]').prop('readonly', true);
form.find('input[name=name]').trigger('change');
}
});
// Set up the form for submission
form.ufForm({
validators: page.validators
}).on("submitSuccess.ufForm", function() {
// Reload page on success
window.location.reload();
});
});
}
/**
* Link role action buttons, for example in a table or on a specific role's page.
*/
function bindRoleButtons(el) {
/**
* Link row buttons after table is loaded.
*/
// Manage permissions button
el.find('.js-role-permissions').click(function() {
var slug = $(this).data('slug');
$("body").ufModal({
sourceUrl: site.uri.public + "/modals/roles/permissions",
ajaxParams: {
slug: slug
},
msgTarget: $("#alerts-page")
});
$("body").on('renderSuccess.ufModal', function (data) {
var modal = $(this).ufModal('getModal');
var form = modal.find('.js-form');
// Set up collection widget
var permissionWidget = modal.find('.js-form-permissions');
permissionWidget.ufCollection({
dropdown: {
ajax: {
url : site.uri.public + '/api/permissions'
},
placeholder : "Select a permission"
},
dropdownTemplate: modal.find('#role-permissions-select-option').html(),
rowTemplate : modal.find('#role-permissions-row').html()
});
// Get current roles and add to widget
$.getJSON(site.uri.public + '/api/roles/r/' + slug + '/permissions')
.done(function (data) {
$.each(data.rows, function (idx, permission) {
permission.text = permission.name;
permissionWidget.ufCollection('addRow', permission);
});
});
// Set up form for submission
form.ufForm({
}).on("submitSuccess.ufForm", function() {
// Reload page on success
window.location.reload();
});
});
});
/**
* Buttons that launch a modal dialog
*/
// Edit role details button
el.find('.js-role-edit').click(function() {
$("body").ufModal({
sourceUrl: site.uri.public + "/modals/roles/edit",
ajaxParams: {
slug: $(this).data('slug')
},
msgTarget: $("#alerts-page")
});
attachRoleForm();
});
// Delete role button
el.find('.js-role-delete').click(function() {
$("body").ufModal({
sourceUrl: site.uri.public + "/modals/roles/confirm-delete",
ajaxParams: {
slug: $(this).data('slug')
},
msgTarget: $("#alerts-page")
});
$("body").on('renderSuccess.ufModal', function (data) {
var modal = $(this).ufModal('getModal');
var form = modal.find('.js-form');
form.ufForm()
.on("submitSuccess.ufForm", function() {
// Reload page on success
window.location.reload();
});
});
});
}
function bindRoleCreationButton(el) {
// Link create button
el.find('.js-role-create').click(function() {
$("body").ufModal({
sourceUrl: site.uri.public + "/modals/roles/create",
msgTarget: $("#alerts-page")
});
attachRoleForm();
});
};
|
