index.html.slim

/ CONTENT WRAPPER
div.content-wrapper
  / CONTENT HEADER
  section.content-header
    == render 'layouts/messages'
    h1 
      | Feedback
      small 
        |  
        | Details.
      = link_to 'Add new', new_user_feedback_path, class:"btn btn-sm btn-success pull-right"

  / MAIN CONTENT
  section.content
    div.row
      div.col-xs-12

        div.box.box-primary
          div.box-header
            h3.box-title
              | Feedback Listings
          div.box-body.table-responsive.no-padding
            table#feedbacks.table.table-bordered.table-hover data-source=user_feedbacks_path(format: "json", :protocol => "https")
              thead
                tr
                  th Id
                  th Title
                  th Detail
                  th Photo
              tbody
              
javascript:
  $(function () {
    $('#feedbacks').DataTable({
      "paging": true,
      "lengthChange": false,
      "pageLength":5,
      "searching": true,
      "ordering": true,
      "info": true,
      "autoWidth": false,
      "bProcessing": true,
      "bServerSide": true,
      "aoColumnDefs": [
          { 'bSortable': false, 'aTargets': [0,3] }
       ],
       "order":[],
      "sAjaxSource": $('#feedbacks').data('source')
    });
  });