romanov73/ng-tracker
1
0
Fork 0
Code Issues 18 Pull Requests 4 Projects Releases Wiki Activity

#53 added buttons, added bottom pagination

Browse Source
This commit is contained in:
Nightblade73 2019-03-21 09:55:38 +04:00
parent 89e0d1a291
commit d356c21944
2 changed files with 32 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/main/resources/public/css/conference.css
View File

@ -1,3 +1,11 @@
.dashboard {
margin-bottom: 10px;
}
.dashboard button{
margin-left: 10px;
}
.conference-list-body {
height: 500px;
}
@ -5,6 +13,7 @@
.conference-item {
align-items: center;
justify-content: center;
padding: 0;
}
.conference-item:hover {

25
src/main/resources/templates/conferences/conferences.html
View File

@ -16,10 +16,22 @@
</div>
</div>
<hr/>
<div class="row dashboard">
<div class="col-lg-12">
<div class="d-flex bd-highlight">
<div class="form-check p-1 bd-highlight">
<input class="" type="checkbox"/>
</div>
<button type="button" class="btn btn-danger">Удалить</button>
<button type="button" class="btn btn-success">Добавить</button>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="conference-list-body grey-border">
<div class="conference-item d-flex bd-highlight">
<div class="conference-list-body list-group">
<div class="conference-item d-flex bd-highlight list-group-item">
<div class="form-check p-1 bd-highlight">
<input class="" type="checkbox"/>
</div>
@ -34,6 +46,15 @@
</div>
</div>
</div>
<div class="row justify-content-end">
<ul class="pagination">
<li class="page-item disabled"><a class="page-link" href="#">Previous</a></li>
<li class="page-item active"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">Next</a></li>
</ul>
</div>
</div>
</section>
<script src="/js/conference.js">