1 files changed, 148 insertions, 0 deletions
diff --git a/main/app/sprinkles/admin/assets/userfrosting/js/widgets/roles.js b/main/app/sprinkles/admin/assets/userfrosting/js/widgets/roles.js
new file mode 100755
index 0000000..0e32651
--- /dev/null
+++ b/main/app/sprinkles/admin/assets/userfrosting/js/widgets/roles.js
@@ -0,0 +1,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();
+    });
+};