#15 -- Fix bootstrap buttons, align inputs

This commit is contained in:
Anton Romanov 2021-03-27 10:08:24 +04:00
parent aa21ce8705
commit 5bc65ea8d9
2 changed files with 39 additions and 24 deletions

View File

@ -19,14 +19,10 @@
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="/" th:text="#{messages.menu.home}">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" th:text="#{messages.menu.new-repo}">Link</a>
<a class="nav-link" href="/" th:text="#{messages.menu.new-repo}">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" th:text="#{messages.menu.indexed-repos}">Link</a>

View File

@ -3,32 +3,51 @@
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="~{default}">
<head>
<title>Простая обработка формы на Spring MVC</title>
<title>Индексировать новый репозиторий</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
<div class="container" layout:fragment="content">
<form action="#" th:action="@{/newRepo}" th:object="${repoForm}" method="post">
<p style="color:red" th:text="${error}"></p>
<p><b>Ваш git репозиторий:</b><br>
<input type="text" size="40" th:field="*{repo}">
</p>
<p>
<input type="submit" name="send" value="Отправить"/>
</p>
<p>Ветки:<br>
<select id="select-branch" class="selectpicker" data-live-search="true" th:field="*{branch}">
<option th:each="branch : ${branches}"
th:value="${branch.name}"
th:utext="${branch.name}"/>
</option>
</select>
</p>
<p>
<input type="submit" name="next" value="Продолжить"/>
</p>
<div class="form-group">
<label for="repoUrl">Ваш git репозиторий (https url):</label>
<div class="row">
<div class="col-md-8 col-sm-12">
<input id="repoUrl" type="text" class="form-control" aria-label="Ваш git репозиторий (https url)"
th:field="*{repo}">
</div>
<div class="col-md-4 col-sm-12">
<input type="submit" class="btn btn-outline-primary w-100" name="send" value="Индексировать"/>
</div>
</div>
</div>
<div class="form-group" th:if="${repoForm.repo != null}">
<label for="select-branch">Ветки:</label>
<div class="row">
<div class="col-md-8 col-sm-12">
<select id="select-branch" class="selectpicker" data-live-search="true" th:field="*{branch}"
data-width="90%">
<option th:each="branch : ${branches}"
th:value="${branch.name}"
th:utext="${branch.name}"/>
</option>
</select>
</div>
<div class="col-md-4 col-sm-12">
<input type="submit" class="btn btn-outline-success w-100" name="next" value="Продолжить"/>
</div>
</div>
</div>
</form>
</div>
<script>
<script language="JavaScript">
$('#select-branch').selectpicker('refresh');
</script>
</html>