lib/snuffle/formatters/templates/index.html.haml in snuffle-0.9.1 vs lib/snuffle/formatters/templates/index.html.haml in snuffle-0.10.1
- old
+ new
@@ -1,71 +1,113 @@
!!!
%html
%head
%title
- Fukuzatsu
+ Snuffle
%link{href: "http://cdn.datatables.net/1.10.0/css/jquery.dataTables.css", rel: "stylesheet"}
- %style{media: "screen", type: "text/css"}
- body { background: #49525a; color: #fff; font-family: arial, sans-serif; padding: 2em; }
+ :css
+ #{Rouge::Theme.find('thankful_eyes').render(scope: '.highlight')}
+ a:link, a:visited { color: #fff }
+ body { line-height: 1.5em; background: #49525a; color: #fff; font-family: arial, sans-serif; font-size: 14px; padding: 2em; }
+ div.column { float: left; width: 45%; }
+ div.file_listing { padding: .1em; border-radius: 5px; background: #000; width: 100%; border: 1px solid #000;}
+ div.file_meta { padding: 1em; border-radius: 5px; background: #440013; width: 98%; border: .5em solid #000;}
+ h1 { color:#fff; font-size: 1.25em; margin-top: .25em; }
+ h2 { color:#fff; font-size: .75em; margin-top: -1em; }
+ h3 { color:#fff; font-size: 1.1em;margin-top: 1em; }
+ h3.highlighted { background: rgba(170, 161, 57, .6); border-radius: 100px; padding: .25em; padding-left: 1em; color: #000;}
+ h3.highlighted-method { background: rgba(153, 51, 80, .6); border-radius: 100px; padding-left: 1em; }
+ li { margin-bottom: 1em;}
+ pre { line-height: 1.75em;}
+ pre.lineno { margin-top: -1.4em !important;}
+ span.highlighted { padding-left: 1em; display: inline-block; position: absolute; left: 0px; padding-right: 90%}
table { width: 100%; box-shadow: 0 5px 0 rgba(0,0,0,.8); border-spacing: 0; border: 5px solid #000; border-radius: 5px; border-collapse: collapse; min-width: 50%; }
+ td { text-align: left; padding: .5em; padding-left: 1.25em !important;}
+ tfoot { background: #000; border-top: 10px solid #000; font-family: courier; margin-top: 4em; font-size: .75em; }
+ th { background: #000; text-align: left; padding: .5em; }
+ tr.even { background: rgba(128, 128, 128, 0.5) !important;}
+ tr.even:hover, tr.odd:hover { background: rgba(128, 128, 128, 0.75) !important;}
+ tr.faint td { opacity: 0.5; font-style: italic; }
+ tr.header { background-color: #222; }
tr.header th:first-child { border-radius: 5px 0 0 0; }
tr.header th:last-child { border-radius: 0 5px 0 0; }
tr.header th:only-child { border-radius: 5px 5px 0 0; }
- tr.header { background-color: #222; }
- 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;}
- tr.faint td { opacity: 0.5; font-style: italic; }
- th { background: #000; text-align: left; padding: .5em; }
- 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: #fff }
- div.file_meta { float: left; height: 3em; width: 30%; }
- h1 { color:#fff; font-size: 1.25em; margin-top: .25em; }
- h2 { color:#fff; font-size: .75em; margin-top: -1em; }
- h3 { color:#fff; font-size: 1em; float: right; margin-top: 1em; }
+ .center { text-align: center; }
+ .clear { clear: both; }
+ .highlighted { background: rgba(170, 161, 57, .6); border-radius: 100px; }
+ .highlighted-method { background: rgba(153, 51, 80, .6); padding: .25em; border-radius: 100px; color: #fff; }
+ .indented {margin-left: 1em; }
+ .summary {padding: 1em; border-radius: 5px; background: rgb(41, 80, 109); width: 98%; border: .5em solid #000;}
+ .btn {
+ -webkit-border-radius: 28;
+ -moz-border-radius: 28;
+ border: none;
+ border-radius: 28px;
+ color: #ffffff;
+ background: #7d99af;
+ padding: 10px 20px 10px 20px;
+ text-decoration: none;
+ }
+ .btn:hover {
+ background: #4c708c;
+ border: none;
+ text-decoration: none;
+ }
+
+
%body
+
+ .file_meta
+ %h1
+ Snuffle Analysis
+ %h2
+ = start_path
+
+ %br.clear
+
%table{class: "output-table"}
+
%thead
- %tr.header
- %th{colspan: 3}
- .file_meta
- %h1
- Snuffle Analysis
%tr
%th
File
%th
Host Module/Class
%th
- Object Candidates
+ Data Clumps
+ %th
+ Latent Objects
%tbody
- summaries.each_with_index do |summary, i|
- %tr{class: "#{i % 2 == 1 ? 'odd' : 'even'} #{summary.cohorts.count == 0 ? 'faint' : ''}"}
+ %tr{class: "#{i % 2 == 1 ? 'odd' : 'even'} #{summary.has_results? ? 'faint' : ''}"}
%td
- - if summary.cohorts.count == 0
- = summary.path_to_file
- - else
+ - if summary.has_results?
%a{href: "source/#{summary.class_filename}.htm"}
= summary.path_to_file
+ - else
+ = summary.path_to_file
+
%td
- if summary.class_name.size > 30
= "..."
= summary.class_name[-29..-1]
- else
= summary.class_name
%td
= summary.cohorts.count
- %tfoot
- %tr
- %td.center{colspan: 3}
- %em
- Analyzed on
- = date
- at
- = time
- by
- %a{href: "https://gitlab.com/coraline/snuffle", target: "_new"}
- Snuffle
+ %td
+ = summary.latent_objects.count
+
+ %br.clear
+
+ %p.center
+ %em
+ Analyzed on
+ = date
+ at
+ = time
+ by
+ %a{href: "https://gitlab.com/coraline/snuffle", target: "_new"}
+ Snuffle