- Добавил Bootstrap и настроил внешний вид форм приложения.
https://www.youtube.com/watch?v=a51jGwoTNmI&list=PLU2ftbIeotGpAYRP9Iv2KLIwK36-o_qYk&index=13
This commit is contained in:
@@ -1,23 +1,30 @@
|
||||
<#import "parts/common.ftl" as com>
|
||||
<@com.page>
|
||||
<div>Users</div>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Role</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<#list users as user>
|
||||
<div class="container mt-4">
|
||||
<table class="table table-striped table-hover">
|
||||
<thead class="thead-dark">
|
||||
<tr>
|
||||
<td>${user.username}</td>
|
||||
<td><#list user.roles as role>${role}<#sep>, </#list></td>
|
||||
<td><a href="/users/${user.id}">edit</a></td>
|
||||
<th scope="col">Name</th>
|
||||
<th scope="col">Role</th>
|
||||
<th scope="col">Actions</th>
|
||||
</tr>
|
||||
</#list>
|
||||
</tbody>
|
||||
</table>
|
||||
<a href="/main">Main page</a>
|
||||
</thead>
|
||||
<tbody>
|
||||
<#list users as user>
|
||||
<tr>
|
||||
<td>${user.username}</td>
|
||||
<td>
|
||||
<#list user.roles as role>
|
||||
<span class="badge badge-primary">${role}</span>
|
||||
<#sep> </#list>
|
||||
</td>
|
||||
<td>
|
||||
<a href="/users/${user.id}" class="btn btn-sm btn-outline-primary">Edit</a>
|
||||
</td>
|
||||
</tr>
|
||||
</#list>
|
||||
</tbody>
|
||||
</table>
|
||||
<a href="/main" class="btn btn-primary">Main page</a>
|
||||
</div>
|
||||
</@com.page>
|
||||
Reference in New Issue
Block a user