statoolinfosweb/src/fr/devinsy/statoolinfos/htmlize/propertyStats.xhtml
2020-11-16 19:13:35 +01:00

110 lines
3.8 KiB
HTML

<?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>
<div class="center_table" style="width: 1400px;">
<div style="margin: 5px;">
<a id="" href="propertyStats.xhtml" class="button">Toutes</a>
<a id="" href="propertyStats-federation.xhtml" class="button">Fédération</a>
<a id="" href="propertyStats-organizations.xhtml" class="button">Organisations</a>
<a id="" href="propertyStats-services.xhtml" class="button">Services</a>
</div>
<div class="center">
<h2 id="statsTitle">n/a</h2>
<div>Nombre de propriétés : <span id="propertyCount">n/a</span></div>
<div>Nombre de fichiers : <span id="fileCount">n/a</span></div>
</div>
<br/>
<div class="row center">
<div class="column">
<div class="left">
<div class="center">Nombre de propriétés : <span id="generalPropertyCount">n/a</span></div>
<table id="mainPropertyListTable" class="table_classic center_table">
<thead>
<tr>
<th style="width: 150px;" rowspan="2">Chemin</th>
<th style="width: 10px;" colspan="2">Remplissage</th>
<th style="width: 10px;" colspan="2">Vides</th>
</tr>
<tr>
<th style="width: 10px;">Nombre</th>
<th style="width: 25px;">%</th>
<th style="width: 10px;">Nombre</th>
<th style="width: 10px;">%</th>
</tr>
</thead>
<tbody>
<tr id="generalPropertyLine">
<td id="generalPropertyLinePath" class="">n/a</td>
<td id="generalPropertyLineFilledCount" class="td_number">n/a</td>
<td id="generalPropertyLineFilledCountPercentage" class="td_number">n/a</td>
<td id="generalPropertyLineBlankCount" class="td_number">n/a</td>
<td id="generalPropertyLineBlankCountPercentage" class="td_number">n/a</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="column" style="width: 20px;">&#160;</div>
<div class="column">
<div class="left">
<div class="center">Nombre de propriétés : <span id="metricPropertyCount">n/a</span></div>
<table id="otherPropertyListTable" class="table_classic center_table" style="margin-left: auto; margin-right: auto;">
<thead>
<tr>
<th style="width: 150px;" rowspan="2">Chemin</th>
<th style="width: 10px;" colspan="2">Remplissage</th>
<th style="width: 10px;" colspan="2">Vides</th>
</tr>
<tr>
<th style="width: 10px;">Nombre</th>
<th style="width: 25px;">%</th>
<th style="width: 10px;">Nombre</th>
<th style="width: 10px;">%</th>
</tr>
</thead>
<tbody>
<tr id="metricPropertyLine">
<td id="metricPropertyLinePath" class="">n/a</td>
<td id="metricPropertyLineFilledCount" class="td_number">n/a</td>
<td id="metricPropertyLineFilledCountPercentage" class="td_number">n/a</td>
<td id="metricPropertyLineBlankCount" class="td_number">n/a</td>
<td id="metricPropertyLineBlankCountPercentage" class="td_number">n/a</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$('#mainPropertyListTable').DataTable(
{
paging: false,
ordering: true,
"order": [[ 2, "desc" ]],
language: dataTableFrench
});
$('#otherPropertyListTable').DataTable(
{
paging: false,
ordering: true,
"order": [[ 2, "desc" ]],
language: dataTableFrench
});
</script>
</body>
</html>