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

169 lines
9.0 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"
layout:decorator="default">
2018-04-29 20:44:47 +04:00
<head>
</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>
<div class="row">
<div class="col-lg-12">
<form id="contactForm" name="sentMessage" novalidate="">
<div class="row">
2018-10-11 19:49:16 +04:00
<div class="col-md-6 col-sm-12">
<div class="form-group">
2018-10-10 17:05:54 +04:00
<label for="name">Название:</label>
<input class="form-control" id="name" type="text" placeholder="Название статьи"
2018-10-10 17:05:54 +04:00
required="" data-validation-required-message="Введите название статьи"/>
<p class="help-block text-danger"></p>
</div>
2018-10-10 17:05:54 +04:00
<div class="form-group">
<label for="status">Статус:</label>
<select class="form-control" id="status">
2018-10-11 15:39:57 +04:00
2018-10-10 17:05:54 +04:00
</select>
</div>
<div class="form-group">
<label for="comment">Комментарий:</label>
<textarea class="form-control" rows="5" id="comment"></textarea>
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="locked"/>
<label class="form-check-label" for="locked">Заблокирована</label>
</div>
<div class="form-group">
<label for="loader">Загрузить статью:</label>
<div id="loader">
</div>
</div>
2018-10-10 23:09:45 +04:00
<p><a href="#myModal1" class="btn btn-primary" data-toggle="modal">Редактировать авторов статьи</a></p>
<div id="myModal1" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<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>
<span class="table-remove"><button type="button" class="btn btn-danger btn-rounded btn-sm my-0">Remove</button></span>
</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
<td>text</td>
<td>
<span class="table-remove"><button type="button" class="btn btn-danger btn-rounded btn-sm my-0">Remove</button></span>
</td>
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Выберите автора
<span class="caret"></span></button>
<ul class="dropdown-menu">
<input class="form-control" id="myInput" type="text" placeholder="Search.."/>
<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">
<button type="button" class="btn btn-primary">Сохранить изменения</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Отмена</button>
</div>
</div>
</div>
</div>
</div>
2018-10-11 15:39:57 +04:00
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-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>