statoolinfosweb/src/fr/devinsy/statoolinfos/htmlize/categories.xhtml

93 lines
2.8 KiB
HTML
Raw Normal View History

2020-09-25 04:36:38 +02:00
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>StatoolInfos</title>
<meta charset="UTF-8" />
<meta name="keywords" content="statoolinfos,devinsy,federation" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="statoolinfos.css" />
<script src="sorttable.js" />
<script src="Chart.bundle.min.js"></script>
</head>
<body>
2020-10-18 04:52:22 +02:00
<div class="center_table" style="width: 1100px;">
2020-10-02 01:36:34 +02:00
<div class="center" >
<h2>Catégories</h2>
<div><span id="categoryCount">n/a</span> catégories</div>
</div>
2020-10-22 01:14:53 +02:00
<table id="categoryList" class="table_classic left">
2020-10-02 01:36:34 +02:00
<thead>
<tr>
2020-10-18 04:52:22 +02:00
<th class="" style="width: 300px;">Nom de la catégorie</th>
2020-10-02 01:36:34 +02:00
<th class="">Logiciels</th>
<th class="" style="width: 100px;">Services</th>
<th class="" style="width: 100px;">Organisations</th>
<th class="" style="width: 100px;">Utilisateurs mensuels</th>
<th class="" style="width: 100px;">Visites mensuelles</th>
2020-10-02 01:36:34 +02:00
</tr>
</thead>
<tbody>
<tr id="categoryListLine">
<td id="categoryListLineName" style="padding-top: 0; padding-bottom: 0;">
2020-10-18 04:52:22 +02:00
<a href="#" id="categoryListLineNameLink">
<img id="categoryListLineNameLogo" src="categories/default.svg" style="width: 26px; height: 26px; padding-top:0; padding-bottom: 0; vertical-align: middle;"/>
2020-10-19 02:36:43 +02:00
<span id="categoryListLineNameValue">n/a</span>
2020-10-18 04:52:22 +02:00
</a>
2020-10-02 01:36:34 +02:00
</td>
<td id="categoryListLineSoftwares">n/a</td>
<td id="categoryListLineServiceCount" class="td_number">n/a</td>
<td id="categoryListLineOrganizationCount" class="td_number">n/a</td>
<td id="categoryListLineUserCount" class="td_number">n/a</td>
<td id="categoryListLineVisitCount" class="td_number">n/a</td>
2020-10-02 01:36:34 +02:00
</tr>
</tbody>
</table>
2020-09-25 04:36:38 +02:00
</div>
2020-10-22 01:14:53 +02:00
<script type="text/javascript">
$(document).ready(function()
2020-10-22 01:14:53 +02:00
{
$.extend($.fn.dataTable.ext.type.order,
{
"custom-sort-asc": function(x, y)
{
if (!(!isNaN(x) || !isNaN(y)))
return 0;
else if (isNaN(x))
return -1;
else if (isNaN(y))
return +1;
else
return x-y;
},
"custom-sort-desc": function(x, y)
{
if (!(!isNaN(x) || !isNaN(y)))
return 0;
else if (isNaN(x))
return +1;
else if (isNaN(y))
return -1;
else
return y-x;
}
});
$('#categoryList').DataTable(
{
paging: false,
ordering: true,
"order": [[ 0, "asc" ]],
language: dataTableFrench,
"columnDefs":
[
{ targets: 4, "type": 'custom-sort' },
{ targets: 5, "type": 'custom-sort' }
]
});
2020-10-22 01:14:53 +02:00
});
</script>
2020-09-25 04:36:38 +02:00
</body>
</html>