Add results-details page, can be used for test cases and techniques

pages/results-details.html

@@ -0,0 +1,19 @@
+<article id="axsdb-page-tech-results">
+    <h1 class="page-title">
+        Accessibility Support Database
+    </h1>
+    <nav class="navbar" role="navigation">
+        <a href="#" class="btn-small"><span class="icon-home"></span> Home</a>
+        <a href="#" class="btn-small login"><span class="icon-unlock-alt"></span> Log In</a>
+    </nav>
+    <div class="content">
+        <div class="grid">
+            <h2>Browse Test Results for Technique H49, Internet Explorer 11 with Jaws 15</h2>
+            <div class="">
+                <div class="column-second">
+                    <div id="Results"><!-- Template: Results_template --></div>
+                </div>
+            </div>
+        </div>
+    </div>
+</article>

templates.html

@@ -326,3 +326,36 @@ <h4>Test Results</h4>
         </li>
     <% }); %>
 </script>
+<script type="text/template" id="Results_template">
+    <% _.each(results, function(r) { %>
+        <table class="testcase-details">
+            <caption><strong>Testcase:</strong> <a href="#linktotestcase"><%= r.testUnitId %></a>: <%=r.testTitle%></caption>
+            <col class="col1"> <col class="col2"> <col class="col3"> <col class="col4"> <col class="col5"> <col class="col6 admin roleAdminOnly">
+            <thead>
+                <tr>
+                    <th>Result</th>
+                    <th>Operating System</th>
+                    <th>Plugin</th>
+                    <th>Contributor</th>
+                    <th>Comment</th>
+                    <th class="roleAdminOnly">Admin</th>
+                </tr>
+            </thead>
+            <tbody>
+                <% _.each(r.testResults, function(t) { %>
+                <tr>
+                    <td class="<%=t.result%>"><%=t.result%></td>
+                    <td><%=t.os%></td>
+                    <td><%=t.plugin%></td>
+                    <td><%=t.contributor%></td>
+                    <td><%=t.comment%></td>
+                    <td class="roleAdminOnly">
+                        <button class="btn"><span class="icon-pencil"></span> Edit</button>
+                        <button class="btn"><span class="icon-minus-sign-alt"></span> Delete</button>
+                    </td>
+                </tr>
+                <% }); %>
+            </tbody>
+        </table>
+    <% }); %>
+</script>