MonScoDocEssai/app/static/js/groups_view.js

// Affichage progressif du trombinoscope html

$().ready(function () {
    var spans = $(".unloaded_img");
    for (var i = 0; i < spans.length; i++) {
        var sp = spans[i];
        var etudid = sp.id;
        $(sp).load(SCO_URL + "/etud_photo_html?etudid=" + etudid);
    }
});

// L'URL pour recharger l'état courant de la page (groupes et tab selectionnes)
// (ne fonctionne que pour les requetes GET: manipule la query string)

function groups_view_url() {
    var url = $.url();
    delete url.param()["group_ids"]; // retire anciens groupes de l'URL
    delete url.param()["curtab"]; // retire ancien tab actif
    if (CURRENT_TAB_HASH) {
        url.param()["curtab"] = CURRENT_TAB_HASH;
    }
    delete url.param()["formsemestre_id"];
    url.param()["formsemestre_id"] =
        $("#group_selector")[0].formsemestre_id.value;

    var selected_groups = $("#group_selector select").val();
    url.param()["group_ids"] = selected_groups; // remplace par groupes selectionnes

    return url;
}

// Sélectionne le groupe "tous" et recharge la page:
function select_groupe_tous() {
    var url = groups_view_url();
    var default_group_id = $("#group_selector")[0].default_group_id.value;
    delete url.param()["group_ids"];
    url.param()["group_ids"] = [default_group_id];

    var query_string = $.param(url.param(), (traditional = true));
    window.location = url.attr("base") + url.attr("path") + "?" + query_string;
}

// Recharge la page sans arguments group_ids
function remove_group_filter() {
    var url = groups_view_url();
    delete url.param()["group_ids"];
    var query_string = $.param(url.param(), (traditional = true));
    window.location = url.attr("base") + url.attr("path") + "?" + query_string;
}

// L'URL pour l'état courant de la page:
function get_current_url() {
    var url = groups_view_url();
    var query_string = $.param(url.param(), (traditional = true));
    return url.attr("base") + url.attr("path") + "?" + query_string;
}

// Recharge la page en changeant les groupes selectionnés et en conservant le tab actif:
function submit_group_selector() {
    window.location = get_current_url();
}

function show_current_tab() {
    if (document.getElementsByClassName("nav-tabs").length < 0) {
        $('.nav-tabs [href="#' + CURRENT_TAB_HASH + '"]').tab("show");
    }
}

var CURRENT_TAB_HASH = $.url().param()["curtab"];

$().ready(function () {
    $(".nav-tabs a").on("shown.bs.tab", function (e) {
        CURRENT_TAB_HASH = e.target.hash.slice(1); // sans le #
    });

    show_current_tab();
});

function change_list_options() {
    var url = groups_view_url();
    var selected_options = $("#group_list_options").val();
    var options = [
        "with_paiement",
        "with_archives",
        "with_annotations",
        "with_codes",
        "with_bourse",
    ];
    for (var i = 0; i < options.length; i++) {
        var option = options[i];
        delete url.param()[option];
        if ($.inArray(option, selected_options) >= 0) {
            url.param()[option] = 1;
        }
    }
    var query_string = $.param(url.param(), (traditional = true));
    window.location = url.attr("base") + url.attr("path") + "?" + query_string;
}

// Menu choix groupe:
function toggle_visible_etuds() {
    //
    $(".etud_elem").hide();
    var qargs = "";
    $("#group_ids_sel option:selected").each(function (index, opt) {
        var group_id = opt.value;
        $(".group-" + group_id).show();
        qargs += "&group_ids=" + group_id;
    });
    // Update url saisie tableur:
    var input_eval = $("#formnotes_evaluation_id");
    if (input_eval.length > 0) {
        var evaluation_id = input_eval[0].value;
        $("#menu_saisie_tableur a").attr(
            "href",
            "saisie_notes_tableur?evaluation_id=" + evaluation_id + qargs
        );
        // lien feuille excel:
        $("#lnk_feuille_saisie").attr(
            "href",
            "feuille_saisie_notes?evaluation_id=" + evaluation_id + qargs
        );
    }
    // Update champs form group_ids_str
    let group_ids_str = Array.from(
        document.querySelectorAll("#group_ids_sel option:checked")
    )
        .map(function (elem) {
            return elem.value;
        })
        .join();
    document
        .querySelectorAll("input.group_ids_str")
        .forEach((elem) => (elem.value = group_ids_str));
}

$().ready(function () {
    $("#group_ids_sel").multiselect({
        includeSelectAllOption: false,
        nonSelectedText: "choisir...",
        // buttonContainer: '<div id="group_ids_sel_container"/>',
        onChange: function (element, checked) {
            // Gestion du groupe "tous"
            if (
                checked == true &&
                $("#group_ids_sel").hasClass("default_deselect_others")
            ) {
                var default_group_id = $(".default_group")[0].value;

                if (element.hasClass("default_group")) {
                    // click sur groupe "tous"
                    // deselectionne les autres
                    $("#group_ids_sel option:selected").each(function (
                        index,
                        opt
                    ) {
                        if (opt.value != default_group_id) {
                            $("#group_ids_sel").multiselect(
                                "deselect",
                                opt.value
                            );
                        }
                    });
                } else {
                    // click sur un autre item
                    // si le groupe "tous" est selectionne et que l'on coche un autre, le deselectionner
                    var default_is_selected = false;
                    $("#group_ids_sel option:selected").each(function (
                        index,
                        opt
                    ) {
                        if (opt.value == default_group_id) {
                            default_is_selected = true;
                            return false;
                        }
                    });
                    if (default_is_selected) {
                        $("#group_ids_sel").multiselect(
                            "deselect",
                            default_group_id
                        );
                    }
                }
            }

            toggle_visible_etuds();
            // referme le menu apres chaque choix:
            $("#group_selector .btn-group").removeClass("open");

            if ($("#group_ids_sel").hasClass("submit_on_change")) {
                submit_group_selector();
            }
        },
    });

    // initial setup
    toggle_visible_etuds();
});

// Trombinoscope
$().ready(function () {
    var elems = $(".trombi-photo");
    for (var i = 0; i < elems.length; i++) {
        $(elems[i]).qtip({
            content: {
                ajax: {
                    url:
                        SCO_URL +
                        "/etud_info_html?with_photo=0&etudid=" +
                        get_etudid_from_elem(elems[i]),
                },
                text: "Loading...",
            },
            position: {
                at: "right",
                my: "left top",
            },
            style: {
                classes: "qtip-etud",
            },
            // utile pour debugguer le css:
            // hide: { event: 'unfocus' }
        });
    }
});