146 lines
8.8 KiB
HTML
146 lines
8.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en"
|
|
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
layout:decorator="default" xmlns:th="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/html">
|
|
<head>
|
|
<link rel="stylesheet"
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tagsinput/0.8.0/bootstrap-tagsinput.css"/>
|
|
<link rel="stylesheet" href="../css/tasks.css"/>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container" layout:fragment="content">
|
|
|
|
<section id="paper">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tagsinput/0.8.0/bootstrap-tagsinput.min.js"></script>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12 text-center">
|
|
<h2 class="section-heading text-uppercase">Редактирование задачи</h2>
|
|
<div th:replace="students/fragments/taskNavigationFragment"/>
|
|
</div>
|
|
</div>
|
|
<hr/>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<form id="task-form" method="post" th:action="@{'/students/task?id='+ *{id == null ? '' : id} + ''}"
|
|
th:object="${taskDto}">
|
|
<div class="row">
|
|
<div class="col-md-7 col-sm-12">
|
|
<input type="hidden" name="id" th:field="*{id}"/>
|
|
<div class="form-group">
|
|
<label for="title">Название:</label>
|
|
<input class="form-control" id="title" type="text" placeholder="Название задачи"
|
|
th:field="*{title}"/>
|
|
<p th:if="${#fields.hasErrors('title')}" th:errors="*{title}"
|
|
class="alert alert-danger">Incorrect title</p>
|
|
<p class="help-block text-danger"></p>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="status">Статус:</label>
|
|
<select class="form-control" id="status" th:field="*{status}">
|
|
<option th:each="status : ${allStatuses}" th:value="${status}"
|
|
th:text="${status.statusName}">Status
|
|
</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="comment">Описание задачи:</label>
|
|
<textarea class="form-control" rows="3" id="comment"
|
|
th:field="*{description}"></textarea>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="tags">Теги:</label>
|
|
<div class="tags-container" id="tags">
|
|
<div class="tag" th:each="tag, rowStat : *{tags}">
|
|
<input type="hidden" th:field="*{tags[__${rowStat.index}__].id}"/>
|
|
<div class="tag-name">
|
|
<input type="text" readonly="true"
|
|
th:field="*{tags[__${rowStat.index}__].tagName}"/>
|
|
<span data-role="remove"></span>
|
|
</div>
|
|
</div>
|
|
<input class="input-tag-name" type="text" placeholder="Теги задачи"
|
|
id="input-tag"/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Дедлайны задачи:</label>
|
|
<div class="row" th:each="deadline, rowStat : *{deadlines}">
|
|
<input type="hidden" th:field="*{deadlines[__${rowStat.index}__].id}"/>
|
|
<div class="col-6">
|
|
<input type="date" class="form-control" name="deadline"
|
|
th:field="*{deadlines[__${rowStat.index}__].date}"/>
|
|
</div>
|
|
<div class="col-4">
|
|
<input class="form-control" type="text" placeholder="Описание"
|
|
th:field="*{deadlines[__${rowStat.index}__].description}"/>
|
|
</div>
|
|
<div class="col-2">
|
|
<a class="btn btn-danger float-right"
|
|
th:onclick="|$('#deadlines${rowStat.index}\\.description').val('');
|
|
$('#deadlines${rowStat.index}\\.date').val('');
|
|
$('#addDeadline').click();|"><span
|
|
aria-hidden="true"><i class="fa fa-times"/></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<p th:if="${#fields.hasErrors('deadlines')}" th:errors="*{deadlines}"
|
|
class="alert alert-danger">Incorrect title</p>
|
|
</div>
|
|
<div class="form-group">
|
|
<input type="submit" id="addDeadline" name="addDeadline" class="btn btn-primary"
|
|
value="Добавить
|
|
дедлайн"/>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
<div class="form-group">
|
|
<button id="sendMessageButton" name="save" class="btn btn-success text-uppercase"
|
|
type="submit">
|
|
Сохранить
|
|
</button>
|
|
<a id="cancelButton" class="btn btn-default text-uppercase" href="/students/tasks">
|
|
Отмена
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 offset-md-1 col-sm-12 offset-sm-0">
|
|
<div class="form-group">
|
|
<div class="row">
|
|
<div class="col">
|
|
<h6 class="my-0">Дата создания:</h6>
|
|
</div>
|
|
<div class="col">
|
|
<small class="text-muted"
|
|
th:text="${taskDto.createDate == null ? '' : #dates.format(taskDto.createDate, 'dd.MM.yyyy HH:mm')}">
|
|
text
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="row">
|
|
<div class="col">
|
|
<h6 class="my-0">Дата изменения:</h6>
|
|
</div>
|
|
<div class="col">
|
|
<small class="text-muted"
|
|
th:text="${taskDto.updateDate == null ? '' : #dates.format(taskDto.updateDate, 'dd.MM.yyyy HH:mm')}">
|
|
text
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="/js/tasks.js"></script>
|
|
</section>
|
|
</div>
|
|
</body>
|
|
</html> |