ng-tracker/src/main/resources/templates/papers/paper.html

203 lines
11 KiB
HTML
Raw Normal View History

2018-04-29 20:44:47 +04:00
<!DOCTYPE html>
<html lang="en"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
2018-11-26 23:07:14 +04:00
layout:decorator="default" xmlns:form="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml">
2018-04-29 20:44:47 +04:00
<head>
2018-10-25 08:41:37 +04:00
2018-04-29 20:44:47 +04:00
</head>
<body>
2018-04-29 20:44:47 +04:00
<div class="container" layout:fragment="content">
2018-04-29 20:44:47 +04:00
<section id="paper">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading text-uppercase">Редактирование статьи</h2>
</div>
2018-04-29 20:48:05 +04:00
</div>
<div class="row">
<div class="col-lg-10 text-center">
</div>
<div class="col-lg-2 text-center">
2018-10-10 17:05:54 +04:00
</div>
2018-04-29 20:44:47 +04:00
</div>
2018-11-26 23:07:14 +04:00
<div class="row">
<div class="col-lg-12">
2018-12-04 14:13:01 +04:00
<form method="post" th:action="@{'/papers/paper?id='+*{id}}" th:object="${paperDto}">
<div class="row">
2018-10-11 19:49:16 +04:00
<div class="col-md-6 col-sm-12">
<div class="form-group">
2018-11-26 23:07:14 +04:00
<label for="title">Название:</label>
2018-12-04 14:13:01 +04:00
<input type="hidden" name="id" th:field="*{id}"/>
2018-12-04 11:35:51 +04:00
<input class="form-control" id="title" type="text"
2018-11-26 23:07:14 +04:00
placeholder="Название статьи"
2018-12-04 11:35:51 +04:00
th:field="*{title}"/>
2018-12-04 14:13:01 +04:00
<p th:if="${#fields.hasErrors('title')}" th:errors="*{title}" class="alert alert-danger">Incorrect title</p>
<p class="help-block text-danger"></p>
</div>
2018-10-10 17:05:54 +04:00
<div class="form-group">
<label for="status">Статус:</label>
2018-12-04 14:48:39 +04:00
<select class="form-control" th:field="*{status}" id="status">
<option th:each="status : ${allStatuses}" th:value="${status}" th:text="${status.statusName}">Status</option>
2018-10-10 17:05:54 +04:00
</select>
</div>
<div class="form-group">
<label for="comment">Комментарий:</label>
2018-11-26 23:07:14 +04:00
<textarea class="form-control" rows="5" id="comment"
th:field="*{comment}"></textarea>
2018-10-10 17:05:54 +04:00
</div>
2018-10-25 08:41:37 +04:00
<div class="form-group">
2018-10-25 08:53:29 +04:00
<label>Дедлайн:</label>
2018-12-04 14:13:01 +04:00
<input type="date" class="form-control" name="deadline" th:field="*{deadlineDate}"/>
<p th:if="${#fields.hasErrors('deadlineDate')}" th:errors="*{deadlineDate}" class="alert alert-danger">Incorrect title</p>
2018-10-25 08:41:37 +04:00
</div>
2018-10-10 17:05:54 +04:00
<div class="form-check">
2018-11-26 23:07:14 +04:00
<input type="checkbox" class="form-check-input" id="locked"
th:field="*{locked}"/>
2018-10-10 17:05:54 +04:00
<label class="form-check-label" for="locked">Заблокирована</label>
</div>
<div class="form-group">
<label for="loader">Загрузить статью:</label>
<div id="loader">
</div>
</div>
2018-10-18 11:21:26 +04:00
<div class="form-group">
<label>Дата публикации:</label>
<input type="date" class="form-control" name="date-publish"/>
</div>
<div class="form-group">
<label>Последнее изменение:</label>
<input type="date" class="form-control" name="date-update"/>
</div>
2018-11-26 23:07:14 +04:00
<p><a href="#myModal1" class="btn btn-primary" data-toggle="modal">Редактировать
авторов
2018-10-18 11:21:26 +04:00
статьи</a></p>
2018-10-10 23:09:45 +04:00
<div id="myModal1" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
2018-10-18 11:21:26 +04:00
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">×
</button>
2018-10-10 23:09:45 +04:00
<h4 class="modal-title">Авторы статьи</h4>
</div>
<div class="modal-body">
<table class="table">
<thead>
<tr>
<th>Фамилия</th>
<th>Имя</th>
<th>Отчество</th>
</tr>
</thead>
<tbody>
<tr>
<td>Иванов</td>
<td>Иван</td>
<td>Иванович</td>
<td>
2018-10-18 11:21:26 +04:00
<span class="table-remove"><button type="button"
class="btn btn-danger btn-rounded btn-sm my-0">Remove</button></span>
2018-10-10 23:09:45 +04:00
</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
<td>text</td>
<td>
2018-10-18 11:21:26 +04:00
<span class="table-remove"><button type="button"
class="btn btn-danger btn-rounded btn-sm my-0">Remove</button></span>
2018-10-10 23:09:45 +04:00
</td>
2018-10-11 15:39:57 +04:00
2018-10-10 23:09:45 +04:00
<div class="dropdown">
2018-10-18 11:21:26 +04:00
<button class="btn btn-primary dropdown-toggle"
2018-11-26 23:07:14 +04:00
type="button" data-toggle="dropdown">Выберите
автора
2018-10-10 23:09:45 +04:00
<span class="caret"></span></button>
<ul class="dropdown-menu">
2018-10-18 11:21:26 +04:00
<input class="form-control" id="myInput" type="text"
placeholder="Search.."/>
2018-10-10 23:09:45 +04:00
<li><a href="#">Иванов</a></li>
<li><a href="#">Смирнов</a></li>
<li><a href="#">Кузнецов</a></li>
</ul>
</div>
</tr>
</tbody>
</table>
</div>
<div class="modal-footer">
2018-10-18 11:21:26 +04:00
<button type="button" class="btn btn-primary">Сохранить изменения
</button>
<button type="button" class="btn btn-default" data-dismiss="modal">
Отмена
</button>
2018-10-10 23:09:45 +04:00
</div>
</div>
</div>
</div>
</div>
2018-10-11 19:49:16 +04:00
<div class="col-md-3 offset-md-3 col-sm-12 offset-sm-0">
<div class="form-group">
<button id="pingButton" class="btn btn-primary text-uppercase" type="button">
Ping авторам
</button>
</div>
2018-10-11 15:39:57 +04:00
</div>
<div class="clearfix"></div>
2018-10-11 19:49:16 +04:00
<div class="col-lg-12">
<div class="form-group">
<button id="sendMessageButton" class="btn btn-success text-uppercase"
type="submit">
Сохранить
</button>
<button id="cancelButton" class="btn btn-default text-uppercase" type="button">
Отмена
</button>
</div>
2018-11-26 23:07:14 +04:00
2018-04-29 20:44:47 +04:00
</div>
</div>
</form>
</div>
2018-04-29 20:44:47 +04:00
</div>
</div>
</section>
2018-10-10 17:05:54 +04:00
<script type="text/javascript" src="/js/file-loader.js"></script>
2018-10-11 10:03:44 +04:00
<script src="/js/papers.js"></script>
2018-10-10 17:05:54 +04:00
<script>
/*<![CDATA[*/
$(document).ready(function () {
new FileLoader({
div: "loader",
url: urlFileUpload,
maxSize: 1.5,
2018-10-11 19:49:16 +04:00
extensions: ["doc", "docx", "xls", "jpg", "pdf", "txt", "png"],
2018-10-10 17:05:54 +04:00
callback: function (response) {
showFeedbackMessage("Файл успешно загружен");
console.debug(response);
}
});
2018-10-11 10:03:44 +04:00
2018-10-11 19:49:16 +04:00
getFromRest(urlPaperStatuses, function (response) {
2018-10-11 10:03:44 +04:00
fillSelect($("#status"), response);
});
2018-10-10 17:05:54 +04:00
});
/*]]>*/
</script>
</div>
2018-10-10 15:30:47 +04:00
</body>
</html>