statool/statoolinfos
statool/statoolinfos
1
0
Fork 0
Code Issues Pull requests Releases 8 Activity

Added DataTables lib for tests.

Browse source
This commit is contained in:
Christian P. MOMON 2020-10-02 01:39:33 +02:00
parent 8627af33ba
commit 5fd7dfffb7
4 changed files with 256 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
resources/DataTables-1.10.22-simple.zip Normal file
View file

Binary file not shown.

70
src/fr/devinsy/statoolinfos/htmlize/federation.xhtml
View file

@ -11,38 +11,46 @@
<script src="Chart.bundle.min.js"></script>
</head>
<body>
<div class="center">
<h2><img id="federationLogo" src="#" style="width: 100px; heigth: 100px; vertical-align: middle;"/> <span id="federationName">Federation name</span></h2>
<p id="federationDescription">Bla bla description</p>
<div>Nombre de membres : <span id="organizationCount">n/a</span></div>
<div>Nombre de services : <span id="serviceCount">n/a</span></div>
<div class="left">
<table class="table_classic center_table sortable" style="width: 800px; margin-left: auto; margin-right: auto;">
<thead>
<tr>
<th style="width: 200px;">Nom du membre</th>
<th style="width: 250px;">URL</th>
<th style="width: 10px;">Services</th>
<th style="width: 10px;">Utilisateurs mensuels</th>
<th style="width: 10px;">Date</th>
</tr>
</thead>
<tbody>
<tr id="organizationListLine">
<td id="organizationListLineName" style="padding-top: 0; padding-bottom: 0;">
<a href="#" id="organizationListLineNameLink">
<img id="organizationListLineLogo" src="" style="width: 26px; height: 26px; padding-top:0; padding-bottom: 0; vertical-align: middle;"/>
&#160;<span id="organizationListLineNameValue">n/a</span>
</a>
</td>
<td id="organizationListLineUrl"><a href="#" id="organizationListLineUrlLink">n/a</a></td>
<td id="organizationListLineServiceCount" class="td_number">n/a</td>
<td id="organizationListLineUserCount" class="td_number">n/a</td>
<td id="organizationListLineDate" class="center">n/a</td>
</tr>
</tbody>
</table>
<div class="center_table" style="width: 900px;">
<div class="center" >
<h2><img id="federationLogo" src="#" style="width: 100px; heigth: 100px; vertical-align: middle;"/> <span id="federationName">Federation name</span></h2>
<p id="federationDescription">Bla bla description</p>
<div>Nombre de membres : <span id="organizationCount">n/a</span></div>
<div>Nombre de services : <span id="serviceCount">n/a</span></div>
</div>
<table id="organizations" class="table_classic left">
<thead>
<tr>
<th style="width: 200px;">Nom du membre</th>
<th style="width: 250px;">URL</th>
<th style="width: 10px;">Services</th>
<th style="width: 10px;">Utilisateurs mensuels</th>
<th style="width: 10px;">Date</th>
</tr>
</thead>
<tbody>
<tr id="organizationListLine">
<td id="organizationListLineName" style="padding-top: 0; padding-bottom: 0;">
<a href="#" id="organizationListLineNameLink">
<img id="organizationListLineLogo" src="" style="width: 26px; height: 26px; padding-top:0; padding-bottom: 0; vertical-align: middle;"/>
&#160;<span id="organizationListLineNameValue">n/a</span>
</a>
</td>
<td id="organizationListLineUrl"><a href="#" id="organizationListLineUrlLink">n/a</a></td>
<td id="organizationListLineServiceCount" class="td_number">n/a</td>
<td id="organizationListLineUserCount" class="td_number">n/a</td>
<td id="organizationListLineDate" class="center">n/a</td>
</tr>
</tbody>
</table>
</div>
<script type="text/javascript">
$('#organizations').DataTable(
{
paging: false,
ordering: true,
"order": [[ 2, "desc" ]]
});
</script>
</body>
</html>

15
src/fr/devinsy/statoolinfos/htmlize/stuff/datatables.min.css vendored Normal file
View file

File diff suppressed because one or more lines are too long

202
src/fr/devinsy/statoolinfos/htmlize/stuff/datatables.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long