$('#myTabs a').click(function (e) {
    e.preventDefault()
    $(this).tab('show')
})

var revokeDevice = function (key) {
    $.ajax({
        type: 'post',
        url: urls.revokeRecord,
        data: {"key": key},
        success: function (data, status) {
            var table = $('#trustedDevicesTable').DataTable();
            table
                .rows($("#" + key).parents('tr'))
                .remove()
                .draw();
        },
        error: function (xhr, status) {
            console.log("Could not remove record");
        }
    });
};

var trustedDevices = (function () {
    var getData = function () {
        $.getJSON(urls.getRecords, function (data) {
            trustedDevicesTable(data);
        });
    };

    var trustedDevicesTable = function (jsonData) {
        var t = $('#trustedDevicesTable').DataTable({
            "order": [[2, "desc"]],
            columnDefs: [
                {"width": "20%", "targets": 0},
                {"width": "10%", "targets": 1},
                {"width": "60%", "targets": 2},
                {"width": "10%", "targets": 3},
                {"width": "30%", "targets": 4}
            ]
        });
        for (var i = 0; i < jsonData.length; i++) {
            var rec = jsonData[i];
            t.row.add([
                rec.name,
                rec.principal,
                new Date(rec.date),
                rec.geography,
                "<button id='" + rec.key + "' class='btn btn-sm btn-danger' type='button' value='ALL' onclick='revokeDevice(\"" + rec.key + "\")'>Revoke</button>"
            ]).draw(false);
        }
    };

    // initialization *******
    (function init() {
        getData();
    })();
})();