!!! %html %head %title Fukuzatsu %link{href: "http://cdn.datatables.net/1.10.0/css/jquery.dataTables.css", rel: "stylesheet"} %script{language: "javascript", src: "http://code.jquery.com/jquery-1.11.0.min.js", type: "text/javascript"} %script{language: "javascript", src: "http://code.jquery.com/jquery-migrate-1.2.1.min.js", type: "text/javascript"} %script{language: "javascript", src: "http://cdn.datatables.net/1.10.0/js/jquery.dataTables.js", type: "text/javascript"} %style{media: "screen", type: "text/css"} body { background: #593232; color: #fff; font-family: arial, sans-serif; padding: 2em; } table { border: 10px solid #000; border-collapse: collapse; min-width: 50%; } tr { border-top: 1px solid #000; } tr.header { background: rgba(255, 255, 255, 0.75)} tr.even { background: rgba(128, 128, 128, 0.5) !important;} tr.odd { background: rgba(128, 128, 128, 0.25) !important;} tr.even:hover, tr.odd:hover { background: rgba(128, 128, 128, 0.75) !important;} th { background: #000; text-align: left; padding: .5em; text-transform: uppercase; font-size: .8em} td { text-align: left; padding: .5em; padding-left: 1.25em !important;} td.center { text-align: center; } tfoot { background: #000; border-top: 10px solid #000; font-family: courier; margin-top: 4em; font-size: .75em; } a:link, a:visited { color: #aaa } h1 { color:#593232; font-size: 1.25em; } h2 { color:#593232; font-size: .75em; margin-top: -1em} td.sorting_1 { background: none !important; padding-left: 1.25em !important; } div.dataTables_filter label { color: #fff; } div.dataTables_paginate { display: none !important; } div.dataTables_info { display: none !important; } %body %table{class: "output-table"} %thead %tr %th File %th Module/Class Name %th Complexity %th Details %tbody - file_summary.each do |summary| %tr %td = summary[:path_to_file] %td = summary[:class_name] %td = summary[:complexity] %td %a{href: "#{summary[:path_to_file]}.htm"} View Details %tfoot %tr %td.center{colspan: 4} %em Analyzed on = date at = time by %a{href: "https://gitlab.com/coraline/fukuzatsu", target: "_new"} Fukuzatsu :javascript $(document).ready(function(){ $('.output-table').dataTable({ bLengthChange: false, iDisplayLength: 25000 }); });