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
|
/**
* Groups widget. Sets up dropdowns, modals, etc for a table of groups.
*/
/**
* Set up the form in a modal after being successfully attached to the body.
*/
function attachGroupForm() {
$("body").on('renderSuccess.ufModal', function (data) {
var modal = $(this).ufModal('getModal');
var form = modal.find('.js-form');
/**
* Set up modal widgets
*/
// Set up any widgets inside the modal
form.find(".js-select2").select2({
width: '100%'
});
// Auto-generate slug
form.find('input[name=name]').on('input change', function() {
var manualSlug = form.find('#form-group-slug-override').prop('checked');
if (!manualSlug) {
var slug = getSlug($(this).val());
form.find('input[name=slug]').val(slug);
}
});
form.find('#form-group-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 icon when changed
form.find('input[name=icon]').on('input change', function() {
$(this).prev(".icon-preview").find("i").removeClass().addClass($(this).val());
});
// Set up the form for submission
form.ufForm({
validators: page.validators
}).on("submitSuccess.ufForm", function() {
// Reload page on success
window.location.reload();
});
});
}
/**
* Link group action buttons, for example in a table or on a specific group's page.
*/
function bindGroupButtons(el) {
/**
* Link row buttons after table is loaded.
*/
/**
* Buttons that launch a modal dialog
*/
// Edit group details button
el.find('.js-group-edit').click(function() {
$("body").ufModal({
sourceUrl: site.uri.public + "/modals/groups/edit",
ajaxParams: {
slug: $(this).data('slug')
},
msgTarget: $("#alerts-page")
});
attachGroupForm();
});
// Delete group button
el.find('.js-group-delete').click(function() {
$("body").ufModal({
sourceUrl: site.uri.public + "/modals/groups/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 bindGroupCreationButton(el) {
// Link create button
el.find('.js-group-create').click(function() {
$("body").ufModal({
sourceUrl: site.uri.public + "/modals/groups/create",
msgTarget: $("#alerts-page")
});
attachGroupForm();
});
};
|
