80 lines
2.4 KiB
HTML
80 lines
2.4 KiB
HTML
{% extends "squeleton.html" %}
|
|
|
|
|
|
{% block page_content %}
|
|
|
|
<!-- Statistic summary -->
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<h1 class="page-header"><i class="fa fa-archive fa-fw"></i> Packages Details</h1>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<a href="#" id ="export-to-csv" class="btn btn-primary"><i class="fa fa-table"></i> Exports results to CSV</a>
|
|
<div class="table-responsive">
|
|
<table id="packages-list" class="table table-bordered table-hover table-striped">
|
|
<!--<table id="server-list" class="display" cellspacing="0" width="100%">-->
|
|
<thead>
|
|
<tr>
|
|
<th class='text-center'>Hostname</th>
|
|
<th class='text-center'><i class="fa fa-archive"></i> Packages name </th>
|
|
<th class='text-center'><i class="fa fa-asterisk"></i> Version</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for stat in packages %}
|
|
<tr>
|
|
<td><a href="{% url 'packages-by-host' stat.server %}">{{ stat.server }}</a></td>
|
|
<td ><a href="{% url 'packages-by-package' stat.package_name %}">{{ stat.package_name }}</td>
|
|
<td >{{ stat.package_version }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div id="to-top"><a href="#top"><i class="fa fa-lg fa-2x fa-arrow-up"></i></a></div>
|
|
{% endblock %}
|
|
|
|
|
|
|
|
{% block scripts %}
|
|
|
|
{% load static %}
|
|
<!-- export to CSV -->
|
|
<!-- source: https://bl.ocks.org/kalebdf/ee7a5e7f44416b2116c0 -->
|
|
<script type="text/javascript" src="{% static 'js/html-to-csv.js' %}"></script>
|
|
<script>
|
|
$(document).ready(function(){
|
|
$("#export-to-csv").click(function (event) {
|
|
// var outputFile = 'export'
|
|
var outputFile = 'export';
|
|
outputFile = outputFile.replace('.csv','') + '.csv'
|
|
// CSV
|
|
exportTableToCSV.apply(this, [$('#packages-list'), outputFile]);
|
|
});
|
|
});
|
|
</script>
|
|
<!-- cool server table -->
|
|
<script type="text/javascript" src="{% static 'js/datatables.min.js' %}"></script>
|
|
<script>
|
|
|
|
$(document).ready(function() {
|
|
$('#packages-list').DataTable({
|
|
"paging": false,
|
|
"order": [[ 1, "asc" ]],
|
|
"aoColumns": [
|
|
null, null, null
|
|
]
|
|
});
|
|
});
|
|
</script>
|
|
|
|
{% endblock %}
|