var DatatableJsonActivationList =
{
    init: function ()
    {
        var t, e;
        t = $('.my_datatable').mDatatable({
            data: {
                type: 'remote',
                source:
                {
                    read: {
                        url: '/Evaluation/AssignEvaluatorJson',
                        method: 'GET',
                        // custom headers
                        headers: { 'x-my-custom-header': 'some value', 'x-test-header': 'the value' },
                        params: {
                            // custom parameters
                            generalSearch: '',
                            someParam: 'someValue',
                            token: 'token-value'
                        },
                        map: function (raw) {
                            // sample data mapping
                            var dataSet = raw;
                            if (typeof raw.data !== 'undefined') {
                                dataSet = raw.data;
                            }
                            return dataSet;
                        },
                    }
                },
               pageSize: 10,
                saveState: {
                    cookie: true,
                    webstorage: true
                },

                serverPaging: false,
                serverFiltering: false,
                serverSorting: false,
                autoColumns: false
            },

            layout: {
                theme: 'default',
                class: 'm-datatable--brand',
                scroll: false,
                height: null,
                footer: false,
                header: true,

                smoothScroll: {
                    scrollbarShown: true
                },

                spinner: {
                    overlayColor: '#000000',
                    opacity: 0,
                    type: 'loader',
                    state: 'brand',
                    message: true
                },

                icons: {
                    sort: { asc: 'la la-arrow-up', desc: 'la la-arrow-down' },
                    pagination: {
                        next: 'la la-angle-right',
                        prev: 'la la-angle-left',
                        first: 'la la-angle-double-left',
                        last: 'la la-angle-double-right',
                        more: 'la la-ellipsis-h'
                    },
                    rowDetail: { expand: 'fa fa-caret-down', collapse: 'fa fa-caret-right' }
                }
            },

            sortable: true,

            pagination: true,

            search: {
                onEnter: false,
                input: $('#generalSearch'),
                delay: 400,
            },

            rows: {
                callback: function () { },
                autoHide: false,
            },

            // columns definition
            columns: [

                {
                    field: "NO",
                    title: "No.",
                    width: 35,
                    template: '{{NO}}'
                },

                {
                    field: "TITLE",
                    title: "Title",
                    width: 200,
                    template: function (t) {
                        return '<a href="/Activation/GenerateCC?type=' + t.REFERENCE_NO + '">' + t.REFERENCE_NO + '</a></br>' + t.TITLE
                    },
                },
                {
                    field: "REFERENCE_NO",
                    title: "Reference",
                    width: 200,
                    template: "{{REFERENCE_NO}}",
                    responsive: { hidden: 'xl' },
                },
                {
                    field: "GRANT_TYPE",
                    title: "Type",
                    witdh:35,
                    template: '{{GRANT_TYPE}}'
                }, {
                    field: "PROJECT_LEADER",
                    title: "Name",
                    width: 150,
                    template: '{{PROJECT_LEADER}}',
                },
                {
                    field: "EVALUATION_STATUS",
                    title: "Status",
                    template: '{{EVALUATION_STATUS}}',
                },
                {
                    field: "RA_DESCRIPTION",
                    title: "Nichea Area",
                    template: '{{RA_DESCRIPTION}}',
                    responsive: { hidden: 'xl' },
                },
               {
                    field: "EVALUATOR1",
                    title: "Evaluator 1",
                    width:150,
                    template: '{{EVALUATOR1}}',
                    //responsive: { hidden: 'xl' }
                },
                {
                    field: "EVALUATOR2",
                    title: "Evaluator 2",
                    width: 150,
                    template: '{{EVALUATOR2}}',
                    //responsive: { hidden: 'xl' }
                },
                {
                    field: "PHASE_GRANT",
                    title: "Phase Grant",
                    template: '{{PHASE_GRANT}}',
                    responsive: { hidden: 'xl' },
                },
                {
                    field: "Actions",
                    title: "Actions",
                    width: 65,
                    template: function (t) {
                        return '<a href="/Activation/EditIP?type=' + t.REFERENCE_NO + '" class="m-portlet__nav-link btn m-btn m-btn--hover-accent m-btn--icon m-btn--icon-only m-btn--pill" title="Edit"><i class="la la-edit"></i></a>'
                    }
                }
            ],

            toolbar: {
                layout: ['pagination', 'info'],
                placement: ['bottom'], //'top', 'bottom'

                items: {
                    pagination: {
                        type: 'default',

                        pages: {
                            desktop: {
                                layout: 'default',
                                pagesNumber: 6
                            },
                            tablet: {
                                layout: 'default',
                                pagesNumber: 3
                            },
                            mobile: {
                                layout: 'compact'
                            }
                        },

                        navigation: {
                            prev: true,
                            next: true,
                            first: true,
                            last: true
                        },

                        pageSizeSelect: [10, 20, 30, 50, 100]
                    },

                    info: true
                }
            },

            translate: {
                records: {
                    processing: 'Please wait...',
                    noRecords: 'No records found'
                },
                toolbar: {
                    pagination: {
                        items: {
                            default: {
                                first: 'First',
                                prev: 'Previous',
                                next: 'Next',
                                last: 'Last',
                                more: 'More pages',
                                input: 'Page number',
                                select: 'Select page size'
                            },
                            info: 'Displaying {{start}} - {{end}} of {{total}} records'
                        }
                    }
                }
            }
        }),
            $("#test_PTYPEDETAIL_PK").on("change", function () {t.search($(this).val(), "GRANT_TYPE")}),
            $("#test_PARAM_PK").on("change", function () { t.search($(this).val(), "EVALUATION_STATUS") }),
            $("#test_RA_PK").on("change", function () { t.search($(this).val(), "RA_DESCRIPTION") }),
            $("#test_PHASE_PK").on("change", function () { t.search($(this).val(), "PHASE_GRANT") }),
            $("#test_PTYPEDETAIL_PK, #test_PARAM_PK,#test_RA_PK").selectpicker()
    }
};
jQuery(document).ready(function () { DatatableJsonActivationList.init() });