Refactored HTML/CSS rendering.
This commit is contained in:
parent
39a07094fe
commit
8627af33ba
13 changed files with 247 additions and 236 deletions
|
@ -102,6 +102,7 @@ public final class StatoolInfosCLI
|
||||||
message.appendln(" statoolinfos [ -h | -help | --help ]");
|
message.appendln(" statoolinfos [ -h | -help | --help ]");
|
||||||
message.appendln(" statoolinfos [ -v | -version | --version ]");
|
message.appendln(" statoolinfos [ -v | -version | --version ]");
|
||||||
message.appendln(" statoolinfos clear [ directory | file ]");
|
message.appendln(" statoolinfos clear [ directory | file ]");
|
||||||
|
message.appendln(" statoolinfos build [ directory | file ]");
|
||||||
message.appendln(" statoolinfos crawl [ directory | file ]");
|
message.appendln(" statoolinfos crawl [ directory | file ]");
|
||||||
message.appendln(" statoolinfos htmlize [ directory | file ]");
|
message.appendln(" statoolinfos htmlize [ directory | file ]");
|
||||||
|
|
||||||
|
|
|
@ -63,7 +63,7 @@ public class CategoriesPage
|
||||||
data.setAttribute("categoryListLine", index, "categoryListLineNameLink", "href", "category-" + stat.getCategory().getTechnicalName() + ".xhtml");
|
data.setAttribute("categoryListLine", index, "categoryListLineNameLink", "href", "category-" + stat.getCategory().getTechnicalName() + ".xhtml");
|
||||||
data.setAttribute("categoryListLine", index, "categoryListLineNameLink", "title", stat.getCategory().getDescription());
|
data.setAttribute("categoryListLine", index, "categoryListLineNameLink", "title", stat.getCategory().getDescription());
|
||||||
|
|
||||||
data.setEscapedContent("categoryListLine", index, "categoryListLineSoftwares", stat.getCategory().getSoftwares().toStringWithFrenchCommas());
|
data.setEscapedContent("categoryListLine", index, "categoryListLineSoftwares", stat.getCategory().getSoftwares().sort().toStringWithFrenchCommas());
|
||||||
data.setContent("categoryListLine", index, "categoryListLineOrganizationCount", stat.getOrganizationCount());
|
data.setContent("categoryListLine", index, "categoryListLineOrganizationCount", stat.getOrganizationCount());
|
||||||
data.setContent("categoryListLine", index, "categoryListLineServiceCount", stat.getServiceCount());
|
data.setContent("categoryListLine", index, "categoryListLineServiceCount", stat.getServiceCount());
|
||||||
data.setContent("categoryListLine", index, "categoryListLineUserCount", stat.getUserCount());
|
data.setContent("categoryListLine", index, "categoryListLineUserCount", stat.getUserCount());
|
||||||
|
|
|
@ -59,7 +59,7 @@ public class CategoryPage
|
||||||
|
|
||||||
data.setContent("categoryName", category.getName());
|
data.setContent("categoryName", category.getName());
|
||||||
data.setContent("categoryDescription", category.getDescription());
|
data.setContent("categoryDescription", category.getDescription());
|
||||||
data.setContent("categorySoftwares", category.getSoftwares().toStringWithFrenchCommas());
|
data.setContent("categorySoftwares", category.getSoftwares().sort().toStringWithFrenchCommas());
|
||||||
data.setContent("serviceCount", services.size());
|
data.setContent("serviceCount", services.size());
|
||||||
|
|
||||||
int index = 0;
|
int index = 0;
|
||||||
|
|
|
@ -112,6 +112,8 @@ public class Htmlizer
|
||||||
StatoolInfosUtils.copyRessource("/fr/devinsy/statoolinfos/htmlize/stuff/statoolinfos.css", targetDirectory);
|
StatoolInfosUtils.copyRessource("/fr/devinsy/statoolinfos/htmlize/stuff/statoolinfos.css", targetDirectory);
|
||||||
StatoolInfosUtils.copyRessource("/fr/devinsy/statoolinfos/htmlize/stuff/Chart.bundle.min.js", targetDirectory);
|
StatoolInfosUtils.copyRessource("/fr/devinsy/statoolinfos/htmlize/stuff/Chart.bundle.min.js", targetDirectory);
|
||||||
StatoolInfosUtils.copyRessource("/fr/devinsy/statoolinfos/htmlize/stuff/sorttable.js", targetDirectory);
|
StatoolInfosUtils.copyRessource("/fr/devinsy/statoolinfos/htmlize/stuff/sorttable.js", targetDirectory);
|
||||||
|
StatoolInfosUtils.copyRessource("/fr/devinsy/statoolinfos/htmlize/stuff/datatables.min.css", targetDirectory);
|
||||||
|
StatoolInfosUtils.copyRessource("/fr/devinsy/statoolinfos/htmlize/stuff/datatables.min.js", targetDirectory);
|
||||||
StatoolInfosUtils.copyRessource("/fr/devinsy/statoolinfos/htmlize/stuff/statoolinfos-logo.jpg", targetDirectory);
|
StatoolInfosUtils.copyRessource("/fr/devinsy/statoolinfos/htmlize/stuff/statoolinfos-logo.jpg", targetDirectory);
|
||||||
StatoolInfosUtils.copyRessource("/fr/devinsy/statoolinfos/htmlize/stuff/statoolinfos-logo.ico", targetDirectory);
|
StatoolInfosUtils.copyRessource("/fr/devinsy/statoolinfos/htmlize/stuff/statoolinfos-logo.ico", targetDirectory);
|
||||||
StatoolInfosUtils.copyRessource("/fr/devinsy/statoolinfos/htmlize/stuff/statoolinfos-logo-name.jpg", targetDirectory);
|
StatoolInfosUtils.copyRessource("/fr/devinsy/statoolinfos/htmlize/stuff/statoolinfos-logo-name.jpg", targetDirectory);
|
||||||
|
|
|
@ -11,34 +11,34 @@
|
||||||
<script src="Chart.bundle.min.js"></script>
|
<script src="Chart.bundle.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="center">
|
<div class="center_table" style="width: 900px;">
|
||||||
<h2>Catégories</h2>
|
<div class="center" >
|
||||||
|
<h2>Catégories</h2>
|
||||||
<div>Nombre de catégories : <span id="categoryCount">n/a</span></div>
|
|
||||||
<div class="left">
|
<div>Nombre de catégories : <span id="categoryCount">n/a</span></div>
|
||||||
<table class="table_classic center_table sortable" style="width: 900px; margin-left: auto; margin-right: auto;">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th class="" style="width: 200px;">Nom de la catégorie</th>
|
|
||||||
<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>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr id="categoryListLine">
|
|
||||||
<td id="categoryListLineName" style="padding-top: 0; padding-bottom: 0;">
|
|
||||||
<a href="#" id="categoryListLineNameLink" title="">n/a</a>
|
|
||||||
</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>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
|
<table class="table_classic sortable left">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="" style="width: 200px;">Nom de la catégorie</th>
|
||||||
|
<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>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr id="categoryListLine">
|
||||||
|
<td id="categoryListLineName" style="padding-top: 0; padding-bottom: 0;">
|
||||||
|
<a href="#" id="categoryListLineNameLink" title="">n/a</a>
|
||||||
|
</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>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -11,44 +11,44 @@
|
||||||
<script src="Chart.bundle.min.js"></script>
|
<script src="Chart.bundle.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="center">
|
<div class="center_table" style="width: 900px;">
|
||||||
<h2>Catégorie <span id="categoryName">n/a</span></h2>
|
<div class="center" >
|
||||||
|
<h2>Catégorie <span id="categoryName">n/a</span></h2>
|
||||||
<p id="categoryDescription">Bla bla description</p>
|
|
||||||
<div>Logiciels : <span id="categorySoftwares">Bla bla logiciels</span></div>
|
<p id="categoryDescription">Bla bla description</p>
|
||||||
<div>Nombre de services : <span id="serviceCount">n/a</span></div>
|
<div>Logiciels : <span id="categorySoftwares">Bla bla logiciels</span></div>
|
||||||
<div class="left">
|
<div>Nombre de services : <span id="serviceCount">n/a</span></div>
|
||||||
<table class="table_classic center_table sortable" style="width: 900px; margin-left: auto; margin-right: auto;">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th class="" style="width: 200px;">Nom du service</th>
|
|
||||||
<th class="" style="width: 200px;">Organisation</th>
|
|
||||||
<th class="" style="width: 200px;">URL</th>
|
|
||||||
<th class="" style="width: 200px;">Logiciel</th>
|
|
||||||
<th class="" style="width: 100px;">Utilisateurs mensuels</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr id="serviceListLine">
|
|
||||||
<td id="serviceListLineName" style="padding-top: 0; padding-bottom: 0;">
|
|
||||||
<a href="#" id="serviceListLineNameLink">
|
|
||||||
<img id="serviceListLineLogo" src="" style="width: 26px; height: 26px; padding-top:0; padding-bottom: 0; vertical-align: middle;"/>
|
|
||||||
 <span id="serviceListLineNameValue">n/a</span>
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
<td id="serviceListLineOrganization" style="padding-top: 0; padding-bottom: 0;">
|
|
||||||
<a href="#" id="serviceListLineOrganizationLink">
|
|
||||||
<img id="serviceListLineOrganizationLogo" src="" style="width: 26px; height: 26px; padding-top:0; padding-bottom: 0; vertical-align: middle;"/>
|
|
||||||
 <span id="serviceListLineOrganizationValue">n/a</span>
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
<td id="serviceListLineWebsite"><a href="#" id="serviceListLineWebsiteLink">n/a</a></td>
|
|
||||||
<td id="serviceListLineSoftware">n/a</td>
|
|
||||||
<td id="serviceListLineUserCount" class="td_number">n/a</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
|
<table class="table_classic sortable left">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="" style="width: 200px;">Nom du service</th>
|
||||||
|
<th class="" style="width: 200px;">Organisation</th>
|
||||||
|
<th class="" style="width: 200px;">URL</th>
|
||||||
|
<th class="" style="width: 200px;">Logiciel</th>
|
||||||
|
<th class="" style="width: 100px;">Utilisateurs mensuels</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr id="serviceListLine">
|
||||||
|
<td id="serviceListLineName" style="padding-top: 0; padding-bottom: 0;">
|
||||||
|
<a href="#" id="serviceListLineNameLink">
|
||||||
|
<img id="serviceListLineLogo" src="" style="width: 26px; height: 26px; padding-top:0; padding-bottom: 0; vertical-align: middle;"/>
|
||||||
|
 <span id="serviceListLineNameValue">n/a</span>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td id="serviceListLineOrganization" style="padding-top: 0; padding-bottom: 0;">
|
||||||
|
<a href="#" id="serviceListLineOrganizationLink">
|
||||||
|
<img id="serviceListLineOrganizationLogo" src="" style="width: 26px; height: 26px; padding-top:0; padding-bottom: 0; vertical-align: middle;"/>
|
||||||
|
 <span id="serviceListLineOrganizationValue">n/a</span>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td id="serviceListLineWebsite"><a href="#" id="serviceListLineWebsiteLink">n/a</a></td>
|
||||||
|
<td id="serviceListLineSoftware">n/a</td>
|
||||||
|
<td id="serviceListLineUserCount" class="td_number">n/a</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -11,45 +11,45 @@
|
||||||
<script src="Chart.bundle.min.js"></script>
|
<script src="Chart.bundle.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="center">
|
<div class="center_table" style="width: 900px;">
|
||||||
<h2><img id="organizationLogo" src="#" style="width: 100px; heigth: 100px; vertical-align: middle;"/> <span id="organizationName">Organization name</span></h2>
|
<div class="center" >
|
||||||
|
<h2><img id="organizationLogo" src="#" style="width: 100px; heigth: 100px; vertical-align: middle;"/> <span id="organizationName">Organization name</span></h2>
|
||||||
<div style="margin: 5px;">
|
|
||||||
<a id="organizationRawButton" href="#" class="button">Raw</a>
|
<div style="margin: 5px;">
|
||||||
</div>
|
<a id="organizationRawButton" href="#" class="button">Raw</a>
|
||||||
<p id="organizationDescription">Bla bla description</p>
|
</div>
|
||||||
<div>Nombre de services : <span id="serviceCount">n/a</span></div>
|
<p id="organizationDescription">Bla bla description</p>
|
||||||
<div class="left">
|
<div>Nombre de services : <span id="serviceCount">n/a</span></div>
|
||||||
<table class="table_classic center_table sortable" style="width: 900px; margin-left: auto; margin-right: auto;">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th class="" style="width: 200px;">Nom du service</th>
|
|
||||||
<th class="">URL</th>
|
|
||||||
<th class="">Logiciel</th>
|
|
||||||
<th class="" style="width: 100px;">Utilisateurs mensuels</th>
|
|
||||||
<th class="" style="width: 100px;">Date</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr id="serviceListLine">
|
|
||||||
<td id="serviceListLineName" style="padding-top: 0; padding-bottom: 0;">
|
|
||||||
<a href="#" id="serviceListLineNameLink">
|
|
||||||
<img id="serviceListLineLogo" src="" style="width: 26px; height: 26px; padding-top:0; padding-bottom: 0; vertical-align: middle;"/>
|
|
||||||
 <span id="serviceListLineNameValue">n/a</span>
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
<td id="serviceListLineWebsite"><a href="#" id="serviceListLineWebsiteLink">n/a</a></td>
|
|
||||||
<td id="serviceListLineSoftware">
|
|
||||||
<a href="#" id="serviceListLineSoftwareLink">
|
|
||||||
<span id="serviceListLineSoftwareValue">n/a</span>
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
<td id="serviceListLineUserCount" class="td_number">n/a</td>
|
|
||||||
<td id="serviceListLineDate" class="center">n/a</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
|
<table class="table_classic sortable left" >
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="" style="width: 200px;">Nom du service</th>
|
||||||
|
<th class="">URL</th>
|
||||||
|
<th class="">Logiciel</th>
|
||||||
|
<th class="" style="width: 100px;">Utilisateurs mensuels</th>
|
||||||
|
<th class="" style="width: 100px;">Date</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr id="serviceListLine">
|
||||||
|
<td id="serviceListLineName" style="padding-top: 0; padding-bottom: 0;">
|
||||||
|
<a href="#" id="serviceListLineNameLink">
|
||||||
|
<img id="serviceListLineLogo" src="" style="width: 26px; height: 26px; padding-top:0; padding-bottom: 0; vertical-align: middle;"/>
|
||||||
|
 <span id="serviceListLineNameValue">n/a</span>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td id="serviceListLineWebsite"><a href="#" id="serviceListLineWebsiteLink">n/a</a></td>
|
||||||
|
<td id="serviceListLineSoftware">
|
||||||
|
<a href="#" id="serviceListLineSoftwareLink">
|
||||||
|
<span id="serviceListLineSoftwareValue">n/a</span>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td id="serviceListLineUserCount" class="td_number">n/a</td>
|
||||||
|
<td id="serviceListLineDate" class="center">n/a</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -11,44 +11,44 @@
|
||||||
<script src="Chart.bundle.min.js"></script>
|
<script src="Chart.bundle.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="center">
|
<div class="center_table" style="width: 900px;">
|
||||||
<h2>Fichiers properties</h2>
|
<div class="center" >
|
||||||
<div>Nombre de fichiers : <span id="fileCount">n/a</span></div>
|
<h2>Fichiers properties</h2>
|
||||||
<div class="left">
|
<div>Nombre de fichiers : <span id="fileCount">n/a</span></div>
|
||||||
<table class="table_classic center_table sortable" style="width: 1000px; margin-left: auto; margin-right: auto;">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th style="width: 600px;">Nom local</th>
|
|
||||||
<th style="width: 300px;">Organisation</th>
|
|
||||||
<th style="width: 100px;">Lignes</th>
|
|
||||||
<th style="width: 100px;">Propriétés</th>
|
|
||||||
<th style="width: 100px;">Remplies</th>
|
|
||||||
<th style="width: 100px;">Vides</th>
|
|
||||||
<th style="width: 100px;">Erreurs</th>
|
|
||||||
<th style="width: 100px;">Date</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr id="fileListLine">
|
|
||||||
<td id="fileListLineName" style="padding-top: 0; padding-bottom: 0;">
|
|
||||||
<a href="#" id="fileListLineNameLink">n/a</a>
|
|
||||||
</td>
|
|
||||||
<td id="fileListLineOwner" style="padding-top: 0; padding-bottom: 0;">
|
|
||||||
<a href="#" id="fileListLineOwnerLink">
|
|
||||||
<img id="fileListLineOwnerLogo" src="" style="width: 26px; height: 26px; padding-top:0; padding-bottom: 0; vertical-align: middle;"/>
|
|
||||||
 <span id="fileListLineNameValue">n/a</span>
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
<td id="fileListLineLineCount" class="td_number">n/a</td>
|
|
||||||
<td id="fileListLineActiveCount" class="td_number">n/a</td>
|
|
||||||
<td id="fileListLineFilledPropertyCount" class="td_number">n/a</td>
|
|
||||||
<td id="fileListLineBlankPropertyCount" class="td_number">n/a</td>
|
|
||||||
<td id="fileListLineErrorCount" class="td_number">n/a</td>
|
|
||||||
<td id="fileListLineDate" class="td_number">n/a</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
|
<table class="table_classic sortable left">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th style="width: 600px;">Nom local</th>
|
||||||
|
<th style="width: 300px;">Organisation</th>
|
||||||
|
<th style="width: 100px;">Lignes</th>
|
||||||
|
<th style="width: 100px;">Propriétés</th>
|
||||||
|
<th style="width: 100px;">Remplies</th>
|
||||||
|
<th style="width: 100px;">Vides</th>
|
||||||
|
<th style="width: 100px;">Erreurs</th>
|
||||||
|
<th style="width: 100px;">Date</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr id="fileListLine">
|
||||||
|
<td id="fileListLineName" style="padding-top: 0; padding-bottom: 0;">
|
||||||
|
<a href="#" id="fileListLineNameLink">n/a</a>
|
||||||
|
</td>
|
||||||
|
<td id="fileListLineOwner" style="padding-top: 0; padding-bottom: 0;">
|
||||||
|
<a href="#" id="fileListLineOwnerLink">
|
||||||
|
<img id="fileListLineOwnerLogo" src="" style="width: 26px; height: 26px; padding-top:0; padding-bottom: 0; vertical-align: middle;"/>
|
||||||
|
 <span id="fileListLineNameValue">n/a</span>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td id="fileListLineLineCount" class="td_number">n/a</td>
|
||||||
|
<td id="fileListLineActiveCount" class="td_number">n/a</td>
|
||||||
|
<td id="fileListLineFilledPropertyCount" class="td_number">n/a</td>
|
||||||
|
<td id="fileListLineBlankPropertyCount" class="td_number">n/a</td>
|
||||||
|
<td id="fileListLineErrorCount" class="td_number">n/a</td>
|
||||||
|
<td id="fileListLineDate" class="td_number">n/a</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -11,30 +11,36 @@
|
||||||
<script src="Chart.bundle.min.js"></script>
|
<script src="Chart.bundle.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h2><img id="serviceLogo" src="#" style="width: 100px; heigth: 100px;"/> <span id="serviceName">Service name</span></h2>
|
<div class="center_table" style="width: 900px;">
|
||||||
<div style="margin: 5px;">
|
<div class="center" >
|
||||||
<a id="serviceRawButton" href="#" class="button">Raw</a>
|
<h2><img id="serviceLogo" src="#" style="width: 100px; heigth: 100px;"/> <span id="serviceName">Service name</span></h2>
|
||||||
</div>
|
<div style="margin: 5px;">
|
||||||
|
<a id="serviceRawButton" href="#" class="button">Raw</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<p id="serviceDescription">Bla bla description</p>
|
<p id="serviceDescription">Bla bla description</p>
|
||||||
<div> </div>
|
</div>
|
||||||
<div>
|
<div> </div>
|
||||||
<table class="table_classic">
|
<table class="table_classic left">
|
||||||
<tr>
|
<thead>
|
||||||
<th class="">Nom du service</th>
|
<tr>
|
||||||
<th class="">URL</th>
|
<th class="">Nom du service</th>
|
||||||
<th class="">Logiciel</th>
|
<th class="">URL</th>
|
||||||
<th class="">Utilisateurs mensuels</th>
|
<th class="">Logiciel</th>
|
||||||
<th style="width: 10px;">Date</th>
|
<th class="">Utilisateurs mensuels</th>
|
||||||
</tr>
|
<th style="width: 10px;">Date</th>
|
||||||
<tr id="serviceListLine">
|
</tr>
|
||||||
<td id="serviceListLineName"><a href="#" id="serviceListLineNameLink">n/a</a></td>
|
</thead>
|
||||||
<td id="serviceListLineUrl"><a href="#" id="serviceListLineUrlLink">n/a</a></td>
|
<tbody>
|
||||||
<td id="serviceListLineSoftware">n/a</td>
|
<tr id="serviceListLine">
|
||||||
<td id="serviceListLineUserCount">n/a</td>
|
<td id="serviceListLineName"><a href="#" id="serviceListLineNameLink">n/a</a></td>
|
||||||
<td id="serviceListLineDate" class="center">n/a</td>
|
<td id="serviceListLineUrl"><a href="#" id="serviceListLineUrlLink">n/a</a></td>
|
||||||
</tr>
|
<td id="serviceListLineSoftware">n/a</td>
|
||||||
</table>
|
<td id="serviceListLineUserCount">n/a</td>
|
||||||
|
<td id="serviceListLineDate" class="center">n/a</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -11,12 +11,13 @@
|
||||||
<script src="Chart.bundle.min.js"></script>
|
<script src="Chart.bundle.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="center">
|
<div class="center_table" style="width: 900px;">
|
||||||
<h2>Tous les services</h2>
|
<div class="center" >
|
||||||
|
<h2>Tous les services</h2>
|
||||||
<div>Nombre de services : <span id="serviceCount">n/a</span></div>
|
|
||||||
<div class="left">
|
<div>Nombre de services : <span id="serviceCount">n/a</span></div>
|
||||||
<table class="table_classic center_table sortable" style="width: 1000px; margin-left: auto; margin-right: auto;">
|
</div>
|
||||||
|
<table class="table_classic sortable left">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th class="" style="width: 200px;">Nom du service</th>
|
<th class="" style="width: 200px;">Nom du service</th>
|
||||||
|
@ -48,7 +49,6 @@
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -11,43 +11,43 @@
|
||||||
<script src="Chart.bundle.min.js"></script>
|
<script src="Chart.bundle.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="center">
|
<div class="center_table" style="width: 900px;">
|
||||||
<h2>Logiciel <span id="softwareName">n/a</span></h2>
|
<div class="center">
|
||||||
|
<h2>Logiciel <span id="softwareName">n/a</span></h2>
|
||||||
<p id="softwareDescription">Bla bla description</p>
|
|
||||||
<div>Nombre de services : <span id="serviceCount">n/a</span></div>
|
<p id="softwareDescription">Bla bla description</p>
|
||||||
<div class="left">
|
<div>Nombre de services : <span id="serviceCount">n/a</span></div>
|
||||||
<table class="table_classic center_table sortable" style="width: 900px; margin-left: auto; margin-right: auto;">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th class="" style="width: 200px;">Nom du service</th>
|
|
||||||
<th class="" style="width: 200px;">Organisation</th>
|
|
||||||
<th class="" style="width: 200px;">URL</th>
|
|
||||||
<th class="" style="width: 200px;">Logiciel</th>
|
|
||||||
<th class="" style="width: 100px;">Utilisateurs mensuels</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr id="serviceListLine">
|
|
||||||
<td id="serviceListLineName" style="padding-top: 0; padding-bottom: 0;">
|
|
||||||
<a href="#" id="serviceListLineNameLink">
|
|
||||||
<img id="serviceListLineLogo" src="" style="width: 26px; height: 26px; padding-top:0; padding-bottom: 0; vertical-align: middle;"/>
|
|
||||||
 <span id="serviceListLineNameValue">n/a</span>
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
<td id="serviceListLineOrganization" style="padding-top: 0; padding-bottom: 0;">
|
|
||||||
<a href="#" id="serviceListLineOrganizationLink">
|
|
||||||
<img id="serviceListLineOrganizationLogo" src="" style="width: 26px; height: 26px; padding-top:0; padding-bottom: 0; vertical-align: middle;"/>
|
|
||||||
 <span id="serviceListLineOrganizationValue">n/a</span>
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
<td id="serviceListLineWebsite"><a href="#" id="serviceListLineWebsiteLink">n/a</a></td>
|
|
||||||
<td id="serviceListLineSoftware">n/a</td>
|
|
||||||
<td id="serviceListLineUserCount" class="td_number">n/a</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
|
<table class="table_classic sortable left">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="" style="width: 200px;">Nom du service</th>
|
||||||
|
<th class="" style="width: 200px;">Organisation</th>
|
||||||
|
<th class="" style="width: 200px;">URL</th>
|
||||||
|
<th class="" style="width: 200px;">Logiciel</th>
|
||||||
|
<th class="" style="width: 100px;">Utilisateurs mensuels</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr id="serviceListLine">
|
||||||
|
<td id="serviceListLineName" style="padding-top: 0; padding-bottom: 0;">
|
||||||
|
<a href="#" id="serviceListLineNameLink">
|
||||||
|
<img id="serviceListLineLogo" src="" style="width: 26px; height: 26px; padding-top:0; padding-bottom: 0; vertical-align: middle;"/>
|
||||||
|
 <span id="serviceListLineNameValue">n/a</span>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td id="serviceListLineOrganization" style="padding-top: 0; padding-bottom: 0;">
|
||||||
|
<a href="#" id="serviceListLineOrganizationLink">
|
||||||
|
<img id="serviceListLineOrganizationLogo" src="" style="width: 26px; height: 26px; padding-top:0; padding-bottom: 0; vertical-align: middle;"/>
|
||||||
|
 <span id="serviceListLineOrganizationValue">n/a</span>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td id="serviceListLineWebsite"><a href="#" id="serviceListLineWebsiteLink">n/a</a></td>
|
||||||
|
<td id="serviceListLineSoftware">n/a</td>
|
||||||
|
<td id="serviceListLineUserCount" class="td_number">n/a</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -11,36 +11,36 @@
|
||||||
<script src="Chart.bundle.min.js"></script>
|
<script src="Chart.bundle.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="center">
|
<div class="center_table" style="width: 900px;">
|
||||||
<h2>Logiciels</h2>
|
<div class="center">
|
||||||
|
<h2>Logiciels</h2>
|
||||||
<div>Nombre de logiciels : <span id="softwareCount">n/a</span></div>
|
|
||||||
<div class="left">
|
<div>Nombre de logiciels : <span id="softwareCount">n/a</span></div>
|
||||||
<table class="table_classic center_table sortable" style="width: 900px; margin-left: auto; margin-right: auto;">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th class="">Nom</th>
|
|
||||||
<th class="">Catégorie</th>
|
|
||||||
<th class="" style="width: 100px;">Services</th>
|
|
||||||
<th class="" style="width: 100px;">Organisations</th>
|
|
||||||
<th class="" style="width: 100px;">Utilisateurs mensuels</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr id="softwareListLine">
|
|
||||||
<td id="softwareListLineName" style="padding-top: 0; padding-bottom: 0;">
|
|
||||||
<a href="#" id="softwareListLineNameLink" title="">n/a</a>
|
|
||||||
</td>
|
|
||||||
<td id="softwareListLineCategory" style="padding-top: 0; padding-bottom: 0;">
|
|
||||||
<a href="#" id="softwareListLineCategoryLink" title="">n/a</a>
|
|
||||||
</td>
|
|
||||||
<td id="softwareListLineServiceCount" class="td_number">n/a</td>
|
|
||||||
<td id="softwareListLineOrganizationCount" class="td_number">n/a</td>
|
|
||||||
<td id="softwareListLineUserCount" class="td_number">n/a</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
|
<table class="table_classic sortable left">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="">Nom</th>
|
||||||
|
<th class="">Catégorie</th>
|
||||||
|
<th class="" style="width: 100px;">Services</th>
|
||||||
|
<th class="" style="width: 100px;">Organisations</th>
|
||||||
|
<th class="" style="width: 100px;">Utilisateurs mensuels</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr id="softwareListLine">
|
||||||
|
<td id="softwareListLineName" style="padding-top: 0; padding-bottom: 0;">
|
||||||
|
<a href="#" id="softwareListLineNameLink" title="">n/a</a>
|
||||||
|
</td>
|
||||||
|
<td id="softwareListLineCategory" style="padding-top: 0; padding-bottom: 0;">
|
||||||
|
<a href="#" id="softwareListLineCategoryLink" title="">n/a</a>
|
||||||
|
</td>
|
||||||
|
<td id="softwareListLineServiceCount" class="td_number">n/a</td>
|
||||||
|
<td id="softwareListLineOrganizationCount" class="td_number">n/a</td>
|
||||||
|
<td id="softwareListLineUserCount" class="td_number">n/a</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -9,6 +9,8 @@
|
||||||
<link rel="stylesheet" type="text/css" href="statoolinfos.css" />
|
<link rel="stylesheet" type="text/css" href="statoolinfos.css" />
|
||||||
<script src="sorttable.js" />
|
<script src="sorttable.js" />
|
||||||
<script src="Chart.bundle.min.js"></script>
|
<script src="Chart.bundle.min.js"></script>
|
||||||
|
<link rel="stylesheet" type="text/css" href="datatables.min.css"/>
|
||||||
|
<script type="text/javascript" src="datatables.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div style="margin: 5px 10px 10px 10px;">
|
<div style="margin: 5px 10px 10px 10px;">
|
||||||
|
|
Loading…
Reference in a new issue