mirror of
https://github.com/ViViDboarder/bitwarden_rs.git
synced 2024-11-16 18:26:37 +00:00
6a291040bd
- Changed the table layout a bit. - Added functions to the tables: + Search + Sort + Paginate
64 lines
2.5 KiB
Handlebars
64 lines
2.5 KiB
Handlebars
<main class="container">
|
|
<div id="organizations-block" class="my-3 p-3 bg-white rounded shadow">
|
|
<h6 class="border-bottom pb-2 mb-3">Organizations</h6>
|
|
|
|
<div class="table-responsive-xl small">
|
|
<table id="orgs-table" class="table table-sm table-striped table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th>Organization</th>
|
|
<th>Users</th>
|
|
<th>Items</th>
|
|
<th>Attachments</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{#each organizations}}
|
|
<tr>
|
|
<td>
|
|
<img class="mr-2 float-left rounded identicon" data-src="{{Id}}">
|
|
<div class="float-left">
|
|
<strong>{{Name}}</strong>
|
|
<span class="mr-2">({{BillingEmail}})</span>
|
|
<span class="d-block">
|
|
<span class="badge badge-success">{{Id}}</span>
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<span class="d-block">{{user_count}}</span>
|
|
</td>
|
|
<td>
|
|
<span class="d-block">{{cipher_count}}</span>
|
|
</td>
|
|
<td>
|
|
<span class="d-block"><strong>Amount:</strong> {{attachment_count}}</span>
|
|
{{#if attachment_count}}
|
|
<span class="d-block"><strong>Size:</strong> {{attachment_size}}</span>
|
|
{{/if}}
|
|
</td>
|
|
</tr>
|
|
{{/each}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
</main>
|
|
|
|
<link rel="stylesheet" href="{{urlpath}}/bwrs_static/datatables.css" />
|
|
<script src="{{urlpath}}/bwrs_static/jquery-3.5.1.slim.js"></script>
|
|
<script src="{{urlpath}}/bwrs_static/datatables.js"></script>
|
|
<script>
|
|
document.querySelectorAll("img.identicon").forEach(function (e, i) {
|
|
e.src = identicon(e.dataset.src);
|
|
});
|
|
|
|
document.addEventListener("DOMContentLoaded", function(event) {
|
|
$('#orgs-table').DataTable({
|
|
"responsive": true,
|
|
"lengthMenu": [ [-1, 5, 10, 25, 50], ["All", 5, 10, 25, 50] ],
|
|
"pageLength": -1, // Default show all
|
|
});
|
|
});
|
|
</script> |