187 lines
7.6 KiB
HTML
187 lines
7.6 KiB
HTML
{% extends "ereuse_devicehub/base_site.html" %}
|
||
{% block main %}
|
||
|
||
<div class="pagetitle">
|
||
<h1>Inventory</h1>
|
||
<nav>
|
||
<ol class="breadcrumb">
|
||
<li class="breadcrumb-item"><a href="{{ url_for('inventory.devicelist')}}">Inventory</a></li>
|
||
<li class="breadcrumb-item active">Snapshots</li>
|
||
</ol>
|
||
</nav>
|
||
</div><!-- End Page Title -->
|
||
|
||
<section class="section profile">
|
||
<div class="row">
|
||
|
||
<div class="col-xl-12">
|
||
|
||
<div class="card">
|
||
<div class="card-body pt-3" style="min-height: 650px;">
|
||
<!-- Bordered Tabs -->
|
||
<div class="tab-content pt-5">
|
||
<div id="devices-list" class="tab-pane fade devices-list active show">
|
||
<div class="tab-content pt-2">
|
||
<div class="dataTable-top" style="float: left;">
|
||
<div class="dataTable-dropdown">
|
||
<label>
|
||
<select class="dataTable-selector">
|
||
<option value="5"{% if snapshots_log.per_page == 5 %} selected="selected"{% endif %}>
|
||
5
|
||
</option>
|
||
<option value="10"{% if snapshots_log.per_page == 10 %} selected="selected"{% endif %}>
|
||
10
|
||
</option>
|
||
<option value="15"{% if snapshots_log.per_page == 15 %} selected="selected"{% endif %}>
|
||
15
|
||
</option>
|
||
<option value="20"{% if snapshots_log.per_page == 20 %} selected="selected"{% endif %}>
|
||
20
|
||
</option>
|
||
<option value="25"{% if snapshots_log.per_page == 25 %} selected="selected"{% endif %}>
|
||
25
|
||
</option>
|
||
<option value="50"{% if snapshots_log.per_page == 50 %} selected="selected"{% endif %}>
|
||
50
|
||
</option>
|
||
<option value="100"{% if snapshots_log.per_page == 100 %} selected="selected"{% endif %}>
|
||
100
|
||
</option>
|
||
</select> entries per page
|
||
</label>
|
||
</div>
|
||
<div class="dataTable-search">
|
||
</div>
|
||
</div>
|
||
<div class="dataTable-container">
|
||
<table class="table">
|
||
<thead>
|
||
<tr>
|
||
<th scope="col">SID</th>
|
||
<th scope="col">Snapshot UUID</th>
|
||
<th scope="col">Version</th>
|
||
<th scope="col">DHID</th>
|
||
<th scope="col">Status</th>
|
||
<th scope="col">Type Upload</th>
|
||
<th scope="col">Type Device</th>
|
||
<th scope="col">Original DHID</th>
|
||
<th scope="col" data-type="date" data-format="YYYY-MM-DD hh:mm">Time</th>
|
||
<th scope="col"></th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
{% for snap in snapshots_log.items %}
|
||
<tr>
|
||
<td>
|
||
{% if snap.sid and snap.snapshot_uuid %}
|
||
<a href="{{ url_for('inventory.snapshot_detail', snapshot_uuid=snap.snapshot_uuid) }}">
|
||
{{ snap.sid }}
|
||
</a>
|
||
{% endif %}
|
||
</td>
|
||
<td>
|
||
{% if snap.snapshot_uuid %}
|
||
<a href="{{ url_for('inventory.snapshot_detail', snapshot_uuid=snap.snapshot_uuid) }}">
|
||
{{ snap.snapshot_uuid }}
|
||
</a>
|
||
{% endif %}
|
||
</td>
|
||
<td>
|
||
{{ snap.get_version() }}
|
||
</td>
|
||
<td>
|
||
{% if snap.get_device() %}
|
||
<a href="{{ url_for('inventory.device_details', id=snap.get_device()) }}">
|
||
{{ snap.get_device() }}
|
||
</a>
|
||
{% endif %}
|
||
</td>
|
||
<td>
|
||
{{ snap.get_status() }}
|
||
</td>
|
||
<td>
|
||
{{ snap.get_new_device() }}
|
||
</td>
|
||
<td>
|
||
{{ snap.get_type_device() }}
|
||
</td>
|
||
<td>
|
||
{{ snap.get_original_dhid() }}
|
||
</td>
|
||
<td>{{ snap.created.strftime('%Y-%m-%d %H:%M') }}</td>
|
||
<td>
|
||
{% if snap.snapshot_uuid %}
|
||
<a href="{{ url_for('inventory.export', export_id='snapshot') }}?id={{ snap.snapshot_uuid }}" target="_blank">
|
||
<i class="bi bi-box-arrow-up-right"></i>
|
||
</a>
|
||
{% endif %}
|
||
</td>
|
||
</tr>
|
||
{% endfor %}
|
||
</tbody>
|
||
</table>
|
||
|
||
<div class="dataTable-bottom">
|
||
<div class="dataTable-info">
|
||
Showing {{ snapshots_log.first }} to {{ snapshots_log.last }} of {{ snapshots_log.total }} entries
|
||
</div>
|
||
<nav class="dataTable-pagination">
|
||
<ul class="dataTable-pagination-list">
|
||
{% if snapshots_log.has_prev %}
|
||
<li class="pager">
|
||
<a href="{{ url_for('inventory.snapshotslist', page=snapshots_log.prev_num, per_page=snapshots_log.per_page) }}">‹</a>
|
||
</li>
|
||
{% endif %}
|
||
{% for page in snapshots_log.iter_pages() %}
|
||
{% if page %}
|
||
{% if page == snapshots_log.page %}
|
||
<li class="active"><a href="javascript:void()">{{ page }}</a></li>
|
||
{% else %}
|
||
<li class="">
|
||
<a href="{{ url_for('inventory.snapshotslist', page=page, per_page=snapshots_log.per_page) }}">
|
||
{{ page }}
|
||
</a>
|
||
</li>
|
||
{% endif %}
|
||
{% endif %}
|
||
{% endfor %}
|
||
{% if snapshots_log.has_next %}
|
||
<li class="pager">
|
||
<a href="{{ url_for('inventory.snapshotslist', page=snapshots_log.next_num, per_page=snapshots_log.per_page) }}">›</a>
|
||
</li>
|
||
{% endif %}
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div><!-- End Bordered Tabs -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="NotificationsContainer" style="position: absolute; bottom: 0; right: 0; margin: 10px; margin-top: 70px; width: calc(100% - 310px);"></div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Custom Code -->
|
||
<script>
|
||
$(document).ready(() => {
|
||
$(".dataTable-selector").on("change", function() {
|
||
const per_page = $('.dataTable-selector').val();
|
||
window.location.href = "{{ url_for('inventory.snapshotslist', page=1) }}&per_page="+per_page;
|
||
});
|
||
});
|
||
</script>
|
||
<script>
|
||
let table = new simpleDatatables.DataTable("table", {
|
||
footer: false,
|
||
paging: false,
|
||
|
||
})
|
||
</script>
|
||
{% endblock main %}
|