// $Id: proximapsync_form.js,v 1.15 2025/10/18 14:16:20 gilles Exp gilles $

/*jslint browser: true*/ /*global  $*/


/* 
1) How the hell is structured this code?
2) What is its behavior?


*/


var readyStateStr = {
    "0": "Request not initialized",
    "1": "Server connection established",
    "2": "Response headers received",
    "3": "Processing request",
    "4": "Finished and response is ready"
};

var refresh_interval_ms = 2000;
var refresh_interval_s = refresh_interval_ms / 1000;
var test = {
    counter_all: 0,
    counter_ok: 0,
    counter_nok: 0,
    failed_tests: ""
};

var is = function is(expected, given, comment) {
    test.counter_all += 1;
    var message = test.counter_all + " - ["
        + expected
        + "] === ["
        + given
        + "] "
        + comment
        + "\n";
    if (expected === given) {
        test.counter_ok += 1;
        message = "ok " + message;
    }
    else {
        test.counter_nok += 1;
        test.failed_tests += "nb " + message + "\n";
        message = "not ok " + message;
    }
    $("#tests").append(message);
};

var note = function note(message) {
    $("#tests").append(message);
};


var tests_last_x_lines = function tests_last_x_lines() {
    is("", last_x_lines(), "last_x_lines: no args => empty string");
    is("", last_x_lines(""), "last_x_lines: empty string => empty string");
    is("abc", last_x_lines("abc"), "last_x_lines: abc => abc");
    is("abc\ndef", last_x_lines("abc\ndef"), "last_x_lines: abc\ndef => abc\ndef");
    is("def", last_x_lines("abc\ndef", -1), "last_x_lines: abc\ndef -1 => def\n");
    is("", last_x_lines("abc\ndef", 0), "last_x_lines: abc\ndef 0 => empty string");
    is("abc\ndef", last_x_lines("abc\ndef", -10), "last_x_lines: last 10 of 2 lines => 2 lines");
    is("4\n5\n", last_x_lines("1\n2\n3\n4\n5\n", -3), "last_x_lines: last 3 lines of 5 lines");
    is("3\n4\n5", last_x_lines("1\n2\n3\n4\n5", -3), "last_x_lines: last 3 lines of 5 lines");
};

var last_x_lines = function last_x_lines(string, num) {
    if (undefined === string || 0 === num) {
        return "";
    }
    return string.split(/\r?\n/).slice(num).join("\n");
};

var last_eta = function last_eta(string) {
    // return the last occurrence of the substring "ETA: ...\n"
    // or "ETA: unknown" or ""
    var eta;
    var last_found;

    if (undefined === string) {
        return "";
    }

    var eta_re = /ETA:.*\n/g;

    eta = string.match(eta_re);
    if (eta) {
        last_found = eta[eta.length - 1];
        return last_found;
    }
    else {
        return "ETA: unknown";
    }
}



var tests_last_eta = function tests_last_eta() {
    is("", last_eta(), "last_eta: no args => empty string");

    is(
        "ETA: unknown",
        last_eta(""),
        "last_eta: empty => empty string");

    is("ETA: unknown",
        last_eta("ETA"),
        "last_eta: ETA => empty string");

    is("ETA: unknown", last_eta("ETA: but no CR"),
        "last_eta: ETA: but no CR => empty string");

    is(
        "ETA: with CR\n",
        last_eta("Blabla ETA: with CR\n"),
        "last_eta: ETA: with CR => ETA: with CR"
    );

    is(
        "ETA: 2 with CR\n",
        last_eta("Blabla ETA: 1 with CR\nBlabla ETA: 2 with CR\n"),
        "last_eta: several ETA: with CR => ETA: 2 with CR"
    );
}

var tests_decompose_eta_line = function tests_decompose_eta_line() {
    var eta_obj;
    var eta_str = "ETA: Wed Jul  3 14:55:27 2019  1234 s  123/4567 msgs left\n";

    eta_obj = decompose_eta_line("");
    is(
        "",
        eta_obj.str,
        "decompose_eta_line: no match => undefined"
    );


    eta_obj = decompose_eta_line(eta_str);
    is(
        eta_str,
        eta_str,
        "decompose_eta_line: str is str"
    );

    is(
        eta_str,
        eta_obj.str,
        "decompose_eta_line: str back"
    );

    is(
        "Wed Jul  3 14:55:27 2019",
        eta_obj.date,
        "decompose_eta_line: date"
    );

    is(
        "1234",
        eta_obj.seconds_left,
        "decompose_eta_line: seconds_left"
    );

    is(
        "123",
        eta_obj.msgs_left,
        "decompose_eta_line: msgs_left"
    );

    is(
        "4567",
        eta_obj.msgs_total,
        "decompose_eta_line: msgs_total"
    );

    is(
        "4444",
        eta_obj.msgs_done(),
        "decompose_eta_line: msgs_done"
    );

    is(
        "97.31",
        eta_obj.percent_done(),
        "decompose_eta_line: percent_done"
    );

    is(
        "2.69",
        eta_obj.percent_left(),
        "decompose_eta_line: percent_left"
    );
};

var decompose_eta_line = function decompose_eta_line(eta_str) {
    var eta_obj;
    var eta_array;

    var regex_eta = /^ETA:\s+(.*?)\s+([0-9]+)\s+s\s+([0-9]+)\/([0-9]+)\s+msgs\s+left\n?$/;
    eta_array = regex_eta.exec(eta_str);

    if (null !== eta_array) {
        eta_obj = {
            str: eta_str,
            date: eta_array[1],
            seconds_left: eta_array[2],
            msgs_left: eta_array[3],
            msgs_total: eta_array[4],
            msgs_done: function () {
                var diff = eta_obj.msgs_total - eta_obj.msgs_left;
                return (diff.toString());
            },
            percent_done: function () {
                var percent;
                if (0 === eta_obj.msgs_total) {
                    return "0";
                }
                else {
                    percent = (eta_obj.msgs_total - eta_obj.msgs_left) / eta_obj.msgs_total * 100;
                    return (percent.toFixed(2));
                }
            },
            percent_left: function () {
                var percent;
                if (0 === eta_obj.msgs_total) {
                    return "0";
                }
                else {
                    percent = (eta_obj.msgs_left / eta_obj.msgs_total * 100);
                    return (percent.toFixed(2));
                }
            }
        };
    }
    else {
        eta_obj = {
            str: "",
            date: "?",
            seconds_left: "?",
            msgs_left: "?",
            msgs_total: "?",
            msgs_done: "?",
            percent_done: function () { return ""; },
            percent_left: function () { return ""; }
        };
    }

    return eta_obj;
};

var extract_eta = function extract_eta(xhr) {
    var eta_obj;
    var slice_length;
    var slice_log;
    var eta_str;

    if (!xhr || typeof xhr.responseText !== "string") {
        return {
            str: "",
            date: "?",
            seconds_left: "?",
            msgs_left: "?",
            msgs_total: "?",
            msgs_done: "?",
            percent_done: function () { return ""; },
            percent_left: function () { return ""; }
        };
    }

    // wie bisher: nur den letzten Teil des Logs betrachten
    if (xhr.readyState === 4) {
        slice_length = -24000;
    } else {
        slice_length = -2400;
    }

    slice_log = xhr.responseText.slice(slice_length);

    // 1. Versuch: originale ETA-Zeile (ETA: ... msgs left)
    var eta_re = /ETA:.*\n/g;
    var all_etas = slice_log.match(eta_re);
    if (all_etas && all_etas.length) {
        eta_str = all_etas[all_etas.length - 1];
        eta_obj = decompose_eta_line(eta_str);
        if (eta_obj && eta_obj.str && eta_obj.str.length) {
            return eta_obj;
        }
    }

    // 2. Fallback: nur "NNN/TTT msgs left" ohne strengen ETA-Header
    var msgs_re = /(\d+)\s*\/\s*(\d+)\s+msgs\s+left/g;
    var m;
    var last = null;
    while ((m = msgs_re.exec(slice_log)) !== null) {
        last = m;
    }

    if (last) {
        var left  = parseInt(last[1], 10);
        var total = parseInt(last[2], 10);
        if (!isFinite(left) || !isFinite(total) || total === 0) {
            // zur Sicherheit: zurück auf "unknown"
        } else {
            eta_obj = {
                // künstliche ETA-String-Repräsentation
                str: "ETA: ? ? s " + left + "/" + total + " msgs left\n",
                date: "?",
                seconds_left: "?",
                msgs_left: left,
                msgs_total: total,
                msgs_done: function () {
                    return (eta_obj.msgs_total - eta_obj.msgs_left);
                },
                percent_done: function () {
                    var percent = (eta_obj.msgs_total - eta_obj.msgs_left) /
                                  eta_obj.msgs_total * 100;
                    return percent.toFixed(2);
                },
                percent_left: function () {
                    var percent = eta_obj.msgs_left / eta_obj.msgs_total * 100;
                    return percent.toFixed(2);
                }
            };
            return eta_obj;
        }
    }

    // 3. Kein Fortschritts-Muster gefunden → "unknown"
    return {
        str: "",
        date: "?",
        seconds_left: "?",
        msgs_left: "?",
        msgs_total: "?",
        msgs_done: "?",
        percent_done: function () { return ""; },
        percent_left: function () { return ""; }
    };
};

var progress_bar_update = function progress_bar_update(eta_obj) {
    if (eta_obj.str.length) {
        $("#progress-bar-done").css("width", eta_obj.percent_done() + "%").attr("aria-valuenow", eta_obj.percent_done());
        $("#progress-bar-left").css("width", eta_obj.percent_left() + "%").attr("aria-valuenow", eta_obj.percent_left());
        $("#progress-bar-done").text(eta_obj.percent_done() + "% " + "done");
        $("#progress-bar-left").text(eta_obj.percent_left() + "% " + "left");
    }
    else {
        $("#progress-bar-done").text("unknown % " + "done");
        $("#progress-bar-left").text("unknown % " + "left");
    }
    return;
};


var refreshLog = function refreshLog(xhr) {
    var eta_obj;
    var eta_str;

    if (!xhr) {
        return;
    }

    // ETA aus dem aktuellen Response-Text holen
    eta_obj = extract_eta(xhr);
    progress_bar_update(eta_obj);

    if (xhr.readyState === 4) {
        // Ende des Syncs
        $("#progress-txt").text(
            "Ended. It remains "
            + eta_obj.msgs_left + " messages to be synced"
        );
    } else {
        eta_str = eta_obj.str + " (refresh done every " + refresh_interval_s + " s)";
        eta_str = eta_str.replace(/(\r\n|\n|\r)/gm, ""); // Zeilenumbrüche trimmen
        $("#progress-txt").text(eta_str);
    }
};


var handleRun = function handleRun(xhr) {
    if (!xhr) {
        return;
    }

    var time = new Date();

    // XHR-Status in #console schreiben
    $("#console").append(
        "Status: " + xhr.status + " " + xhr.statusText + "\n"
        + "State: " + readyStateStr[xhr.readyState] + "\n"
        + "Time: " + time + "\n\n"
    );

    // Progress/ETA aktualisieren
    refreshLog(xhr);

    if (xhr.readyState === 4) {
        // Request fertig → Buttons wieder sinnvoll setzen
        $("#bt-sync").prop("disabled", false);
        $("#bt-abort").prop("disabled", true);
    }
};

var imapsync = function imapsync() {
    var querystring = $("#form").serialize();
    //console.log(querystring);
    $("#abort").text("\n\n\n"); // clean abort console

    var consoleEl = document.getElementById("console");
    var outputEl  = document.getElementById("output");

    // Startzustand
    outputEl.textContent = "Here comes the log!\n\n";

    // Zusätzliche Flags aus dem Original
    if ("imap.gmail.com" === $("#host1").val()) {
        querystring = querystring + "&gmail1=on";
    }
    if ("imap.gmail.com" === $("#host2").val()) {
        querystring = querystring + "&gmail2=on";
    }
    if ("outlook.office365.com" === $("#host1").val()) {
        querystring = querystring + "&office1=on";
    }
    if ("outlook.office365.com" === $("#host2").val()) {
        querystring = querystring + "&office2=on";
    }
    if ("export.imap.mail.yahoo.com" === $("#host1").val()) {
        querystring = querystring + "&yahoo1=on";
    }

    // URL aus dem Formular (HTML: action="/cgi-bin/imapsync")
    var url = $("#form").attr("action") || "/cgi-bin/imapsync";

    var xhr = new XMLHttpRequest();
    var lastLength = 0; // wie weit responseText schon verarbeitet wurde

    // Hilfsfunktion: nur neue Chunks anhängen
    var appendChunk = function () {
        var full = xhr.responseText || "";
        var chunk = full.substring(lastLength);
        if (chunk.length > 0) {
            lastLength = full.length;
            outputEl.textContent += chunk;
            // immer ans Ende scrollen
            outputEl.scrollTop = outputEl.scrollHeight;
        }
    };

    xhr.open("POST", url, true);
    xhr.setRequestHeader(
        "Content-type",
        "application/x-www-form-urlencoded"
    );

    // readyState-Änderung → Status + Progress
    xhr.onreadystatechange = function () {
        handleRun(xhr);
    };

    // bei jeder neuen Datenportion
    xhr.onprogress = function () {
        appendChunk();  // neue Log-Zeilen nach #output
        handleRun(xhr); // Fortschrittsbalken + #console updaten
        console.log("onprogress");
    };

    // am Ende sicherstellen, dass auch der letzte Rest dran ist
    xhr.onload = function () {
        appendChunk();
        handleRun(xhr);
        console.log("onload");
    };

    xhr.onerror = function () {
        var msg = "\n--- XHR Fehler ---\n" +
                "readyState=" + xhr.readyState + "\n" +
                "status=" + xhr.status + " " + xhr.statusText + "\n";

        outputEl.textContent += msg;

        // Buttons wieder freigeben
        $("#bt-sync").prop("disabled", false);
        $("#bt-abort").prop("disabled", true);
    };

    xhr.send(querystring);
};

var handleAbort = function handleAbort(xhr) {
    const time = new Date();
    $("#abort").text(
        "Status: " + xhr.status + " " + xhr.statusText + "\n"
        + "State: " + readyStateStr[xhr.readyState] + "\n"
        + "Time: " + time + "\n"
    );

    if (xhr.readyState === 4) {
        $("#abort").append(xhr.responseText);
        $("#bt-sync").prop("disabled", false);
        $("#bt-abort").prop("disabled", false); // back for next abort
    }
}

var abort = function abort() {
    var querystring = $("#form").serialize() + "&abort=on";
    var xhr;
    xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function () {
        handleAbort(xhr);
    };
    xhr.open("POST", "/cgi-bin/imapsync", true);
    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhr.send(querystring);
}

var store = function store(id) {
    var stored;
    //$( "#tests" ).append( "Eco: " + id + " type is " + $( id ).attr( "type" ) + "\n" ) ;
    if ("text" === $(id).attr("type") || "password" === $(id).attr("type")) {
        localStorage.setItem(id, $(id).val());
        stored = $(id).val();
    }
    else if ("checkbox" === $(id).attr("type")) {
        //$( "#tests" ).append( "Eco: " + id + " checked is " + $( id )[0].checked + "\n" ) ;
        localStorage.setItem(id, $(id)[0].checked);
        stored = $(id)[0].checked;
    }
    return stored;
}

var retrieve = function retrieve(id) {
    var retrieved;
    //$( "#tests" ).append( "Eco: " + id + " type is " + $( id ).attr( "type" ) + " length is " + $( id ).length + "\n" ) ;
    if ("text" === $(id).attr("type") || "password" === $(id).attr("type")) {
        $(id).val(localStorage.getItem(id));
        retrieved = $(id).val();
    }
    else if ("checkbox" === $(id).attr("type")) {
        //$( "#tests" ).append( "Eco: " + id + " getItem is " + localStorage.getItem( id ) + "\n" ) ;
        $(id)[0].checked = JSON.parse(localStorage.getItem(id));
        retrieved = $(id)[0].checked;
    }
    return retrieved;
}

var tests_store_retrieve = function tests_store_retrieve() {
    if ($("#tests").length !== 0) {
        is(1, 1, "one equals one");
        // isnot( 0, 1, "zero differs one" ) ;

        // no exist
        is(undefined, store("#test_noexists"),
            "store: #test_noexists");
        is(undefined, retrieve("#test_noexists"),
            "retrieve: #test_noexists");
        is(undefined, retrieve("#test_noexists2"),
            "retrieve: #test_noexists2");

        // input text
        $("#test_text").val("foo");
        is("foo", $("#test_text").val(), "#test_text val = foo");
        is("foo", store("#test_text"), "store: #test_text");
        $("#test_text").val("bar");
        is("bar", $("#test_text").val(), "#test_text val = bar");
        is("foo", retrieve("#test_text"), "retrieve: #test_text = foo");
        is("foo", $("#test_text").val(), "#test_text val = foo");


        // input check button
        $("#test_checkbox").prop("checked", true);
        is(true, store("#test_checkbox"), "store: #test_checkbox checked");

        $("#test_checkbox").prop("checked", false);
        is(true, retrieve("#test_checkbox"), "retrieve: #test_checkbox = true");

        $("#test_checkbox").prop("checked", false);
        is(false, store("#test_checkbox"), "store: #test_checkbox not checked");
        $("#test_checkbox").prop("checked", true);
        is(false, retrieve("#test_checkbox"), "retrieve: #test_checkbox = false");

    }
}


var store_form = function store_form() {
    if (Storage !== "undefined") {
        // Code for localStorage.
        store("#user1");
        store("#password1");
        store("#host1");
        store("#subfolder1");
        store("#showpassword1");

        store("#user2");
        store("#password2");
        store("#host2");
        store("#subfolder2");
        store("#showpassword2");

        store("#dry");
        store("#justlogin");
        store("#justfolders");
        store("#justfoldersizes");

        localStorage.account1_background_color = $("#account1").css("background-color");
        localStorage.account2_background_color = $("#account2").css("background-color");
    }
}

var show_extra_if_needed = function show_extra_if_needed() {
    if ($("#subfolder1").length && $("#subfolder1").val().length > 0) {
        $(".extra_param").show();
    }
    if ($("#subfolder2").length && $("#subfolder2").val().length > 0) {
        $(".extra_param").show();
    }
}

var retrieve_form = function retrieve_form() {
    if (Storage !== "undefined") {
        // Code for localStorage.
        retrieve("#user1");
        retrieve("#password1");
        // retrieve("#showpassword1") ;
        retrieve("#host1");
        retrieve("#subfolder1");

        retrieve("#user2");
        retrieve("#password2");
        // retrieve("#showpassword2") ;
        retrieve("#host2");
        retrieve("#subfolder2");

        retrieve("#dry");
        retrieve("#justlogin");
        retrieve("#justfolders");
        retrieve("#justfoldersizes");

        // In case, how to restore the original color from css file.
        // localStorage.removeItem( "account1_background_color" ) ;
        // localStorage.removeItem( "account2_background_color" ) ;

        if (localStorage.account1_background_color) {
            $("#account1").css("background-color",
                localStorage.account1_background_color);
        }
        if (localStorage.account2_background_color) {
            $("#account2").css("background-color",
                localStorage.account2_background_color);
        }

        // Show the extra parameters if they are not empty because it would
        //  be dangerous to retrieve them without showing them
        show_extra_if_needed();
    }
}


var showpassword = function showpassword(id, button) {
    var x = document.getElementById(id);
    if (button.checked) {
        x.type = "text";
    } else {
        x.type = "password";
    }
}



var tests_cryptojs = function tests_cryptojs() {
    if ($("#tests").length !== 0) {
        if (typeof CryptoJS === 'undefined') {
            is(true, typeof CryptoJS !== 'undefined', "CryptoJS is available");
            note("CryptoJS is not available on this site. Ask the admin to fix this.\n");
        }
        else if (typeof CryptoJS.SHA256 !== "function") {
            is("function", typeof CryptoJS.SHA256, "CryptoJS.SHA256 is a function");
            note("CryptoJS.SHA256 function is not available on this site. Ask the admin to fix this.\n");
        }
        else {
            // safe to use the function
            is("function", typeof CryptoJS.SHA256, "CryptoJS.SHA256 is a function");
            is("2f77668a9dfbf8d5848b9eeb4a7145ca94c6ed9236e4a773f6dcafa5132b2f91", sha256("Message"), "sha256 Message");
            is("26429a356b1d25b7d57c0f9a6d5fed8a290cb42374185887dcd2874548df0779", sha256("caca"), "sha256 caca");
            is("e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855", sha256(""), "sha256 ''");
            is(tmphash(), tmphash(), "tmphash");

            $("#user1").val("test1");
            $("#password1").val("secret1");
            $("#host1").val("test1.lamiral.info");
            $("#user2").val("test2");
            $("#password2").val("secret2");
            $("#host2").val("test2.lamiral.info");
            is("20d2b4917cf69114876b4c8779af543e89c5871c6ada68107619722e55af1101", tmphash(), "tmphash like testslive");
            $("#user1").val("");
            $("#password1").val("");
            $("#host1").val("");
            $("#user2").val("");
            $("#password2").val("");
            $("#host2").val("");

        }
    }
}

var sha256 = function sha256(string) {
    var hash = CryptoJS.SHA256(string);
    var hash_hex = hash.toString(CryptoJS.enc.Hex);
    return (hash_hex);
}

var tmphash = function tmphash() {
    var string = "";
    string = string.concat(
        $("#user1").val(), $("#password1").val(), $("#host1").val(),
        $("#user2").val(), $("#password2").val(), $("#host2").val(),
    )
    return (sha256(string));
}

var init = function init() {
    // in case of a manual refresh, start with
    $("#bt-sync").prop("disabled", false);
    $("#bt-abort").prop("disabled", false);
    $("#progress-bar-left").css("width", 100 + "%").attr("aria-valuenow", 100);

    $("#showpassword1").on('click', function (event) {
        var button = event.target;
        showpassword("password1", button);
    }
    );


    $("#showpassword2").on('click', function (event) {
        //$("#tests").append( "\nthat1=" + JSON.stringify( event.target, undefined, 4 ) ) ;
        var button = event.target;
        showpassword("password2", button);
    }
    );


    $("#bt-sync").on('click', function () {
        $("#bt-sync").prop("disabled", true);
        $("#bt-abort").prop("disabled", false);
        $("#progress-txt").text("ETA: coming soon");
        store_form();
        imapsync();
    }
    );

    $("#bt-abort").on('click', function () {
        $("#bt-sync").prop("disabled", true);
        $("#bt-abort").prop("disabled", true);
        abort();
    }
    );


    var swap = function swap(p1, p2) {
        var temp = $(p2).val();
        $(p2).val($(p1).val());
        $(p1).val(temp);
    };


    $("#swap").on('click', function () {
        // swaping colors can't use swap()
        var temp1 = $("#account1").css("background-color");
        var temp2 = $("#account2").css("background-color");
        $("#account1").css("background-color", temp2);
        $("#account2").css("background-color", temp1);

        swap($("#user1"), $("#user2"));
        swap($("#password1"), $("#password2"));
        swap($("#host1"), $("#host2"));
        swap($("#subfolder1"), $("#subfolder2"));

        var temp = $("#showpassword1")[0].checked;
        $("#showpassword1")[0].checked = $("#showpassword2")[0].checked;
        $("#showpassword2")[0].checked = temp;
        showpassword("password1", $("#showpassword1")[0]);
        showpassword("password2", $("#showpassword2")[0]);
    }
    );



}

var tests_bilan = function tests_bilan(nb_attended_test) {
    // attended number of tests: nb_attended_test

    $("#tests").append("1.." + test.counter_all + "\n");
    if (test.counter_nok > 0) {
        $("#tests").append(
            "\nFAILED tests \n"
            + test.failed_tests
        );
        $("#tests").collapse("show");
    }
    // Summary of tests: failed 0 tests, run xx tests,
    // expected to run yy tests.
    if (test.counter_all !== nb_attended_test) {
        $("#tests").append("# Looks like you planned "
            + nb_attended_test
            + " tests but ran "
            + test.counter_all + ".\n"
        );
        $("#tests").collapse("show");
    }
};

var tests = function tests(nb_attended_test) {
    if ($("#tests").length !== 0) {
        tests_store_retrieve();
        tests_last_eta();
        tests_decompose_eta_line();
        tests_last_x_lines();
        // tests_cryptojs(  ) ;

        // The following test can be used to check that if a test fails
        // then all the tests are shown to the user.
        //is( 0, 1, "this test always fails" ) ;

        tests_bilan(nb_attended_test);

        // If you want to always see the tests, uncomment the following 
        // line
        //$("#tests").collapse("show") ;

    }
}




$(document).ready(
    function () {
        "use strict";
        // Bootstrap popover and tooltip
        $("[data-toggle='tooltip']").tooltip();
        init();
        //tests(38);
        retrieve_form();
    }
);