#53 remake of conference list without table
This commit is contained in:
Nightblade73
parent
1364e8e84d
commit
cb673d8782
@ -1,3 +1,22 @@
|
|||||||
|
.conference-list-body {
|
||||||
|
height: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.conference-item {
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-check {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-check input {
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.col-lg-12 a {
|
.col-lg-12 a {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
|
|||||||
@ -1,60 +1,6 @@
|
|||||||
$(document).ready(function () {
|
$(document).ready(function () {
|
||||||
$('#table_id').DataTable({
|
|
||||||
"pageLength": 10,
|
$('tbody tr[data-href]').addClass('clickable').click( function() {
|
||||||
select: {
|
window.location = $(this).attr('data-href');
|
||||||
style: 'multi'
|
|
||||||
},
|
|
||||||
"lengthChange": false,
|
|
||||||
dom: 'Bfrtip',
|
|
||||||
buttons: [
|
|
||||||
'selectAll',
|
|
||||||
'selectNone'
|
|
||||||
],
|
|
||||||
language: {
|
|
||||||
"processing": "Подождите...",
|
|
||||||
"search": "Поиск:",
|
|
||||||
"lengthMenu": "Показать _MENU_ записей",
|
|
||||||
"info": "Записи с _START_ до _END_ из _TOTAL_ записей",
|
|
||||||
"infoEmpty": "Записи с 0 до 0 из 0 записей",
|
|
||||||
"infoFiltered": "(отфильтровано из _MAX_ записей)",
|
|
||||||
"infoPostFix": "",
|
|
||||||
"loadingRecords": "Загрузка записей...",
|
|
||||||
"zeroRecords": "Записи отсутствуют.",
|
|
||||||
"emptyTable": "В таблице отсутствуют данные",
|
|
||||||
"paginate": {
|
|
||||||
"first": "Первая",
|
|
||||||
"previous": "Предыдущая",
|
|
||||||
"next": "Следующая",
|
|
||||||
"last": "Последняя"
|
|
||||||
},
|
|
||||||
"aria": {
|
|
||||||
"sortAscending": ": активировать для сортировки столбца по возрастанию",
|
|
||||||
"sortDescending": ": активировать для сортировки столбца по убыванию"
|
|
||||||
},
|
|
||||||
"buttons": {
|
|
||||||
"selectAll": "Выбрать всё",
|
|
||||||
"selectNone": "Убрать выделение"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
columnDefs: [ {
|
|
||||||
orderable: false,
|
|
||||||
className: 'select-checkbox',
|
|
||||||
targets: 0
|
|
||||||
} ],
|
|
||||||
select: {
|
|
||||||
style: 'multi'
|
|
||||||
},
|
|
||||||
order: [[ 1, 'asc' ]]
|
|
||||||
});
|
});
|
||||||
|
|
||||||
var table = $('#table_id').DataTable();
|
|
||||||
|
|
||||||
$('#table_id tbody').on( 'click', 'tr', function () {
|
|
||||||
$(this).toggleClass('selected');
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
// $('tbody tr[data-href]').addClass('clickable').click( function() {
|
|
||||||
// window.location = $(this).attr('data-href');
|
|
||||||
// });
|
|
||||||
});
|
});
|
||||||
|
|||||||
@ -3,11 +3,7 @@
|
|||||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||||
layout:decorator="default">
|
layout:decorator="default">
|
||||||
<head>
|
<head>
|
||||||
<link rel="stylesheet" type="text/css"
|
<link rel="stylesheet" type="text/css" href="../css/conference.css"/>
|
||||||
href="https://cdn.datatables.net/v/bs4/dt-1.10.18/b-1.5.6/sl-1.3.0/datatables.min.css"/>
|
|
||||||
|
|
||||||
<script type="text/javascript"
|
|
||||||
src="https://cdn.datatables.net/v/bs4/dt-1.10.18/b-1.5.6/sl-1.3.0/datatables.min.js"></script>
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
@ -22,37 +18,17 @@
|
|||||||
<hr/>
|
<hr/>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-12">
|
<div class="col-lg-12">
|
||||||
<form id="conferences-form" method="post">
|
<div class="conference-list-body grey-border">
|
||||||
<table id="table_id" class="table table-bordered table-hover dataTable">
|
<div class="conference-item d-flex bd-highlight">
|
||||||
<thead>
|
<div class="form-check p-1 bd-highlight">
|
||||||
<tr>
|
<input class="" type="checkbox"/>
|
||||||
<th></th>
|
</div>
|
||||||
<th>Название:</th>
|
<div class="conference-info p-1 flex-grow-1 bd-highlight d-flex">
|
||||||
<th>Описание:</th>
|
<div class="conference-name p-1 flex-grow-1 bd-highlight">Конференция 1</div>
|
||||||
<th>Начало:</th>
|
<div class="conference-date p-1 bd-highlight">01.01.1990</div>
|
||||||
<th>Конец:</th>
|
</div>
|
||||||
</tr>
|
</div>
|
||||||
</thead>
|
</div>
|
||||||
<tbody>
|
|
||||||
<tr data-href="./conference">
|
|
||||||
<td></td>
|
|
||||||
<td>Конференция 1</td>
|
|
||||||
<td>Описание 1</td>
|
|
||||||
<td>01.01.2000</td>
|
|
||||||
<td>02.01.2000</td>
|
|
||||||
|
|
||||||
</tr>
|
|
||||||
<tr data-href="./conference">
|
|
||||||
<td></td>
|
|
||||||
<td>Конференция 2</td>
|
|
||||||
<td>Описание 2</td>
|
|
||||||
<td>01.02.2001</td>
|
|
||||||
<td>02.02.2001</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</form>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user