Guest User

tasksTable.jsp

a guest
Mar 30th, 2014
158
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Java 12.21 KB | None | 0 0
  1. <%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
  2. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  3. <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
  4.  
  5. <c:set var="language"
  6.        value="${not empty param.language ? param.language : not empty requestScope.language ? requestScope.language : pageContext.request.locale}"
  7.        scope="session"/>
  8. <fmt:setLocale value="${language}"/>
  9. <fmt:setBundle basename="com.java.task11.i18n.text"/>
  10.  
  11. <html lang="${language}">
  12. <head>
  13.     <title>Project info</title>
  14.     <jsp:include page="header.jsp" />
  15.  
  16.     <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  17.     <script src="//code.jquery.com/jquery-1.9.1.js"></script>
  18.     <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  19.     <script>
  20.         $(function() {
  21.             $("#startDate").datepicker();
  22.             $("#endDate").datepicker();
  23.         });
  24.     </script>
  25. </head>
  26.  
  27. <body>
  28. <!-- CONTENT -->
  29. <div class="container-fluid tasks-table">
  30.     <%--add new task--%>
  31.     <div class="col-md-10 col-sm-12 col-xs-12 col-md-offset-1 tables-menu">
  32.         <div class="row">
  33.             <a class="btn btn-primary" href="${pageContext.request.contextPath}/manager/addTask">
  34.                 <fmt:message key="button.addTask"/></a>
  35.         </div>
  36.     </div>
  37.     <br/><br/>
  38.  
  39.     <%--form --%>
  40.     <form action="${pageContext.request.contextPath}/manager/taskstable" method="post" id="taskstable-form">
  41.         <div class="row">
  42.             <div class="table-responsive tile col-md-10 col-sm-12 col-xs-12 col-md-offset-1">
  43.                 <table class="table table-striped table-hover">
  44.                     <thead>
  45.                     <%--Titles--%>
  46.                     <tr>
  47.                         <th></th>
  48.                         <th>#</th>
  49.                         <th><fmt:message key="task.name" /></th> <!-- title property -->
  50.                         <th><fmt:message key="task.description" /></th>
  51.                         <th><fmt:message key="task.state" /></th>
  52.                         <th><fmt:message key="task.estimate" /></th>
  53.                         <th><fmt:message key="task.real" /></th>
  54.                         <th><fmt:message key="task.start" /></th>
  55.                         <th><fmt:message key="task.end" /></th>
  56.                         <th><fmt:message key="task.finished" /></th>
  57.                         <th><fmt:message key="task.assignee"/></th>
  58.                         <th></th>
  59.                     </tr>
  60.                     </thead>
  61.  
  62.                     <tbody>
  63.                     <c:forEach items="${requestScope.tasksList}" var="task">
  64.                         <tr>
  65.                             <td>
  66.                                 <label class="checkbox" for="checkbox${task.id}">
  67.                                     <input type="checkbox" name="checkedTasks" value="${task.id}"
  68.                                            id="checkbox${task.id}" data-toggle="checkbox">
  69.                                 </label>
  70.                             </td>
  71.                             <td>${task.title}</td>
  72.                             <td>${task.description}</td>
  73.                             <td>${task.state}</td>
  74.                             <td>${task.estimateTime}</td>
  75.                             <td>${task.realTime}</td>
  76.                             <td>${task.startDate}</td>
  77.                             <td>${task.endDate}</td>
  78.                             <td>${task.finished}</td>
  79.                                 <%--extract assignee to--%>
  80.                             <td></td>
  81.  
  82.                                 <%--edit task icon => edit user info pop up window--%>
  83.                             <td>
  84.                                 <span class="fui-new modal-icon" data-toggle="modal"
  85.                                       data-target="#modalEdit${task.id}"></span>
  86.  
  87.                                 <div class="modal fade" id="modalEdit${task.id}" tabindex="-1" role="dialog"
  88.                                      aria-labelledby="modalEditLabel${task.id}" aria-hidden="true">
  89.                                     <div class="modal-dialog">
  90.                                         <div class="modal-content">
  91.                                             <div class="modal-header">
  92.                                                 <button type="button" class="close" data-dismiss="modal"
  93.                                                         aria-hidden="true">&times;</button>
  94.                                                 <h4 class="modal-title">ID: ${task.id}</h4>
  95.                                             </div>
  96.                                             <div class="modal-body">
  97.                                                 <div class="form-group">
  98.                                                     <span><fmt:message key="task.name"/></span>
  99.                                                     <input class="form-control" placeholder="<fmt:message key="task.name"/>"
  100.                                                            name="task_name-${task.id}"
  101.                                                            value="${task.title}"/>
  102.                                                 </div>
  103.                                                 <div class="form-group">
  104.                                                     <span><fmt:message key="task.description"/></span>
  105.                                                     <input class="form-control" placeholder="<fmt:message key="task.description"/>"
  106.                                                            name="task_description-${task.id}"
  107.                                                            value="${task.description}"/>
  108.                                                 </div>
  109.                                                 <div class="form-group">
  110.                                                         <%--@declare id="tasks-form"--%>
  111.                                                     <span><fmt:message key="task.state"/></span>
  112.                                                     <select name="state-${task.id}" class="select-block"
  113.                                                             form="tasks-form">
  114.                                                         <c:choose>
  115.                                                             <c:when test="${task.state == 'NEW'}">
  116.  
  117.                                                                 <option value="NEW" selected="selected">
  118.                                                                     <fmt:message key="state.new"/>
  119.                                                                 </option>
  120.                                                                 <option value="IN PROGRESS">
  121.                                                                     <fmt:message key="state.progres"/>
  122.                                                                 </option>
  123.                                                                 <option value="FINISHED">
  124.                                                                     <fmt:message key="state.done"/>
  125.                                                                 </option>
  126.                                                             </c:when>
  127.                                                             <c:when test="${task.state == 'IN PROGRESS'}">
  128.                                                                 <option value="NEW">
  129.                                                                     <fmt:message key="state.new"/>
  130.                                                                 </option>
  131.                                                                 <option value="IN PROGRESS" selected="selected">
  132.                                                                     <fmt:message key="state.progres"/>
  133.                                                                 </option>
  134.                                                                 <option value="FINISHED">
  135.                                                                     <fmt:message key="state.done"/>
  136.                                                                 </option>
  137.                                                             </c:when>
  138.                                                             <c:otherwise>
  139.                                                                 <option value="NEW">
  140.                                                                     <fmt:message key="state.new"/>
  141.                                                                 </option>
  142.                                                                 <option value="IN PROGRESS">
  143.                                                                     <fmt:message key="state.progres"/>
  144.                                                                 </option>
  145.                                                                 <option value="FINISHED" selected="selected">
  146.                                                                     <fmt:message key="state.done"/>
  147.                                                                 </option>
  148.                                                             </c:otherwise>
  149.                                                         </c:choose>
  150.                                                     </select>
  151.                                                 </div>
  152.                                                 <div class="form-group">
  153.                                                     <span><fmt:message key="task.estimate"/></span>
  154.                                                     <input class="form-control" placeholder="<fmt:message key="task.estimate"/>"
  155.                                                            name="estimate_time-${task.id}" id="estimateTime" type="time"
  156.                                                            value="${task.estimateTime}"/>
  157.                                                 </div>
  158.                                                 <div class="form-group">
  159.                                                     <span><fmt:message key="task.start"/></span>
  160.                                                     <input class="form-control" placeholder="<fmt:message key="task.start"/>"
  161.                                                            name="start_date-${task.id}" id="startDate"
  162.                                                            value="${task.startDate}"/>
  163.                                                 </div>
  164.                                                 <div class="form-group">
  165.                                                     <span><fmt:message key="task.end"/></span>
  166.                                                     <input class="form-control" placeholder="<fmt:message key="task.end"/>"
  167.                                                            name="end_date-${task.id}" id="endDate"
  168.                                                            value="${task.endDate}"/>
  169.                                                 </div>
  170.                                                 <div class="form-group">
  171.                                                     <button class="btn btn-primary btn-lg btn-block" name="update"
  172.                                                             type="submit" value="${task.id}">
  173.                                                         <fmt:message key="button.submit"/>
  174.                                                     </button>
  175.                                                 </div>
  176.                                             </div>
  177.                                         </div>
  178.                                     </div>
  179.                                 </div>
  180.                             </td>
  181.                         </tr>
  182.                     </c:forEach>
  183.                     </tbody>
  184.                 </table>
  185.             </div>
  186.         </div>
  187.         <div class="row">
  188.             <div class="col-md-7 col-sm-7 col-xs-6 col-md-offset-1">
  189.                 <button class="btn btn-danger" name="delete"
  190.                         type="submit" value="Delete">
  191.                     <fmt:message key="button.delete"/>
  192.                 </button>
  193.             </div>
  194.         </div>
  195.     </form>
  196. </div>
  197. <jsp:include page="../parts/scripts.jsp"/>
  198. </body>
  199. </html>
Advertisement
Add Comment
Please, Sign In to add comment