{"view":"\u003cdiv class=\"\"\u003e\r\n    \u003ctable id=\"tblCaseParties\" class=\"table table-striped table-hover\" data-click-to-select=\"true\" style=\"cursor:pointer\"\u003e\r\n        \u003cthead\u003e\r\n            \u003ctr\u003e\r\n                \u003cth\u003e\u003c/th\u003e\r\n                \u003cth class=\"no-sort\"\u003eParty Name\u003c/th\u003e\r\n                \u003cth class=\"no-sort\"\u003eParty Code\u003c/th\u003e\r\n                \u003cth class=\"checkboxDT\"\u003eActive\u003c/th\u003e\r\n                \u003cth class=\"checkboxDT\"\u003eGarnishee\u003c/th\u003e\r\n                \u003cth class=\"checkboxDT\"\u003eFirst Order\u003c/th\u003e\r\n                \u003cth class=\"checkboxDT\"\u003eConvicted Felon\u003c/th\u003e\r\n            \u003c/tr\u003e\r\n        \u003c/thead\u003e\r\n    \u003c/table\u003e\r\n\u003c/div\u003e\r\n\r\n\u003cstyle\u003e\r\n    /*div#tblCaseParties_wrapper div.row div.col-sm-12 div.alignDataTableDownFurther {\r\n        margin-top: -40px !important;\r\n    }*/\r\n    #tblCaseParties{\r\n        margin-top: -30px !important;\r\n    }\r\n\u003c/style\u003e\r\n\r\n\u003cscript\u003e\r\n    var tblCaseParties;\r\n    var g_tblCaseParties_DT;\r\n    var g_tblFixedCaseParties;\r\n\r\n    //function getViewTabIdx() {\r\n    //    return $(\u0027#viewTabIndex\u0027).val();\r\n    //}\r\n\r\n    $(function () {\r\n\r\n        g_tblCaseParties_DT = new InitializeDT();\r\n        tblCaseParties = $(\u0027#tblCaseParties\u0027).DataTable({\r\n            \"serverSide\": true,\r\n            \"ajax\": {\r\n                \"type\": \"POST\",\r\n                \"dataType\": \"json\",\r\n                \"url\": \"/CourtsCMWS/CMWebSearch/CaseView/GetCaseParties\",\r\n                \"contentType\": \u0027application/json; charset=utf-8\u0027,\r\n                \u0027data\u0027: function (data) {\r\n                    return JSON.stringify({ dtParam : data, caseNo : \u0027SUWR2020000180\u0027 })\r\n                }\r\n            },\r\n            \"sort\": false,\r\n            \"columnDefs\": [\r\n                {\r\n                    \"targets\": \u0027no-sort\u0027,\r\n                    \"orderable\": false\r\n                },\r\n                {\r\n                    render: function (data, type, row, a) {\r\n                        sColName = a.settings.aoColumns[a.col].sTitle\r\n                        return BuildCheckboxDataTable(row.ID, data, sColName)\r\n                    },\r\n                    className: \"dt-body-center\",\r\n                    \"orderDataType\": \"dom-checkbox\",\r\n                    \"targets\": \"checkboxDT\"\r\n                },\r\n                { width: 15, targets: 0 },\r\n                { width: 60, targets: 2},\r\n                { width: 80, targets: [3,4,5,6] }\r\n            ],\r\n            //\"scrollY\": false,\r\n            //\"scrollX\": true,\r\n            //\"scrollCollapse\": true,\r\n            \"scroller\": {\r\n                loadingIndicator: true\r\n            },\r\n            \"processing\": true,\r\n            \"searching\": false,\r\n            \"info\": true,\r\n            \"paging\": true,\r\n            \"filter\": false,\r\n            \"deferRender\": true,\r\n            /*\"select\": \"single\",*/\r\n            \"columns\": [\r\n                {\r\n                    render: function (nTd, sData, oData, a) {\r\n                        return \u0027\u003cspan id=\"showPartyInfo\" name=\"showPartyInfo\"\u003e\u003ci class=\"fa fa-arrow-circle-right btnAction\"\u003e\u003c/i\u003e\u003c/span\u003e\u0027;\r\n                    },\r\n                },\r\n                { \"data\": \"SearchName\" },\r\n                { \"data\": \"PartyCode\" },\r\n                { \"data\": \"IsActive\" },\r\n                { \"data\": \"Garnishee\" },\r\n                { \"data\": \"FirstOrder\" },\r\n                { \"data\": \"ConvictedFelon\" }\r\n            ],\r\n            \"fnInitComplete\": function (oSettings, json) {\r\n                //g_tblFixedCaseParties = new $.fn.dataTable.FixedColumns(tblCaseParties, {\r\n                //    leftColumns: 0,\r\n                //    rightColumns: 0,\r\n                //    \"sHeightMatch\": \"auto\",\r\n                //    \"sFillGapStyle\": \"alignDataTableDownFurther\"\r\n                //});\r\n                //debugger;\r\n                g_tblCaseParties_DT.SetUpDataTableEvents(\u0027tblCaseParties\u0027, tblCaseParties, null); // g_tblFixedCaseParties);\r\n                //console.log(\u0027Initiate table event...\u0027)\r\n                $(\u0027#\u0027 + g_tblCaseParties_DT.g_TableNameDT + \u0027 tbody\u0027).on(\u0027mouseup\u0027, \u0027#showPartyInfo\u0027, function (e) {\r\n\r\n                    let data = tblCaseParties.row(\u0027.selected\u0027).data();\r\n                    if (data == null) {\r\n                        console.log(\u0027Data not found for selected row.\u0027);\r\n                        return;\r\n                    }\r\n\r\n                    $.ajax({\r\n                        url: \u0027/CourtsCMWS/CMWebSearch/Party/GetPartyDetails\u0027,\r\n                        data: JSON.stringify({ caseNo: data.CaseNo, partyNumber: data.PartyNumber }),\r\n                        dataType: \u0027json\u0027, type: \u0027post\u0027,\r\n                        success: function (result) {\r\n                            if (result.succeed) {\r\n                                //$(\u0027#divCaseSubInfo\u0027).html(\u0027\u0027);\r\n                                //$(\u0027#divCaseSubInfo\u0027).html(result.view);\r\n                                //$(\u0027#divCaseSubInfo\u0027).show();\r\n                                //$(\u0027#divCaseInfo\u0027).hide();\r\n                                $(\u0027#modalSubPage\u0027).html(result.view);\r\n                                $(\u0027#modalSubPage\u0027).modal(\u0027show\u0027);\r\n                                //$(\u0027#modalSubPage\u0027).one(\u0027shown.bs.modal\u0027, function () {\r\n                                //});\r\n                                $(\u0027#modalSubPage\u0027).one(\u0027hidden.bs.modal\u0027, function () {\r\n                                    $(\u0027#modalSubPage\u0027).empty();\r\n                                });\r\n                            } else {\r\n                                alertModal(result.errors);\r\n                            }\r\n                        }\r\n                    })\r\n\r\n                });\r\n            },\r\n            \"fnDrawCallback\": function (oSettings) {\r\n                g_tblCaseParties_DT.ShowHidePaging(oSettings);\r\n            }\r\n        });\r\n\r\n    });\r\n\u003c/script\u003e"}