Add administrative panel to allow for user deactivations etc.

We now show a list of users and allow you to deactivate a user using the same process as `python manage.py deactivate_user`. We add a new menu item accessible from the gear icon which will eventually have much more than just this, but we have a good start here. Here we also add a property to UserProfile which determines whether you're eligible to access the administration panel, and then have code which shows the menu option if so. This introduces a new JS file, admin.js. (imported from commit 52296fdedb46b4f32d541df43022ffccfb277297)
2025-11-04 22:13:26 +00:00 · 2013-08-12 17:31:23 -04:00
parent 78d8153e6b
commit ecc42bc9f8
11 changed files with 155 additions and 2 deletions
--- a/static/js/admin.js
+++ b/static/js/admin.js
@@ -0,0 +1,70 @@
+var admin = (function () {
+
+var exports = {};
+
+function populate_users () {
+    var tb = $("#admin_users_table");
+    tb.empty();
+    page_params.people_list.sort(function (a, b) {
+        return a.full_name.toLowerCase().localeCompare(b.full_name.toLowerCase());
+    });
+
+    $.each(page_params.people_list, function (index, person) {
+        if (person.email.indexOf("+") === -1 && person.email.indexOf("-bot@") === -1) {
+            tb.append(templates.render("admin_user_list", {person: person}));
+        }
+    });
+}
+
+exports.setup_page = function () {
+    populate_users();
+
+    $("#admin_users_table").on("click", ".activation_toggle_button", function (e) {
+        e.preventDefault();
+        e.stopPropagation();
+
+        $(".active_user_row").removeClass("active_user_row");
+
+        // Go up the tree until we find the user row, then grab the email element
+        $(e.target).closest(".user_row").addClass("active_user_row");
+
+        var user_name = $(".active_user_row").find('.user_name').text();
+        var email = $(".active_user_row").find('.email').text();
+
+        $("#deactivation_modal .email").text(email);
+        $("#deactivation_modal .user_name").text(user_name);
+        $("#deactivation_modal").modal("show");
+    });
+
+    $("#do_deactivate_button").click(function (e) {
+        if ($("#deactivation_modal .email").html() !== $(".active_user_row").find('.email').text()) {
+            blueslip.error("User deactivation canceled due to non-matching fields.");
+            ui.report_message("Deactivation encountered an error. Please reload and try again.",
+               $("#home-error"), 'alert-error');
+        }
+        $("#deactivation_modal").modal("hide");
+        $(".active_user_row button").prop("disabled", true).text("Working…");
+        $.ajax({
+            type: 'DELETE',
+            url: '/json/users/' + $(".active_user_row").find('.email').text(),
+            error: function (xhr, error_type) {
+                if (xhr.status.toString().charAt(0) === "4") {
+                    $(".active_user_row button").closest("td").html(
+                        $("<p>").addClass("text-error").text($.parseJSON(xhr.responseText).msg)
+                    );
+                } else {
+                     $(".active_user_row button").text("Failed!");
+                }
+            },
+            success: function () {
+                $(".active_user_row button").removeClass("btn-danger").text("Deactivated");
+                $(".active_user_row span").wrap("<strike>");
+            }
+        });
+    });
+
+};
+
+return exports;
+
+}());