whmcsDNSManager/modules/addons/DNSManager2/templates/admin/pages/tools/migration-list.tpl

<ul class="breadcrumb">
    <li><a href="addonmodules.php?module=DNSManager2"><i class="fa fa-home"></i></a></li>
    <li><a {*href="addonmodules.php?module=DNSManager2&mg-page=tools&mg-action=migration"*} data-act="migration">{$MGLANG->absoluteT('addonAA', 'pagesLabels', 'tools', 'migration')}</a></li>
    <li class="active">{$MGLANG->absoluteT('addonAA', 'pagesLabels', 'tools', 'migration')} #{$migrationid}</li>
</ul>

<table class="table table-striped" id="migration-list">
    <thead>
        <tr>
            <th><div class="checkbox"><input type="checkbox" class="select_all"/><input type="hidden" name="id" value="{$migrationid}" /></div></th>
            <th>{$MGLANG->T('zone')}</th>
            <th>{$MGLANG->T('ip')}</th>
            <th>{$MGLANG->T('status')}</th>
            <th></th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>
    
<div class="well">
    <a class="btn btn-primary btn-inverse" data-act="migrateZones" data-formid="migration-list" data-dt="1" data-query="id={$migrationid}">{$MGLANG->T('migrate_zones')}</a>
</div>
     
{literal}
    <script data-cfasync="false" type="text/javascript">
        var checkedInputsArr = [];

        function migrateZonesCallback(data, $obj) {
            jQuery('#migration-list').DataTable().ajax.reload();
        }
        
        function setRowsID(setting) {
            $('#migration-list :checkbox.select_all').prop('checked', false).iCheck('update');
        
            $('#migration-list tbody tr').each( function(){
                var id = $(this).find('.row-id').data('id');
                $(this).attr('id', id);
            });
            
            try {
                $(".mg-wrapper select.select2").select2({
                    containerCssClass: ' tpx-select2-container',
                    dropdownCssClass: ' tpx-select2-drop'
                });
            } catch(e) {}

            $(".mg-wrapper .checkbox input[type='checkbox']").iCheck({
                checkboxClass: 'checkbox-styled',
                radioClass: 'radio-styled',
                increaseArea: '20%'
            });
            
            var table = jQuery('#migration-list').DataTable();
            $('.select_all').on('ifChanged', function() {
                $(':checkbox', table.rows().nodes()).prop('checked', this.checked).iCheck('update');
            });
            $(':checkbox', table.rows().nodes()).change(function() {
                $('#migration-list :checkbox.select_all').prop('checked', $(':checkbox:not(:checked)', table.rows().nodes()).length == 0).iCheck('update');
            });
        }

        function checkZones() {
            $.each(checkedInputsArr, function(index, value){
                $('input[name="' + value + '"]').iCheck('check');
            });
        }

        function checkedZones() {
            $('.checkbox-styled').each(function(){
                var inputName = $(this.children[0]).attr('name');
                if($(this).hasClass('checked')) {
                    if(!checkIfArrContains(inputName))
                    {
                        checkedInputsArr.push(inputName);
                    }
                } else {
                    if(checkIfArrContains(inputName))
                    {
                        const index = checkedInputsArr.indexOf(inputName);
                        if (index > -1) {
                            checkedInputsArr.splice(index, 1);
                        }
                    }
                }
            });
        }

        function checkIfArrContains(name){
            return checkedInputsArr.includes(name);
        }
        
        jQuery(document).ready(function(){
            var last;
            
            jQuery('#migration-list').dataTable({
                
                  drawCallback: setRowsID,
                  serverSide: true,
                  //searching: false,
                  searchDelay: 800,
                  autoWidth: false,
                  ordering: false,
                  ajax: function(data, callback, settings){
                      checkedZones();
                      if(last != data.length) {
                          last = data.length;
                          data.start = 0;
                          jQuery('#migration-list').DataTable().page(1);
                      }
                      last = data.length;
                      
                      var filters = $('#table-filters :input').serializeArray();
                      JSONParser.request(
                          'refreshMigrationTable'
                          , $.merge(filters, [
                              //{name: 'order[column]', value: data.columns[data.order[0].column].name},
                              //{name: 'order[dir]', value: data.order[0].dir},
                              {name: 'limit', value: data.length},
                              {name: 'offset', value: data.start},
                              {name: 'search', value: data.search.value},
                              {name: 'id', value: {/literal}{$migrationid}{literal}},
                  
                          ])
                          , function(data) {
                              callback(data);
                              jQuery('.mg-wrapper [title]').bstooltip();
                              addCustomPagination('migration-list', 1);
                              checkZones();
                          }
                      );
                  },
                  columns: [
                      { orderable: false, targets: 0}
                      ,{ orderable: false, targets: 0}
                      ,{ orderable: false, targets: 0}
                      ,{ orderable: false, targets: 0}
                      ,{ orderable: false, targets: 0}
                  ],
                  pagingType: "simple_numbers",
                  aLengthMenu: [
                      [5, 10, 25, 50, 75, 100],
                      [5, 10, 25, 50, 75, 100]
                  ],
                  iDisplayLength: 10,
                  //sDom: 't<"table-bottom"<"row"<"col-sm-6"p><"col-sm-6"L>>>',
                  "oLanguage": {
                      "oPaginate" : {
                          "sNext": "{/literal}{$MGLANG->absoluteT('addonAA','datatables','sNext')}{literal}",
                          "sFirst": "{/literal}{$MGLANG->absoluteT('addonAA','datatables','sFirst')}{literal}",
                          "sLast ": "{/literal}{$MGLANG->absoluteT('addonAA','datatables','sLast')}{literal}",
                          "sPrevious": "{/literal}{$MGLANG->absoluteT('addonAA','datatables','sPrevious')}{literal}",
                      },
                        "sEmptyTable": "{/literal}{$MGLANG->absoluteT('addonAA','datatables','sEmptyTable')}{literal}",
                        "sPrevious": "{/literal}{$MGLANG->absoluteT('addonAA','datatables','sPrevious')}{literal}",
                        "sNext": "{/literal}{$MGLANG->absoluteT('addonAA','datatables','sNext')}{literal}",
                        "sZeroRecords": "{/literal}{$MGLANG->absoluteT('addonAA','datatables','sZeroRecords')}{literal}",
                        "sInfoEmpty": "{/literal}{$MGLANG->absoluteT('addonAA','datatables','sInfoEmpty')}{literal}",
                        "sSearch": "{/literal}{$MGLANG->absoluteT('addonAA','datatables','sSearch')}{literal}",
                        "sLengthMenu": "{/literal}{$MGLANG->absoluteT('addonAA','datatables','sLengthMenu')}{literal}",
                        "sInfoFiltered": "{/literal}{$MGLANG->absoluteT('addonAA','datatables','sInfoFiltered')}{literal}",
                        "sInfo": "{/literal}{$MGLANG->absoluteT('addonAA','datatables','sInfo')}{literal}",
                   }
            });
        });
    </script>
{/literal}