Datatables - update js to include action events for ajax rows

Author: bpocallaghan

resources/assets/admin/js/titan/datatables.js

@@ -46,8 +46,17 @@ function initDataTables(selector, options)
     options.sDom = "<'dt-toolbar'<'col-xs-12 col-sm-6'f><'col-sm-6 col-xs-12 hidden-xs'l>r>" +
         "t" +
         "<'dt-toolbar-footer'<'col-sm-6 col-xs-12 hidden-xs'i><'col-xs-12 col-sm-6'p>>";
+    options.drawCallback = function(settings) {
+        $('[data-toggle="tooltip"]').tooltip();
+    }
+
+    // datatable
+    var table = $(selector).DataTable(options);
+
+    // reregister the tooltip events on table
+    table.$('[data-toggle="tooltip"]').tooltip();
 
-    return $(selector).DataTable(options);
+    return table;
 }
 
 function getOrderBy(element)
@@ -68,12 +77,23 @@ function getOrderBy(element)
     return orderBy;
 }
 
-function initActionDeleteClick()
+function initActionDeleteClick(element)
 {
     $('.dt-table').off('click', '.btn-delete-row');
+    $('.dt-table').off('click', '.btn-confirm-modal-row');
+    if(element) {
+        element.off('click', '.btn-delete-row');
+        element.off('click', '.btn-confirm-modal-row');
+    }
 
     // DELETE ROW LINK
     $('.dt-table').on('click', '.btn-delete-row', onActionDeleteClick);
+    $('.dt-table').on('click', '.btn-confirm-modal-row', onConfirmRowlick);
+
+    if(element) {
+        element.on('click', '.btn-delete-row', onActionDeleteClick);
+        element.on('click', '.btn-confirm-modal-row', onConfirmRowlick);
+    }
 
     function onActionDeleteClick(e)
     {
@@ -94,4 +114,21 @@ function initActionDeleteClick()
 
         return false;
     }
+
+    function onConfirmRowlick(e)
+    {
+        e.preventDefault();
+        var formId = $(this).attr('data-form');
+        var title = $(this).attr('data-original-title');
+        title = '<strong>' + title + '</strong>';
+
+        var content = "Are you sure you want to " + title + "? ";
+        $('#modal-confirm').find('.modal-body').find('p').html(content);
+        $('#modal-confirm').find('.modal-footer').find('.btn-primary').on('click', function (e)
+        {
+            $('#' + formId).submit();
+        });
+        $('#modal-confirm').modal('show');
+        return false;
+    }
 }

resources/views/admin/partials/datatables.blade.php

@@ -7,9 +7,15 @@
             if ($('#tbl-list').attr('data-server') == 'true') {
                 var options = {!! json_encode($options) !!}; // convert php array to js array
                 @if(isset($action) && $action == true || isset($action) == false)
-                    options.push({data: 'action', name: 'action', orderable: false, searchable: false}); // add actions column
+                    options.push({
+                        data: 'action',
+                        name: 'action',
+                        orderable: false,
+                        searchable: false,
+                        visible: true
+                    }); // add actions column
                 @endif
-                initDatatablesAjax('#tbl-list', "{{ Request::url().'/datatable' }}", options); // init datatables
+                var table = initDatatablesAjax("{{ (isset($id)? $id: '#tbl-list') }}", "{{ (isset($url)? $url: request()->url().'/datatable') }}", options); // init datatables
             }
         })
     </script>