var seldate = $("#selecteddate").val();
if (seldate === "") {
    seldate = new Date().yyyymmdd();
    $("#selecteddate").val(seldate);
}

$("#datepicker").val(seldate);

function addDatePicker() {
    // Add datepickers to the right div
    $("#datepicker").datepicker({
        dateFormat : "yy-mm-dd",
        onSelect : function(dateText, inst) {
            $("#selecteddate").val(dateText);
            dateChanged();
        }
    });
}

// On clicking on a table row, go to details page
$("#user_overview_table").on("click", "tr", function() {
    var userOverviewTable = $('#user_overview_table').DataTable();
    var tableRow = table.row(this).data();
    var user = tableRow[0];
    var href = 'user.html?user=' + encodeURIComponent(user);
    var id = 'liuser';
    $.get("content/" + href, function(data) {
        init = true;
        updateContent(data, id);
        var dataObj = {
            "newlink" : href,
            "newclick" : id,
            "content" : data
        };
        history.pushState(dataObj, title, href);

    });

    return false;

});

function initPage() {
    addDatePicker();
    dateChanged();
}

function reloadPage() {
    addDatePicker();

    $('#user_overview_text_holder').hide('fast');
    $('#user_overview_table_holder').show('fast');

    if ($.fn.dataTable.isDataTable('#user_overview_table')) {
        table = $('#user_overview_table').DataTable();
        table.clear();
        table.destroy();
    }

    var data = localStorage.getItem("usertabledata");
    var jsonData = $.parseJSON(data);

    table = $('#user_overview_table').DataTable({
        data : jsonData.data,
    });

}

function dateChanged() {
    // First save current search 
    var currentSearch = $('#user_overview_table_filter label input' ).val();
    if (typeof currentSearch != 'undefined') {
        $('#scriptsearch').text(currentSearch);
    }
    
    $('#user_overview_table_holder').hide('fast');
    $('#user_overview_text_holder').text("Loading...");
    $('#user_overview_text_holder').show('fast');

    if ($.fn.dataTable.isDataTable('#user_overview_table')) {
        table = $('#user_overview_table').DataTable();
        table.clear();
        table.destroy();
    }

    var tenant = $("#tenants :selected").text();
    var date = $("#datepicker").val();

    if (date !== "") {
        var apiurl = "/monitorapi?cmd=table&tenant=" + encodeURIComponent(tenant);
        apiurl = apiurl + "&user=true&date=" + date;

        $.ajax({
            type : "GET",
            url : apiurl,
            dataType : "json",
            async : true,
            success : function(tabledata) {
                try {
                    localStorage.setItem("usertabledata", JSON.stringify(tabledata));
                } catch(err) {
                    console.log(err);
                }
                // Before replacing the state, we have to destroy the
                // datepicker...
                $("#datepicker").datepicker("destroy");

                replaceState();
                addDatePicker();
                table = $('#user_overview_table').DataTable({
                    data : tabledata.data,
                    deferRender:    true,
                    lengthMenu: [ [25, 50, 100, -1], [25, 50, 100, "All"] ],
                    pageLength: getCookie("results_table_length") != "" ? getCookie("results_table_length") : 50
                });
                
                if ($('#scriptsearch').text() !== "") {
                    table.search($('#scriptsearch').text());
                }
                
                var cookieLength = getCookie("results_table_length");
                if (cookieLength !== "") {
                    table.page.len(cookieLength);
                }
               
                
                $('#user_overview_table_length label select').change(function() {
                    setCookie("results_table_length", table.page.len(), 31);
                });

                
                $('#user_overview_text_holder').hide('fast');
                $('#user_overview_table_holder').show('fast');

                table.columns.adjust().draw();
            }
        });

    }
}