Improved html.

This commit is contained in:
Christian P. MOMON 2020-09-24 00:14:52 +02:00
parent da17e52d37
commit b9a8976262
5 changed files with 46 additions and 34 deletions

View file

@ -26,6 +26,7 @@
<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>
</tr>
</thead>
<tbody>
@ -38,6 +39,7 @@
</td>
<td id="organizationListLineUrl"><a href="#" id="organizationListLineUrlLink">n/a</a></td>
<td id="organizationListLineServiceCount" class="center">n/a</td>
<td id="organizationListLineUserCount" class="center">n/a</td>
</tr>
</tbody>
</table>

View file

@ -11,36 +11,40 @@
<script src="Chart.bundle.min.js"></script>
</head>
<body>
<h2><img id="organizationLogo" src="#" style="width: 100px; heigth: 100px;"/> <span id="organizationName">Organization name</span></h2>
<div style="margin: 5px;">
<a id="organizationRawButton" href="#" class="button">Raw</a>
</div>
<p id="organizationDescription">Bla bla description</p>
<div>Nombre de services : <span id="serviceCount">n/a</span></div>
<div>
<table class="table_classic sortable">
<thead>
<tr>
<th class="">Nom du service</th>
<th class="">URL</th>
<th class="">Logiciel</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;"/>
&#160;<span id="serviceListLineNameValue">n/a</span>
</a>
</td>
<td id="serviceListLineWebsite"><a href="#" id="serviceListLineWebsiteLink">n/a</a></td>
<td id="serviceListLineSoftware">n/a</td>
</tr>
</tbody>
</table>
<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>
<p id="organizationDescription">Bla bla description</p>
<div>Nombre de services : <span id="serviceCount">n/a</span></div>
<div class="left">
<table class="table_classic center_table sortable" style="width: 600px; margin-left: auto; margin-right: auto;">
<thead>
<tr>
<th class="">Nom du service</th>
<th class="">URL</th>
<th class="">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;"/>
&#160;<span id="serviceListLineNameValue">n/a</span>
</a>
</td>
<td id="serviceListLineWebsite"><a href="#" id="serviceListLineWebsiteLink">n/a</a></td>
<td id="serviceListLineSoftware" class="td_number">n/a</td>
<td id="serviceListLineUserCount" class="td_number">n/a</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>

View file

@ -24,11 +24,13 @@
<th class="">Nom du service</th>
<th class="">URL</th>
<th class="">Logiciel</th>
<th class="">Utilisateurs mensuels</th>
</tr>
<tr id="serviceListLine">
<td id="serviceListLineName"><a href="#" id="serviceListLineNameLink">n/a</a></td>
<td id="serviceListLineUrl"><a href="#" id="serviceListLineUrlLink">n/a</a></td>
<td id="serviceListLineSoftware">n/a</td>
<td id="serviceListLineUserCount">n/a</td>
</tr>
</table>
</div>

View file

@ -22,6 +22,7 @@
<th class="">Organisation</th>
<th class="">URL</th>
<th class="">Logiciel</th>
<th class="" style="width: 100px;">Utilisateurs mensuels</th>
</tr>
</thead>
<tbody>
@ -35,6 +36,7 @@
<td id="serviceListLineOrganization"><a href="#" id="serviceListLineOrganizationLink">n/a</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>

View file

@ -15,10 +15,12 @@
<h1><a href="index.xhtml"><img src="logo.jpg" style="width: 35px;"/> StatoolInfos</a><sup id="versionsup" style="font-size: 9px;">v0.0.14</sup> <a href="about.xhtml">About</a><span style="font-size: 9px; float: right;">Page updated on<br/><span id="lastUpdateDate" style="font-size: 9px;">xx/xx/xxxx xx:xx</span></span></h1>
<div style="margin: 5px;">
<a id="propertiesRawButton" href="propertiesFiles.xhtml" class="button">Fichiers properties</a>
<a id="propertiesRawButton" href="propertyStats.xhtml" class="button">Toutes les property</a>
<a id="" href="services.xhtml" class="button">Tous les services</a>
<a id="" href="#" class="button">Tous les logiciels</a>
<a id="federationButton" href="index.xhtml" class="button">Fédération</a>
<a id="propertiesRawButton" href="propertiesFiles.xhtml" class="button">Fichiers</a>
<a id="propertiesRawButton" href="propertyStats.xhtml" class="button">Propriétés</a>
<a id="" href="services.xhtml" class="button">Services</a>
<a id="" href="#" class="button" disabled="disabled">Logiciels</a>
<a id="" href="#" class="button">Catégories</a>
</div>
<div>