$(function() {

    $("#domain_submit").click(function(event){
        event.preventDefault();
        $("#domain_add").ajaxForm();
        $(this).closest("form").submit();
        $.ajax({
            method:"get",
            url: window.location.pathname + "/../../ajax/domainlist",
            async: true,
            timeout: 900,
            success:function(data){
                $('#domain-table').bootstrapTable("load", data);
            }
        });
    });
    $('#domain-table').bootstrapTable({
       formatNoMatches: function () {
        return '';
        },
        striped: false
    });
    $("#btndeletedomain").click(function() {
        //get data-id attribute of the clicked element
        var domainId = $(this).data('domainId');
        $.ajax({
            method:"post",
            url: window.location.pathname + "/../../ajax/deletedomain",
            data: {"domainid":domainId}
        });
        $('#DeleteDomain').modal('hide');
        $.ajax({
            method:"get",
            url: window.location.pathname + "/../../ajax/domainlist",
            async: true,
            timeout: 900,
            success:function(data){
                $('#domain-table').bootstrapTable("load", data);
            }
        });

    });
    //triggered when modal is about to be shown
    $('#DeleteDomain').on('show.bs.modal', function(e) {
        //get data-id attribute of the clicked element and store in button
        var domainId = $(e.relatedTarget).data('domain-id');
        $(e.currentTarget).find("#btndeletedomain").data('domainId',domainId);
    });
});

function TableActions (value, row, index) {
    return [
        '<a class="danger remove" data-toggle="modal" data-target="#DeleteDomain" data-domain-id="'+row.id+'" title="Remove">',
        '<i class="glyphicon glyphicon-trash"></i>',
        '</a>'
    ].join('');
}