studentBar.jsp 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. <%--suppress JSUnresolvedFunction --%>
  2. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
  3. <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
  4. <%--suppress ALL --%>
  5. <%--
  6. Created by IntelliJ IDEA.
  7. User: Кинетик
  8. Date: 28.12.2016
  9. Time: 20:07
  10. To change this template use File | Settings | File Templates.
  11. --%>
  12. <%@page contentType="text/html" pageEncoding="UTF-8"%>
  13. <!DOCTYPE html>
  14. <html>
  15. <head>
  16. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  17. <title>Страница студента</title>
  18. <style type="text/css">
  19. <%@include file="/WEB-INF/bootstrap-4.0.0-alpha.6-dist/css/cssforpr.css" %>
  20. <%@include file="/WEB-INF/bootstrap-4.0.0-alpha.6-dist/css/bootstrap.min.css" %>
  21. </style>
  22. <script type="text/javascript"
  23. src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  24. <c:url var="getGroups" value="/loadGroups" />
  25. <script type="text/javascript">
  26. $(document).ready(
  27. function() {
  28. $.getJSON('${getGroups}', {
  29. ajax : 'true'
  30. }, function(data) {
  31. var html = '<option value="">Выберите группу</option>';
  32. var len = data.length;
  33. for ( var i = 0; i < len; i++) {
  34. html += '<option value="' + data[i].groupId + '">'
  35. + data[i].groupName + '</option>';
  36. }
  37. html += '</option>';
  38. $('select#IdGroupPart').html(html);
  39. });
  40. });
  41. </script>
  42. <c:url var="getStudents" value="/loadStudents" />
  43. <script type="text/javascript">
  44. $(document).ready(function() {
  45. $('#IdGroupPart').change(
  46. function() {
  47. $.getJSON('${getStudents}', {
  48. groupId : $(this).val(),
  49. ajax : 'true'
  50. }, function(data) {
  51. var html = '<option value="">Выберите студента</option>';
  52. var len = data.length;
  53. for ( var i = 0; i < len; i++) {
  54. html += '<option value="' + data[i].studentsId + '">'
  55. + data[i].stFamily + ' ' + data[i].stFirstName + '</option>';
  56. }
  57. html += '</option>';
  58. $('#IdStudentPart').html(html);
  59. });
  60. });
  61. });
  62. </script>
  63. <script type="text/javascript">
  64. $(document).ready(function(){
  65. $("#IdStudentPart").change(onSelectChange);
  66. });
  67. function onSelectChange() {
  68. var selected = $("#IdStudentPart option:selected");
  69. var output = "";
  70. if(selected.val() != 0){
  71. output = "Вы выбрали студента " + selected.text();
  72. }
  73. $("#output").html(output);
  74. }
  75. </script>
  76. </head>
  77. <body>
  78. <nav class="navbar navbar-default navbar-fixed-top">
  79. <div class="container">
  80. <a class="navbar-brand" href="#">MePhorce</a>
  81. <nav class="nav nav-masthead">
  82. <a class="nav-link" href="/">Войти</a>
  83. <a class="nav-link" href="/aboutUs">О проекте</a>
  84. <a class="nav-link" href="/registrate">Создать аккаунт</a>
  85. <a class="nav-link" href="/contacts">Контакты</a>
  86. </nav>
  87. </div>
  88. </nav>
  89. <div class="logo"></div>
  90. <div class="login-block">
  91. <h1>Вход как Исполнитель</h1>
  92. <div id="output"></div>
  93. <form:form id="signUp" method="post" modelAttribute="studentLogin" action="checkStudent">
  94. <fieldset>
  95. <form:select id="IdGroupPart" path="">
  96. </form:select>
  97. <form:select id="IdStudentPart" path="name">
  98. <form:option value="">Выберите студента</form:option>
  99. </form:select>
  100. </fieldset>
  101. <form:input path="password" type="password" value="" placeholder="Пароль" id="password"/>${passMessage}<br/>
  102. <form:button>Войти</form:button>
  103. </form:form>
  104. </div>
  105. <footer class="footer">
  106. <div class="container">
  107. <p class="text-muted">&copy;2017 Mephorce</p>
  108. </div>
  109. </footer>
  110. <!--comment comment -->
  111. </body>
  112. </html>