<commit_before>$(document).ready(function () {

    var departSidebarItems = $("#departs-sidebar .depart-sidebar-item");
    var usersDiv = $("#users-by-depart");

    var userTemplate = _.template("<li data-user-id='<%= id %>'><%= fullName %></li>");
    var userTemplateEmpty = _.template("В этом отделе пока еще нет сотрудников...");

    departSidebarItems.click(function() {
        var departId = $(this).attr("data-depart-id");

        $.ajax({
            url: "/get-users/",
            type: "POST",
            dataType: "json",
            data: {
                "csrfmiddlewaretoken" : csrf_token,
                "departId": departId
            },
            success: function(data) {
                if ($.isArray(data) && data.length!=0) {
                    usersDiv.html("");
                    _.each(data, function(v) {
                        usersDiv.append(userTemplate(v));
                    });
                } else {
                    usersDiv.html(userTemplateEmpty());
                }
            },
            error: function(e) {
                console.log(e);
            }
        });
    });

});<commit_msg>#54 add sidebar lighter when click and load users from first depart in list<commit_after>$(document).ready(function () {
    //  vars
    var departSidebarItems = $("#departs-sidebar .depart-sidebar-item");
    var usersDiv = $("#users-by-depart");

    var userTemplate = _.template("<li data-user-id='<%= id %>'><%= fullName %></li>");
    var userTemplateEmpty = _.template("В этом отделе пока еще нет сотрудников...");

    //  functions
    var getUsersByDepart = function(departId) {
        return $.ajax({
            url: "/get-users/",
            type: "POST",
            dataType: "json",
            data: {
                "csrfmiddlewaretoken" : csrf_token,
                "departId": departId
            }
        });
    }

    var fillUsersDiv = function(users) {
        if ($.isArray(users) && users.length!=0) {
            usersDiv.html("");
            _.each(users, function(v) {
                usersDiv.append(userTemplate(v));
            });
        } else {
            usersDiv.html(userTemplateEmpty());
        }
    };

    //  init view
    departSidebarItems.removeClass("active");
    departSidebarItems.first().parents("li").addClass("active");
    var departId = departSidebarItems.first().attr("data-depart-id");
    getUsersByDepart(departId)
    .done(function(result) {
        fillUsersDiv(result);
    })
    .fail(function(e) {
        console.log(e);
    });

    //  listeners
    departSidebarItems.click(function() {
        departSidebarItems.parents("li").removeClass("active");
        $(this).parents("li").addClass("active");

        var departId = $(this).attr("data-depart-id");

        getUsersByDepart(departId)
        .done(function(result) {
            fillUsersDiv(result);
        })
        .fail(function(e) {
            console.log(e);
        });
    });

});
{'fraction_non_alphanumeric': 0.1588628762541806, 'fraction_numerical': 0.0013377926421404682, 'mean_word_length': 1.8297067171239356, 'pattern_counts': {'":': 2, '<': 11, '<?xml version=': 0, '>': 11, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7242778', 'n_tokens_mistral': 878, 'n_tokens_neox': 868, 'n_words': 145}