report.html.erb in similatron-0.2.0

- old
+ new
@@ -1,37 +1,75 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
 
-    <title>Similatron report</title>
+    <title>Similatron report run at <%= @run_at %></title>
     <meta name="description" content="Similatron report">
     <meta name="author" content="Similatron">
+    <style>
+      <% css_styles.each do |style| %>
+        <%= style %>
+      <% end %>
+
+      small {
+        font-size: 1.5rem;
+      }
+    </style>
   </head>
 
   <body>
-    <p>
-      Did <%= comparisons.length %> checks with <%= failed_comparisons.length %> failures and <%= overwrite_comparisons.length %> new files.
-    </p>
-    <ul>
-    <% overwrite_comparisons.each do |comparison| %>
-      <li>
-        Original
-        <a href="<%= comparison.expected %>">Original</a> not found, copied
-        <a href="<%= comparison.actual %>">actual</a>.
-      </li>
-    <% end %>
-    </ul>
+    <div class="container">
+      <div class="row">
+        <h1 class="twelve columns">
+          Similatron report
+          <small>
+            <%= run_at %>.
+          </small>
+        </h1>
+      </div>
+      <div class="row">
+        <div class="twelve columns">
+          <h4>
+            <% if ok? %>
+              Nothing to report!
+            <% else %>
+              Did <%= run.comparisons.length %> checks with <%= run.failed_comparisons.length %> failures
+              and <%= run.overwrite_comparisons.length %> new files.
+            <% end %>
+          </h4>
+        </div>
+      </div>
 
-    <ul>
-    <% failed_comparisons.each do |comparison| %>
-      <li>
-        Failed comparison:
-        Expected <a href="<%= comparison.expected %>">expected</a>
-        to equal <a href="<%= comparison.actual %>">actual</a>.
-        <% if comparison.diff %>
-          <a href="<%= comparison.diff %>">Diff</a>.
-        <% end %>
-      </li>
-    <% end %>
-    </ul>
+      <div class="row">
+        <div class="twelve columns">
+          <% if overwrites? %>
+            <h5>Newly generated files</h5>
+            <ul>
+              <% run.overwrite_comparisons.each do |comparison| %>
+                <li>
+                  Original
+                  <a href="<%= full_path comparison.expected %>"><%= comparison.expected %></a> not found, copied
+                  <a href="<%= full_path comparison.actual %>"><%= comparison.actual %></a>.
+                </li>
+              <% end %>
+            </ul>
+          <% end %>
+
+          <% if failures? %>
+            <h5>Failed comparisons</h5>
+            <ul>
+              <% run.failed_comparisons.each do |comparison| %>
+                <li>
+                  Expected <a href="<%= full_path comparison.expected %>"><%= comparison.expected%></a>
+                  to equal <a href="<%= full_path comparison.actual %>"><%= comparison.actual %></a>.
+                  <% if comparison.diff %>
+                    <a href="<%= full_path comparison.diff %>">Check out the diff</a>.
+                  <% end %>
+                </li>
+              <% end %>
+            </ul>
+          <%end%>
+        </div>
+      </div>
+    </div>
   </body>
 </html>