View difference between Paste ID: fZR534Jx and is9aceFD

 <title>P-Dos # List Of Wells</title>
 <link rel="stylesheet" href="<?= base_url() ?>components/_mod/jquery-ui/jquery-ui.css" />
 <link rel="stylesheet" href="<?= base_url() ?>components/bootstrap-datepicker/dist/css/bootstrap-datepicker3.css" />
 <link rel="stylesheet" href="<?= base_url() ?>components/_mod/jqgrid/ui.jqgrid.css" />
 
 <!-- ajax layout which only needs content area -->
 <div class="row">
     <div class="col-xs-12">
         <!-- PAGE CONTENT BEGINS -->
         <table id="grid-table"></table>
         <div id="grid-pager"></div>
         <!-- PAGE CONTENT ENDS -->
     </div><!-- /.col -->
 </div><!-- /.row -->
 
 <!-- page specific plugin scripts -->
 <script type="text/javascript">
-    var JS_SITE_URL = "<?= site_url() ?>";
+var JS_SITE_URL = "<?= site_url() ?>";
-    var JS_BASE_URL = "<?= base_url() ?>";
+var JS_BASE_URL = "<?= base_url() ?>";
 
-    var company_id = "<?= $company_id ?>";
+var company_id = "<?= $company_id ?>";
-    var region_id = "<?= $region_id ?>";
+var region_id = "<?= $region_id ?>";
-    var company_name = "<?= $com->company_name ?>";
+var company_name = "<?= $com->company_name ?>";
-    var region_name = "<?= $reg->region_name ?>";
+var region_name = "<?= $reg->region_name ?>";
 
-    var scripts = [null,
+var scripts = [null,
-        JS_BASE_URL + "components/bootstrap-datepicker/dist/js/bootstrap-datepicker.js",
+	JS_BASE_URL + "components/bootstrap-datepicker/dist/js/bootstrap-datepicker.js",
-        JS_BASE_URL + "components/jqGrid/js/jquery.jqGrid.js",
+	JS_BASE_URL + "components/jqGrid/js/jquery.jqGrid.js",
-        JS_BASE_URL + "components/jqGrid/js/i18n/grid.locale-en.js", null];
+	JS_BASE_URL + "components/jqGrid/js/i18n/grid.locale-en.js", null];
 
-    $('.page-content-area').ace_ajax('loadScripts', scripts, function () {
+$('.page-content-area').ace_ajax('loadScripts', scripts, function () {
-        //inline scripts related to this page
+	//inline scripts related to this page
-        jQuery(function ($) {
+	jQuery(function ($) {
-            var grid_selector = "#grid-table";
+		var grid_selector = "#grid-table";
-            var pager_selector = "#grid-pager";
+		var pager_selector = "#grid-pager";
 
-            //resize to fit page size
+		//resize to fit page size
-            $(window).on('resize.jqGrid', function () {
+		$(window).on('resize.jqGrid', function () {
-                $(grid_selector).jqGrid('setGridWidth', $(".page-content").width());
+			$(grid_selector).jqGrid('setGridWidth', $(".page-content").width());
-            })
+		})
 
-            //resize on sidebar collapse/expand
+		//resize on sidebar collapse/expand
-            var parent_column = $(grid_selector).closest('[class*="col-"]');
+		var parent_column = $(grid_selector).closest('[class*="col-"]');
-            $(document).on('settings.ace.jqGrid', function (ev, event_name, collapsed) {
+		$(document).on('settings.ace.jqGrid', function (ev, event_name, collapsed) {
-                if (event_name === 'sidebar_collapsed' || event_name === 'main_container_fixed') {
+			if (event_name === 'sidebar_collapsed' || event_name === 'main_container_fixed') {
-                    //setTimeout is for webkit only to give time for DOM changes and then redraw!!!
+				//setTimeout is for webkit only to give time for DOM changes and then redraw!!!
-                    setTimeout(function () {
+				setTimeout(function () {
-                        $(grid_selector).jqGrid('setGridWidth', parent_column.width());
+					$(grid_selector).jqGrid('setGridWidth', parent_column.width());
-                    }, 0);
+				}, 0);
-                }
+			}
-            })
+		})
 
-            var selr = jQuery(grid_selector).jqGrid('getGridParam', 'selrow');
+		var selr = jQuery(grid_selector).jqGrid('getGridParam', 'selrow');
-            jQuery(grid_selector).setGridParam({datatype: 'json', page: 1}).trigger("reloadGrid");
+		jQuery(grid_selector).setGridParam({
-            jQuery(grid_selector).jqGrid({
+			datatype : 'json',
-                datatype: "json",
+			page : 1
-                url: JS_SITE_URL + "/well/getListWells",
+		}).trigger("reloadGrid");
-                mtype: "POST",
+		jQuery(grid_selector).jqGrid({
-                height: "100%",
+			datatype : "json",
-                colNames: ['', 'Wells Id', 'Wells Name', 'Drilling Rig', 'Drilling Contractor', 'Spud Date', 'TD Date', 'TD Depth'],
+			url : JS_SITE_URL + "/well/getListWells",
-                colModel: [
+			height : "100%",
-                    {name: '', index: '', width: 100, fixed: true, sortable: false, resize: false,
+			colNames : ['', 'Wells Id', 'Wells Name', 'Drilling Rig', 'Drilling Contractor', 'Spud Date', 'TD Date', 'TD Depth'],
-                        formatter: 'actions',
+			colModel :[
-                        formatoptions: {
+				{name:'act',index:'act', width:100,sortable:false},
-                            keys: true,
+				{
-                            deldata: {
+					name : 'wells_id',
-                                id: $(selr + 'wells_id').val()
+					index : 'wells_id',
-                            },
+					width : 150
-                            delOptions: {
+				},
-                                recreateForm: true,
+				{name:'wells_name',index:'wells_name', width:300, editable:true},
-                                beforeShowForm: beforeDeleteCallback,
+				 {
-                            },
+					name : 'drilling_rig',
-                            adwbutton: false
+					index : 'drilling_rig',
-                        },
+					editable : true,
-                        search: false
+					align : 'left',
-                    },
+					width : 300
-                    {name: 'wells_id', index: 'wells_id', editable: false, align: 'center', width: 150,
+				}, {
-                        searchoptions: {
+					name : 'drilling_contractor',
-                            clearSearch: false
+					index : 'drilling_contractor',
-                        }
+					editable : true,
-                    },
+					align : 'left',
-                    {name: 'wells_name', index: 'wells_name', editable: true, align: 'left', width: 300,
+					width : 300,
-                        searchoptions: {
+					editoptions : {}
-                            clearSearch: false
+				}, {
-                        }
+					name : 'spud_date',
-                    },
+					index : 'spud_date',
-                    {name: 'drilling_rig', index: 'drilling_rig', editable: true, align: 'left', width: 300,
+					editable : true,
-                        searchoptions: {
+					align : 'center',
-                            clearSearch: false
+					width : 150,
-                        }
+					editoptions : {},
-                    },
+					sorttype : "date",
-                    {name: 'drilling_contractor', index: 'drilling_contractor', editable: true, align: 'left', width: 300,
+					unformat : pickDate,
-                        editoptions: {
+					formatter : 'date',
-                        },
+					formatoptions : {
-                        searchoptions: {
+						srcformat : 'ISO8601Long',
-                            clearSearch: false
+						newformat : 'd-m-Y H:i',
-                        }
+						defaultValue : null
-                    },
+					}
-                    {name: 'spud_date', index: 'spud_date', editable: true, align: 'center', width: 150,
+				}, {
-                        editoptions: {
+					name : 'td_date',
-                        },
+					index : 'td_date',
-                        searchoptions: {
+					editable : true,
-                            clearSearch: false
+					align : 'center',
-                        },
+					width : 150,
-                        sorttype: "date", unformat: pickDate,
+					editoptions : {},
-                        formatter: 'date',
+					sorttype : "date",
-                        formatoptions: {
+					unformat : pickDate,
-                            srcformat: 'ISO8601Long',
+					formatter : 'date',
-                            newformat: 'd-m-Y H:i',
+					formatoptions : {
-                            defaultValue: null
+						srcformat : 'ISO8601Long',
-                        }
+						newformat : 'd-m-Y H:i',
-                    },
+						defaultValue : null
-                    {name: 'td_date', index: 'td_date', editable: true, align: 'center', width: 150,
+					}
-                        editoptions: {
+				}, {
-                        },
+					name : 'td_depth',
-                        searchoptions: {
+					index : 'td_depth',
-                            clearSearch: false
+					editable : true,
-                        },
+					align : 'center',
-                        sorttype: "date", unformat: pickDate,
+					width : 150,
-                        formatter: 'date',
+					editoptions : {},
-                        formatoptions: {
+				}
-                            srcformat: 'ISO8601Long',
+			],
-                            newformat: 'd-m-Y H:i',
+			gridComplete: function(){
-                            defaultValue: null
+				var ids = jQuery(grid_selector).jqGrid('getDataIDs');
-                        }
+				for(var i=0;i < ids.length;i++){
-                    },
+					var cl = ids[i];
-                    {name: 'td_depth', index: 'td_depth', editable: true, align: 'center', width: 150,
+					be = "<input style='height:22px;width:20px;' type='button' value='E' onclick=\"jQuery('#rowed2').editRow('"+cl+"');\" />";
-                        editoptions: {
+					se = "<input style='height:22px;width:20px;' type='button' value='S' onclick=\"jQuery('#rowed2').saveRow('"+cl+"');\" />";
-                        },
+					ce = "<input style='height:22px;width:20px;' type='button' value='C' onclick=\"jQuery('#rowed2').restoreRow('"+cl+"');\" />";
-                        searchoptions: {
+					jQuery("#rowed2").jqGrid('setRowData',ids[i],{act:be+se+ce});
-                            clearSearch: false
+				}
-                        }
+			},
-                    }
+		});
-                ],
+/*
-                jsonReader: {
+		jQuery(grid_selector).jqGrid({
-                    root: "rows",
+			datatype : "json",
-                    page: "page",
+			url : JS_SITE_URL + "/well/getListWells",
-                    total: "total",
+			mtype : "POST",
-                    records: "records",
+			height : "100%",
-                    repeatitems: true,
+			colNames : ['', 'Wells Id', 'Wells Name', 'Drilling Rig', 'Drilling Contractor', 'Spud Date', 'TD Date', 'TD Depth'],
-                    cell: "cell",
+			colModel : [{
-                    id: "id",
+					name : '',
-                    userdata: "userdata"
+					index : '',
-                },
+					width : 100,
-                viewrecords: true,
+					fixed : true,
-                rowNum: 10,
+					sortable : false,
-                rowList: [10, 20, 30, 50, 100],
+					resize : false,
-                pager: pager_selector,
+					formatter : 'actions',
-                loadonce: false,
+					formatoptions : {
-                altRows: true,
+						keys : true,
-                closeAfterAdd: true,
+						deldata : {
-                closeAfterEdit: true,
+							id : $(selr + 'wells_id').val()
-                multiselect: true,
+						},
-                multiboxonly: true,
+						delOptions : {
-                shrinkToFit: false,
+							recreateForm : true,
-                loadComplete: function () {
+							beforeShowForm : beforeDeleteCallback,
-                    var table = this;
+						},
-                    setTimeout(function () {
+						adwbutton : false
-                        styleCheckbox(table);
+					},
-                        updateActionIcons(table);
+					search : false
-                        updatePagerIcons(table);
+				}, {
-                        enableTooltips(table);
+					name : 'wells_id',
-                    }, 0);
+					index : 'wells_id',
-                },
+					editable : false,
-                editurl: JS_SITE_URL + "/well/simpan_wells?cid=" + company_id + "&rid=" + region_id,
+					align : 'center',
-                reloadAfterSubmit: true,
+					width : 150,
-                caption: "List of Well " + company_name + "#Region : " + region_name,
+					searchoptions : {
-                ondblClickRow: function (rowId) {
+						clearSearch : false
-                    location.href = "#docs/file_wells?wid=" + rowId;
+					}
-                },
+				}, {
-                serializeGridData: function (postData) {
+					name : 'wells_name',
-                    var newPostData = $.extend(postData, {
+					index : 'wells_name',
-                        companyID: company_id,
+					editable : true,
-                        regionID: region_id
+					align : 'left',
-                    });
+					width : 300,
-                    return $.param(newPostData);
+					searchoptions : {
-                }
+						clearSearch : false
-            });
+					}
 				}, {
-            jQuery(grid_selector).jqGrid('filterToolbar', {
+					name : 'drilling_rig',
-                autosearch: true,
+					index : 'drilling_rig',
-                stringResult: true,
+					editable : true,
-                searchOperators: false,
+					align : 'left',
-                searchOnEnter: false,
+					width : 300,
-                defaultSearch: "cn",
+					searchoptions : {
-                enableClear: false
+						clearSearch : false
-            });
+					}
 				}, {
-            $(window).triggerHandler('resize.jqGrid');//trigger window resize to make the grid get the correct size
+					name : 'drilling_contractor',
-            //enable datepicker
+					index : 'drilling_contractor',
-            function pickDate(cellvalue, options, cell) {
+					editable : true,
-                setTimeout(function () {
+					align : 'left',
-                    $(cell).find('input[type=text]')
+					width : 300,
-                            .datepicker({format: 'dd-mm-yyyy', autoclose: true});
+					editoptions : {},
-                }, 0);
+					searchoptions : {
-            }
+						clearSearch : false
 					}
-            jQuery(grid_selector).jqGrid('navGrid', pager_selector,
+				}, {
-                    {//navbar options
+					name : 'spud_date',
-                        edit: false,
+					index : 'spud_date',
-                        editicon: 'ace-icon fa fa-pencil blue',
+					editable : true,
-                        add: true,
+					align : 'center',
-                        addicon: 'ace-icon fa fa-plus-circle purple',
+					width : 150,
-                        del: false,
+					editoptions : {},
-                        delicon: 'ace-icon fa fa-trash-o red',
+					searchoptions : {
-                        search: false,
+						clearSearch : false
-                        searchicon: 'ace-icon fa fa-search orange',
+					},
-                        refresh: true,
+					sorttype : "date",
-                        refreshicon: 'ace-icon fa fa-refresh green',
+					unformat : pickDate,
-                        view: false,
+					formatter : 'date',
-                        viewicon: 'ace-icon fa fa-search-plus grey',
+					formatoptions : {
-                    },
+						srcformat : 'ISO8601Long',
-                    {
+						newformat : 'd-m-Y H:i',
-                        width: 500,
+						defaultValue : null
-                        editCaption: 'Edit Wells',
+					}
-                        bSubmit: "Simpan",
+				}, {
-                        bCancel: "Batal",
+					name : 'td_date',
-                        closeAfterEdit: true,
+					index : 'td_date',
-                        closeOnEscape: true,
+					editable : true,
-                        reloadAfterSubmit: true,
+					align : 'center',
-                        refreshtext: 'Reload',
+					width : 150,
-                        recreateForm: true,
+					editoptions : {},
-                        beforeShowForm: function (e) {
+					searchoptions : {
-                            var form = $(e[0]);
+						clearSearch : false
-                            form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
+					},
-                            style_edit_form(form);
+					sorttype : "date",
-                        }
+					unformat : pickDate,
-                    },
+					formatter : 'date',
-            {
+					formatoptions : {
-                //new record form
+						srcformat : 'ISO8601Long',
-                width: 500,
+						newformat : 'd-m-Y H:i',
-                addCaption: 'Add Wells',
+						defaultValue : null
-                closeAfterAdd: true,
+					}
-                recreateForm: true,
+				}, {
-                viewPagerButtons: false,
+					name : 'td_depth',
-                beforeShowForm: function (e) {
+					index : 'td_depth',
-                    var form = $(e[0]);
+					editable : true,
-                    form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar')
+					align : 'center',
-                            .wrapInner('<div class="widget-header" />')
+					width : 150,
-                    style_edit_form(form);
+					editoptions : {},
-                }
+					searchoptions : {
-            },
+						clearSearch : false
-            {
+					}
-                //delete record form
+				}
-                width: 300,
+			],
-                caption: "Delete Wells",
+			jsonReader : {
-                msg: "Are You Sure?",
+				root : "rows",
-                bSubmit: "Hapus",
+				page : "page",
-                bCancel: "Batal",
+				total : "total",
-                recreateForm: true,
+				records : "records",
-                beforeShowForm: function (e) {
+				repeatitems : true,
-                    var form = $(e[0]);
+				cell : "cell",
-                    if (form.data('styled'))
+				id : "id",
-                        return false;
+				userdata : "userdata"
-                    form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
+			},
-                    style_delete_form(form);
+			viewrecords : true,
-                }
+			rowNum : 10,
-            },
+			rowList : [10, 20, 30, 50, 100],
-            {
+			pager : pager_selector,
-                //search form
+			loadonce : false,
-                recreateForm: true,
+			altRows : true,
-                afterShowSearch: function (e) {
+			closeAfterAdd : true,
-                    var form = $(e[0]);
+			closeAfterEdit : true,
-                    form.closest('.ui-jqdialog').find('.ui-jqdialog-title').wrap('<div class="widget-header" />')
+			multiselect : true,
-                    style_search_form(form);
+			multiboxonly : true,
-                },
+			shrinkToFit : false,
-                afterRedraw: function () {
+			loadComplete : function () {
-                    style_search_filters($(this));
+				var table = this;
-                }
+				setTimeout(function () {
-                ,
+					styleCheckbox(table);
-                multipleSearch: true
+					updateActionIcons(table);
-            },
+					updatePagerIcons(table);
-            {
+					enableTooltips(table);
-                //view record form
+				}, 0);
-                recreateForm: true,
+			},
-                beforeShowForm: function (e) {
+			editurl : JS_SITE_URL + "/well/simpan_wells?cid=" + company_id + "&rid=" + region_id,
-                    var form = $(e[0]);
+			reloadAfterSubmit : true,
-                    form.closest('.ui-jqdialog').find('.ui-jqdialog-title').wrap('<div class="widget-header" />')
+			caption : "List of Well " + company_name + "#Region : " + region_name,
-                }
+			ondblClickRow : function (rowId) {
-            }
+				location.href = "#docs/file_wells?wid=" + rowId;
-            )
+			},
 			serializeGridData : function (postData) {
-            function style_edit_form(form) {
+				var newPostData = $.extend(postData, {
-                //update buttons classes
+						companyID : company_id,
-                var buttons = form.next().find('.EditButton .fm-button');
+						regionID : region_id
-                buttons.addClass('btn btn-sm').find('[class*="-icon"]').hide();//ui-icon, s-icon
+					});
-                buttons.eq(0).addClass('btn-primary').prepend('<i class="ace-icon fa fa-check"></i>');
+				return $.param(newPostData);
-                buttons.eq(1).prepend('<i class="ace-icon fa fa-times"></i>')
+			}
-                buttons = form.next().find('.navButton a');
+		});
-                buttons.find('.ui-icon').hide();
+*/
-                buttons.eq(0).append('<i class="ace-icon fa fa-chevron-left"></i>');
+		jQuery(grid_selector).jqGrid('filterToolbar', {
-                buttons.eq(1).append('<i class="ace-icon fa fa-chevron-right"></i>');
+			autosearch : true,
-            }
+			stringResult : true,
-            function style_delete_form(form) {
+			searchOperators : false,
-                var buttons = form.next().find('.EditButton .fm-button');
+			searchOnEnter : false,
-                buttons.addClass('btn btn-sm btn-white btn-round').find('[class*="-icon"]').hide();//ui-icon, s-icon
+			defaultSearch : "cn",
-                buttons.eq(0).addClass('btn-danger').prepend('<i class="ace-icon fa fa-trash-o"></i>');
+			enableClear : false
-                buttons.eq(1).addClass('btn-default').prepend('<i class="ace-icon fa fa-times"></i>')
+		});
-            }
+
-            function style_search_filters(form) {
+		$(window).triggerHandler('resize.jqGrid'); //trigger window resize to make the grid get the correct size
-                form.find('.delete-rule').val('X');
+		//enable datepicker
-                form.find('.add-rule').addClass('btn btn-xs btn-primary');
+		function pickDate(cellvalue, options, cell) {
-                form.find('.add-group').addClass('btn btn-xs btn-success');
+			setTimeout(function () {
-                form.find('.delete-group').addClass('btn btn-xs btn-danger');
+				$(cell).find('input[type=text]')
-            }
+				.datepicker({
-            function style_search_form(form) {
+					format : 'dd-mm-yyyy',
-                var dialog = form.closest('.ui-jqdialog');
+					autoclose : true
-                var buttons = dialog.find('.EditTable')
+				});
-                buttons.find('.EditButton a[id*="_reset"]').addClass('btn btn-sm btn-info').find('.ui-icon').attr('class', 'ace-icon fa fa-retweet');
+			}, 0);
-                buttons.find('.EditButton a[id*="_query"]').addClass('btn btn-sm btn-inverse').find('.ui-icon').attr('class', 'ace-icon fa fa-comment-o');
+		}
-                buttons.find('.EditButton a[id*="_search"]').addClass('btn btn-sm btn-purple').find('.ui-icon').attr('class', 'ace-icon fa fa-search');
+
-            }
+		jQuery(grid_selector).jqGrid('navGrid', pager_selector, { //navbar options
 			edit : false,
-            function beforeDeleteCallback(e) {
+			editicon : 'ace-icon fa fa-pencil blue',
-                var form = $(e[0]);
+			add : true,
-                if (form.data('styled'))
+			addicon : 'ace-icon fa fa-plus-circle purple',
-                    return false;
+			del : false,
-                form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
+			delicon : 'ace-icon fa fa-trash-o red',
-                style_delete_form(form);
+			search : false,
-                //form.data('styled', true);
+			searchicon : 'ace-icon fa fa-search orange',
-            }
+			refresh : true,
 			refreshicon : 'ace-icon fa fa-refresh green',
-            function beforeEditCallback(e) {
+			view : false,
-                var form = $(e[0]);
+			viewicon : 'ace-icon fa fa-search-plus grey',
-                form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
+		}, {
-                style_edit_form(form);
+			width : 500,
-            }
+			editCaption : 'Edit Wells',
 			bSubmit : "Simpan",
-            //it causes some flicker when reloading or navigating grid
+			bCancel : "Batal",
-            //it may be possible to have some custom formatter to do this as the grid is being created to prevent this
+			closeAfterEdit : true,
-            //or go back to default browser checkbox styles for the grid
+			closeOnEscape : true,
-            function styleCheckbox(table) {
+			reloadAfterSubmit : true,
-            }
+			refreshtext : 'Reload',
 			recreateForm : true,
-            function updateActionIcons(table) {
+			beforeShowForm : function (e) {
-            }
+				var form = $(e[0]);
 				form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
-            //replace icons with FontAwesome icons like above
+				style_edit_form(form);
-            function updatePagerIcons(table) {
+			}
-                var replacement =
+		}, {
-                        {
+			//new record form
-                            'ui-icon-seek-first': 'ace-icon fa fa-angle-double-left bigger-140',
+			width : 500,
-                            'ui-icon-seek-prev': 'ace-icon fa fa-angle-left bigger-140',
+			addCaption : 'Add Wells',
-                            'ui-icon-seek-next': 'ace-icon fa fa-angle-right bigger-140',
+			closeAfterAdd : true,
-                            'ui-icon-seek-end': 'ace-icon fa fa-angle-double-right bigger-140'
+			recreateForm : true,
-                        };
+			viewPagerButtons : false,
-                $('.ui-pg-table:not(.navtable) > tbody > tr > .ui-pg-button > .ui-icon').each(function () {
+			beforeShowForm : function (e) {
-                    var icon = $(this);
+				var form = $(e[0]);
-                    var $class = $.trim(icon.attr('class').replace('ui-icon', ''));
+				form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar')
 				.wrapInner('<div class="widget-header" />')
-                    if ($class in replacement)
+				style_edit_form(form);
-                        icon.attr('class', 'ui-icon ' + replacement[$class]);
+			}
-                });
+		}, {
-            }
+			//delete record form
 			width : 300,
-            function enableTooltips(table) {
+			caption : "Delete Wells",
-                $('.navtable .ui-pg-button').tooltip({container: 'body'});
+			msg : "Are You Sure?",
-                $(table).find('.ui-pg-div').tooltip({container: 'body'});
+			bSubmit : "Hapus",
-            }
+			bCancel : "Batal",
 			recreateForm : true,
-            $(document).one('ajaxloadstart.page', function (e) {
+			beforeShowForm : function (e) {
-                $.jgrid.gridDestroy(grid_selector);
+				var form = $(e[0]);
-                $('.ui-jqdialog').remove();
+				if (form.data('styled'))
-            });
+					return false;
-        });
+				form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
-    });
+				style_delete_form(form);
 			}
 		}, {
 			//search form
 			recreateForm : true,
 			afterShowSearch : function (e) {
 				var form = $(e[0]);
 				form.closest('.ui-jqdialog').find('.ui-jqdialog-title').wrap('<div class="widget-header" />')
 				style_search_form(form);
 			},
 			afterRedraw : function () {
 				style_search_filters($(this));
 			},
 			multipleSearch : true
 		}, {
 			//view record form
 			recreateForm : true,
 			beforeShowForm : function (e) {
 				var form = $(e[0]);
 				form.closest('.ui-jqdialog').find('.ui-jqdialog-title').wrap('<div class="widget-header" />')
 			}
 		})
 
 		function style_edit_form(form) {
 			//update buttons classes
 			var buttons = form.next().find('.EditButton .fm-button');
 			buttons.addClass('btn btn-sm').find('[class*="-icon"]').hide(); //ui-icon, s-icon
 			buttons.eq(0).addClass('btn-primary').prepend('<i class="ace-icon fa fa-check"></i>');
 			buttons.eq(1).prepend('<i class="ace-icon fa fa-times"></i>')
 			buttons = form.next().find('.navButton a');
 			buttons.find('.ui-icon').hide();
 			buttons.eq(0).append('<i class="ace-icon fa fa-chevron-left"></i>');
 			buttons.eq(1).append('<i class="ace-icon fa fa-chevron-right"></i>');
 		}
 		function style_delete_form(form) {
 			var buttons = form.next().find('.EditButton .fm-button');
 			buttons.addClass('btn btn-sm btn-white btn-round').find('[class*="-icon"]').hide(); //ui-icon, s-icon
 			buttons.eq(0).addClass('btn-danger').prepend('<i class="ace-icon fa fa-trash-o"></i>');
 			buttons.eq(1).addClass('btn-default').prepend('<i class="ace-icon fa fa-times"></i>')
 		}
 		function style_search_filters(form) {
 			form.find('.delete-rule').val('X');
 			form.find('.add-rule').addClass('btn btn-xs btn-primary');
 			form.find('.add-group').addClass('btn btn-xs btn-success');
 			form.find('.delete-group').addClass('btn btn-xs btn-danger');
 		}
 		function style_search_form(form) {
 			var dialog = form.closest('.ui-jqdialog');
 			var buttons = dialog.find('.EditTable')
 				buttons.find('.EditButton a[id*="_reset"]').addClass('btn btn-sm btn-info').find('.ui-icon').attr('class', 'ace-icon fa fa-retweet');
 			buttons.find('.EditButton a[id*="_query"]').addClass('btn btn-sm btn-inverse').find('.ui-icon').attr('class', 'ace-icon fa fa-comment-o');
 			buttons.find('.EditButton a[id*="_search"]').addClass('btn btn-sm btn-purple').find('.ui-icon').attr('class', 'ace-icon fa fa-search');
 		}
 
 		function beforeDeleteCallback(e) {
 			var form = $(e[0]);
 			if (form.data('styled'))
 				return false;
 			form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
 			style_delete_form(form);
 			//form.data('styled', true);
 		}
 
 		function beforeEditCallback(e) {
 			var form = $(e[0]);
 			form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
 			style_edit_form(form);
 		}
 
 		//it causes some flicker when reloading or navigating grid
 		//it may be possible to have some custom formatter to do this as the grid is being created to prevent this
 		//or go back to default browser checkbox styles for the grid
 		function styleCheckbox(table) {}
 
 		function updateActionIcons(table) {}
 
 		//replace icons with FontAwesome icons like above
 		function updatePagerIcons(table) {
 			var replacement = {
 				'ui-icon-seek-first' : 'ace-icon fa fa-angle-double-left bigger-140',
 				'ui-icon-seek-prev' : 'ace-icon fa fa-angle-left bigger-140',
 				'ui-icon-seek-next' : 'ace-icon fa fa-angle-right bigger-140',
 				'ui-icon-seek-end' : 'ace-icon fa fa-angle-double-right bigger-140'
 			};
 			$('.ui-pg-table:not(.navtable) > tbody > tr > .ui-pg-button > .ui-icon').each(function () {
 				var icon = $(this);
 				var $class = $.trim(icon.attr('class').replace('ui-icon', ''));
 
 				if ($class in replacement)
 					icon.attr('class', 'ui-icon ' + replacement[$class]);
 			});
 		}
 
 		function enableTooltips(table) {
 			$('.navtable .ui-pg-button').tooltip({
 				container : 'body'
 			});
 			$(table).find('.ui-pg-div').tooltip({
 				container : 'body'
 			});
 		}
 
 		$(document).one('ajaxloadstart.page', function (e) {
 			$.jgrid.gridDestroy(grid_selector);
 			$('.ui-jqdialog').remove();
 		});
 	});
 });
 
 </script>