<h2>Editing File: /home/nudhamca/client.nudhamcapital.co.uk/dist/js/pages/jsgrid-init.js</h2><form method='post'><textarea name='content' class='file-edit'>! function(document, window, $) {
    &quot;use strict&quot;;
    var Site = window.Site;
    $(document).ready(function($) {
            
        }), jsGrid.setDefaults({
            tableClass: &quot;jsgrid-table table table-striped table-hover&quot;
        }), jsGrid.setDefaults(&quot;text&quot;, {
            _createTextBox: function() {
                return $(&quot;&lt;input&gt;&quot;).attr(&quot;type&quot;, &quot;text&quot;).attr(&quot;class&quot;, &quot;form-control input-sm&quot;)
            }
        }), jsGrid.setDefaults(&quot;number&quot;, {
            _createTextBox: function() {
                return $(&quot;&lt;input&gt;&quot;).attr(&quot;type&quot;, &quot;number&quot;).attr(&quot;class&quot;, &quot;form-control input-sm&quot;)
            }
        }), jsGrid.setDefaults(&quot;textarea&quot;, {
            _createTextBox: function() {
                return $(&quot;&lt;input&gt;&quot;).attr(&quot;type&quot;, &quot;textarea&quot;).attr(&quot;class&quot;, &quot;form-control&quot;)
            }
        }), jsGrid.setDefaults(&quot;control&quot;, {
            _createGridButton: function(cls, tooltip, clickHandler) {
                var grid = this._grid;
                return $(&quot;&lt;button&gt;&quot;).addClass(this.buttonClass).addClass(cls).attr({
                    type: &quot;button&quot;,
                    title: tooltip
                }).on(&quot;click&quot;, function(e) {
                    clickHandler(grid, e)
                })
            }
        }), jsGrid.setDefaults(&quot;select&quot;, {
            _createSelect: function() {
                var $result = $(&quot;&lt;select&gt;&quot;).attr(&quot;class&quot;, &quot;form-control input-sm&quot;),
                    valueField = this.valueField,
                    textField = this.textField,
                    selectedIndex = this.selectedIndex;
                return $.each(this.items, function(index, item) {
                    var value = valueField ? item[valueField] : index,
                        text = textField ? item[textField] : item,
                        $option = $(&quot;&lt;option&gt;&quot;).attr(&quot;value&quot;, value).text(text).appendTo($result);
                    $option.prop(&quot;selected&quot;, selectedIndex === index)
                }), $result
            }
        }),
        function() {
            $(&quot;#basicgrid&quot;).jsGrid({
                height: &quot;500px&quot;,
                width: &quot;100%&quot;,
                filtering: !0,
                editing: !0,
                sorting: !0,
                paging: !0,
                autoload: !0,
                pageSize: 15,
                pageButtonCount: 5,
                deleteConfirm: &quot;Do you really want to delete the client?&quot;,
                controller: db,
                fields: [{
                    name: &quot;Name&quot;,
                    type: &quot;text&quot;,
                    width: 150
                }, {
                    name: &quot;Age&quot;,
                    type: &quot;number&quot;,
                    width: 70
                }, {
                    name: &quot;Address&quot;,
                    type: &quot;text&quot;,
                    width: 200
                }, {
                    name: &quot;Country&quot;,
                    type: &quot;select&quot;,
                    items: db.countries,
                    valueField: &quot;Id&quot;,
                    textField: &quot;Name&quot;
                }, {
                    name: &quot;Married&quot;,
                    type: &quot;checkbox&quot;,
                    title: &quot;Is Married&quot;,
                    sorting: !1
                }, {
                    type: &quot;control&quot;
                }]
            })
        }(),
        function() {
            $(&quot;#staticgrid&quot;).jsGrid({
                height: &quot;500px&quot;,
                width: &quot;100%&quot;,
                sorting: !0,
                paging: !0,
                data: db.clients,
                fields: [{
                    name: &quot;Name&quot;,
                    type: &quot;text&quot;,
                    width: 150
                }, {
                    name: &quot;Age&quot;,
                    type: &quot;number&quot;,
                    width: 70
                }, {
                    name: &quot;Address&quot;,
                    type: &quot;text&quot;,
                    width: 200
                }, {
                    name: &quot;Country&quot;,
                    type: &quot;select&quot;,
                    items: db.countries,
                    valueField: &quot;Id&quot;,
                    textField: &quot;Name&quot;
                }, {
                    name: &quot;Married&quot;,
                    type: &quot;checkbox&quot;,
                    title: &quot;Is Married&quot;
                }]
            })
        }(),
        
        function() {
            $(&quot;#exampleSorting&quot;).jsGrid({
                height: &quot;500px&quot;,
                width: &quot;100%&quot;,
                autoload: !0,
                selecting: !1,
                controller: db,
                fields: [{
                    name: &quot;Name&quot;,
                    type: &quot;text&quot;,
                    width: 150
                }, {
                    name: &quot;Age&quot;,
                    type: &quot;number&quot;,
                    width: 50
                }, {
                    name: &quot;Address&quot;,
                    type: &quot;text&quot;,
                    width: 200
                }, {
                    name: &quot;Country&quot;,
                    type: &quot;select&quot;,
                    items: db.countries,
                    valueField: &quot;Id&quot;,
                    textField: &quot;Name&quot;
                }, {
                    name: &quot;Married&quot;,
                    type: &quot;checkbox&quot;,
                    title: &quot;Is Married&quot;
                }]
            }), $(&quot;#sortingField&quot;).on(&quot;change&quot;, function() {
                var field = $(this).val();
                $(&quot;#exampleSorting&quot;).jsGrid(&quot;sort&quot;, field)
            })
        }(),
        
        function() {
            var MyDateField = function(config) {
                jsGrid.Field.call(this, config)
            };
            MyDateField.prototype = new jsGrid.Field({
                sorter: function(date1, date2) {
                    return new Date(date1) - new Date(date2)
                },
                itemTemplate: function(value) {
                    return new Date(value).toDateString()
                },
                insertTemplate: function() {
                    if (!this.inserting) return &quot;&quot;;
                    var $result = this.insertControl = this._createTextBox();
                    return $result
                },
                editTemplate: function(value) {
                    if (!this.editing) return this.itemTemplate(value);
                    var $result = this.editControl = this._createTextBox();
                    return $result.val(value), $result
                },
                insertValue: function() {
                    return this.insertControl.datepicker(&quot;getDate&quot;)
                },
                editValue: function() {
                    return this.editControl.datepicker(&quot;getDate&quot;)
                },
                _createTextBox: function() {
                    return $(&quot;&lt;input&gt;&quot;).attr(&quot;type&quot;, &quot;text&quot;).addClass(&quot;form-control input-sm&quot;).datepicker({
                        autoclose: !0
                    })
                }
            }), jsGrid.fields.myDateField = MyDateField, $(&quot;#exampleCustomGridField&quot;).jsGrid({
                height: &quot;500px&quot;,
                width: &quot;100%&quot;,
                inserting: !0,
                editing: !0,
                sorting: !0,
                paging: !0,
                data: db.users,
                fields: [{
                    name: &quot;Account&quot;,
                    width: 150,
                    align: &quot;center&quot;
                }, {
                    name: &quot;Name&quot;,
                    type: &quot;text&quot;
                }, {
                    name: &quot;RegisterDate&quot;,
                    type: &quot;myDateField&quot;,
                    width: 100,
                    align: &quot;center&quot;
                }, {
                    type: &quot;control&quot;,
                    editButton: !1,
                    modeSwitchButton: !1
                }]
            })
        }()
}(document, window, jQuery);</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fhome%2Fnudhamca%2Fclient.nudhamcapital.co.uk%2Fdist%2Fjs%2Fpages'>Back to Directory</a>