Improve front-end view of the website
[proteocache.git] / webapp / view / reportProteinSequences.jsp
diff --git a/webapp/view/reportProteinSequences.jsp b/webapp/view/reportProteinSequences.jsp
new file mode 100644 (file)
index 0000000..8893d5e
--- /dev/null
@@ -0,0 +1,95 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<%@ page trimDirectiveWhitespaces="true"%>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
+<%@page import="java.util.ArrayList"%>
+
+<html>
+<jsp:include page="fragments/header.jsp" />
+<body>
+       <div class="container">
+               <jsp:include page="fragments/mainmenu.jsp" />
+               <spring:url value="/sequence/query" var="searchquery" />
+               <spring:url value="/joblog/query" var="jobquery" />
+
+               <c:choose>
+                       <c:when test="${flag == 'whole'}">
+                               <p style="font-weight:bold;">Jobs for the protein sequence: ${prot}</p>
+                       </c:when>
+                       <c:otherwise>
+                               <p style="font-weight:bold;">Jobs for the protein sequences, which include the substring:
+                                       ${prot}</p>
+                       </c:otherwise>
+               </c:choose>
+               <!-- <h3>Time execution: ${timeExecution} ms</h3>-->
+
+               <c:choose>
+                       <c:when test="${njobs == 0}">
+                               <p>No jobs found</p>
+                       </c:when>
+                       <c:otherwise>
+                               <p>${njobs} jobs found</p>
+                               <div class="table-responsive">
+                                       <table class="table table-striped table-hover table-bordered">
+                                               <thead>
+                                                       <tr>
+                                                               <th>Job ID</th>
+                                                               <th>annotation</th>
+                                                               <th>Sequence</th>
+                                                       </tr>
+                                               </thead>
+                                               <tbody>
+                                                       <c:forEach items="${results}" var="res" varStatus="status">
+                                                               <c:set var="ann" value="${res.predictions}" />
+                                                               <tr>
+                                                                       <th rowspan="${ann.mapsize + 2}"><a
+                                                                               title="Click to view the job log"
+                                                                               href="${jobquery}?IdJob=${res.id}">${res.id}</a></th>
+                                                               </tr>
+                                                               <tr>
+                                                                       <td
+                                                                               style="text-align: center; font-weight: bold; font-family: monospace">Protein
+                                                                               Sequence</td>
+                                                                       <c:if test="${flag == 'whole'}">
+                                                                               <td
+                                                                                       style="text-align: left; border-buttom: dotted; font-family: monospace"><c:out
+                                                                                               value="${res.prot}" /></td>
+                                                                       </c:if>
+                                                                       <c:if test="${flag == 'part'}">
+                                                                               <td
+                                                                                       style="text-align: left; border-buttom: dotted; font-family: monospace">
+                                                                                       <c:forEach items="${res.subProt}" var="seq">
+                                                                                               <c:choose>
+                                                       <c:when test="${fn:contains(seq, prot)}">
+                                                       <span style="background-color: blue">${seq}</span></c:when>
+                                                       <c:otherwise>${seq}</c:otherwise>
+                                                                                               </c:choose>
+                                                                                       </c:forEach>
+                                                                               </td>
+                                                                       </c:if>
+                                                               </tr>
+                                                               <c:forEach items="${ann.predictions}" var="seq"
+                                                                       varStatus="status">
+                                                                       <tr>
+                                                                               <td
+                                                                                       style="text-align: center; font-weight: bold; font-family: monospace"><c:out
+                                                                                               value="${seq.key}" /></td>
+                                                                               <td
+                                                                                       style="text-align: left; border-buttom: dotted; font-family: monospace"><c:out
+                                                                                               value="${seq.value}" /></td>
+                                                                       </tr>
+                                                               </c:forEach>
+                                                       </c:forEach>
+                                               </tbody>
+                                       </table>
+                               </div>
+                       </c:otherwise>
+               </c:choose>
+
+               <jsp:include page="fragments/footer.jsp" />
+       </div>
+</body>
+</html>
\ No newline at end of file