191 lines
11 KiB
HTML
191 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en"
|
|
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
layout:decorator="default" xmlns:th="">
|
|
<head>
|
|
<link rel="stylesheet" type="text/css" href="../css/conference.css"/>
|
|
</head>
|
|
<body>
|
|
<div layout:fragment="content">
|
|
<section id="conference">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<h3 class="section-heading text-uppercase text-center">Редактирование конференции</h3>
|
|
<div th:replace="conferences/fragments/confNavigationFragment"/>
|
|
</div>
|
|
</div>
|
|
<hr/>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<form id="conference-form" method="post"
|
|
th:action="@{'/conferences/conference?id='+ *{id == null ? '' : id} + ''}"
|
|
th:object="${conferenceDto}">
|
|
|
|
<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" th:field="*{title}" id="title" type="text"
|
|
placeholder="Название конференции"/>
|
|
<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="url">URL:</label>
|
|
<input class="form-control" th:field="*{url}" id="url" type="text"
|
|
placeholder="URL адрес"/>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="description">Описание:</label>
|
|
<textarea class="form-control" rows="8" th:field="*{description}" id="description">
|
|
</textarea>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="deadlines">Дедлайны:</label>
|
|
<div class="deadline-list form-control list-group" id="deadlines">
|
|
<input type="hidden" th:field="*{removedDeadlineIds}"/>
|
|
<div class="deadline d-flex p-0 list-group-item list-group-horizontal"
|
|
th:each="deadline, rowStat : *{deadlines}">
|
|
<input type="hidden" th:field="*{deadlines[__${rowStat.index}__].id}"/>
|
|
<input class="deadline-text col-md list-group-item" type="text"
|
|
placeholder="Описание"
|
|
th:field="*{deadlines[__${rowStat.index}__].description}"/>
|
|
<input class="list-group-item" type="date" name="deadline"
|
|
th:field="*{deadlines[__${rowStat.index}__].date}"/>
|
|
<input type="submit" class="icon icon-delete grey-border"
|
|
alt="Удалить" name="removeDeadline" th:value="${rowStat.index}"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p th:if="${#fields.hasErrors('deadlines')}" th:errors="*{deadlines}"
|
|
class="alert alert-danger">Incorrect title</p>
|
|
<p class="help-block text-danger"></p>
|
|
|
|
|
|
<div class="form-group d-flex justify-content-end">
|
|
<input type="submit" id="addDeadline" name="addDeadline"
|
|
class="btn btn-primary"
|
|
value="Добавить дедлайн"/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-5 col-sm-12 offset-sm-0">
|
|
<div class="form-group">
|
|
<label for="dates">Дата проведения:</label>
|
|
<div class="row" id="dates">
|
|
<div class="d-flex col justify-content-between dates-panel">
|
|
<div class="date">
|
|
<input class="grey-border form-control" type="date"
|
|
th:field="*{beginDate}" id="begin-date"/>
|
|
</div>
|
|
|
|
<div class="date">
|
|
<input class="grey-border form-control" type="date"
|
|
th:field="*{endDate}" id="end-date"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="members">Участники:</label>
|
|
<div class="member-list form-control list-group" id="members">
|
|
<div class="member d-flex list-group-item justify-content-between p-1">
|
|
<div class="member-name">
|
|
Пользователь 1
|
|
</div>
|
|
<div class="member-participation">
|
|
очная
|
|
</div>
|
|
<div class="member-deposit">
|
|
статья
|
|
</div>
|
|
</div>
|
|
|
|
<div class="member d-flex list-group-item justify-content-between p-1">
|
|
<div class="member-name">
|
|
Пользователь 1
|
|
</div>
|
|
<div class="member-participation">
|
|
очная
|
|
</div>
|
|
<div class="member-deposit">
|
|
доклад
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group d-flex justify-content-end">
|
|
<button id="take-part" class="btn btn-primary"
|
|
type="button">
|
|
Принять участие
|
|
</button>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="papers">Статьи:</label>
|
|
<div class="paper-list form-control list-group" id="papers">
|
|
<input th:type="hidden" th:field="*{papers}"/>
|
|
<div class="paper d-flex list-group-item p-0"
|
|
th:each="paper, rowStat : *{papers}">
|
|
<a class="paper-name"
|
|
th:href="@{'/papers/paper?id=' + *{papers[__${rowStat.index}__].id} + ''}">
|
|
<span th:text="*{papers[__${rowStat.index}__].title}">
|
|
Имя статьи
|
|
</span>
|
|
<img class="icon-paper" src="/img/conference/paper.png"/>
|
|
</a>
|
|
<input type="submit" class="icon icon-delete grey-border"
|
|
alt="Удалить"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="paper-control form-group d-flex justify-content-end">
|
|
<input th:type="hidden" th:field="*{notSelectedPapers}"/>
|
|
<select class="selectpicker form-control" multiple="true" data-live-search="true"
|
|
title="Прикрепить статью" data-style="btn-primary" data-size="5"
|
|
th:field="*{paperIds}">
|
|
<option th:each="paper: *{notSelectedPapers}" th:value="${paper.id}"
|
|
th:text="${paper.title}">Status
|
|
</option>
|
|
</select>
|
|
<button id="add-paper" class="btn btn-primary"
|
|
type="button">
|
|
Добавить статью
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clearfix"></div>
|
|
<div class="col-lg-12">
|
|
<div class="form-group d-flex justify-content-between">
|
|
<button id="send-message-button" name="save"
|
|
class="btn btn-success text-uppercase"
|
|
type="submit">
|
|
Сохранить
|
|
</button>
|
|
<a id="cancel-button" class="btn btn-default text-uppercase"
|
|
href="/conferences/conferences">
|
|
Отмена
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</body>
|
|
</html> |