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

180 lines
8.4 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 class="legend right" style="float: right; margin-top: -150px;">
<div class="row">
<!--
<div class="column left">
<img src="status-ok.png" title="n/a"/> OK<br/>
<img src="status-warning.png" title="n/a"/>Warning<br/>
<img src="status-alert.png" title="n/a"/>Alert<br/>
<img src="status-error.png" title="n/a"/>Error<br/>
<img src="status-over.png" title="n/a"/>Over<br/>
<img src="status-void.png" title="n/a"/>Void
</div>
-->
<div class="column left">
<img src="circle-icons/mono/global.png" title="Sans compte"/>Sans compte<br/>
<img src="circle-icons/mono/profile.png" title="Compte libre"/>Compte libre<br/>
<img src="circle-icons/mono/money.png" title="Réservé aux adhérents"/>Adhérents<br/>
<img src="circle-icons/mono/creditcard.png" title="Réservé aux clients"/>Clients<br/>
<img src="circle-icons/color/cruise.png" title="Site web"/>Site web<br/>
<img src="circle-icons/color/ribbon.png" title="Mentions légales"/>Mentions légales
</div>
<div class="column left">
<img src="circle-icons/color/contacts.png" title="Page web de contact"/>Page web contact<br/>
<img src="circle-icons/color/mail.png" title="Courriel de contact/support"/>Courriel de contact<br/>
<img src="circle-icons/color/bookshelf.png" title="Documentation"/>Guide utilisateur<br/>
<img src="circle-icons/color/tools.png" title="Documentation technique"/>Guide technique<br/>
<img src="circle-icons/color/booklet.png" title="Licence"/>License<br/>
<img src="circle-icons/color/dev.png" title="Sources"/>Sources
</div>
</div>
</div>
<!--
<div class="legend center">
<div class="row">
<div class="column">
<img src="status-ok.png" title="n/a"/> OK<br/>
<img src="status-warning.png" title="n/a"/>Warning
</div>
<div class="column">
<img src="status-alert.png" title="n/a"/>Alert<br/>
<img src="status-error.png" title="n/a"/>Error
</div>
<div class="column">
<img src="status-over.png" title="n/a"/>Over<br/>
<img src="status-void.png" title="n/a"/>Void
</div>
<div class="column">
<img src="circle-icons/mono/global.png" title="Sans compte"/>Sans compte<br/>
<img src="circle-icons/mono/profile.png" title="Compte libre"/>Compte libre
</div>
<div class="column">
<img src="circle-icons/mono/money.png" title="Réservé aux adhérents"/>Adhérents<br/>
<img src="circle-icons/mono/creditcard.png" title="Réservé aux clients"/>Clients
</div>
<div class="column">
<img src="circle-icons/color/cruise.png" title="Site web"/>Site web<br/>
<img src="circle-icons/color/ribbon.png" title="Mentions légales"/>Mentions légales
</div>
<div class="column">
<img src="circle-icons/color/contacts.png" title="Page web de contact"/>Page web contact<br/>
<img src="circle-icons/color/mail.png" title="Courriel de contact/support"/>Courriel de contact
</div>
<div class="column">
<img src="circle-icons/color/bookshelf.png" title="Documentation"/>Guide utilisateur<br/>
<img src="circle-icons/color/tools.png" title="Documentation technique"/>Guide technique
</div>
<div class="column">
<img src="circle-icons/color/booklet.png" title="Licence"/>License<br/>
<img src="circle-icons/color/dev.png" title="Sources"/>Sources
</div>
</div>
</div>
-->
<table id="serviceListTable" class="center_table table_classic left">
<thead>
<tr>
<th class="" style="width: 200px;">Nom du service</th>
<th class="" style="width: 200px;">Organisation</th>
<th class="">URL</th>
<th class="">Logiciel</th>
<th class="" style="width: 100px;">Utilisateurs mensuels</th>
<th class="" style="width: 25px;">Statut</th>
<th class="" style="width: 25px;" colspan="4">Inscription</th>
<th class="" style="width: 25px;" colspan="5">Liens</th>
<th class="" style="width: 25px;" colspan="3">Logiciel</th>
<th class="" style="width: 100px;">Date</th>
</tr>
</thead>
<tbody>
<tr id="serviceListLine" class="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="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;"/>
&#160;<span id="serviceListLineOrganizationValue">n/a</span>
</a>
</td>
<td id="serviceListLineWebsite"><a href="#" id="serviceListLineWebsiteLink">n/a</a></td>
<td id="serviceListLineSoftware">
<a href="#" id="serviceListLineSoftwareLink" title="">n/a</a>
</td>
<td id="serviceListLineUserCount" class="td_number">n/a</td>
<td id="" class="td_icon_alone">
<img id="serviceStatusImg" src="status-void.png" title="n/a"/>
</td>
<td id="serviceListLineRegistrationNone" class="td_icon_alone">
<img id="serviceListLineRegistrationNoneImg" src="circle-icons/mono/global.png" class="disabled" title="Sans compte" style="margin: 0; padding: 0;"/>
</td>
<td id="serviceListLineRegistrationFree" class="td_icon_alone">
<img id="serviceListLineRegistrationFreeImg" src="circle-icons/mono/profile.png" class="disabled" title="Compte libre"/>
</td>
<td id="serviceListLineRegistrationMember" class="td_icon_alone">
<img id="serviceListLineRegistrationMemberImg" src="circle-icons/mono/money.png" class="disabled" title="Réservé aux adhérents"/>
</td>
<td id="serviceListLineRegistrationClient" class="td_icon_alone">
<img id="serviceListLineRegistrationClientImg" src="circle-icons/mono/creditcard.png" class="disabled" title="Réservé aux clients"/>
</td>
<td id="" class="td_icon_alone">
<a id="legalLink" href="#"><img id="legalLinkImg" src="circle-icons/color/ribbon.png" class="disabled" title="Mentions légales"/></a>
</td>
<td id="" class="td_icon_alone">
<a id="contactLink" href="#"><img id="contactLinkImg" src="circle-icons/color/contacts.png" class="disabled" title="Page web de contact"/></a>
</td>
<td id="" class="td_icon_alone">
<a id="emailLink" href="#"><img id="emailLinkImg" src="circle-icons/color/mail.png" class="disabled" title="Courriel de contact/support"/></a>
</td>
<td id="" class="td_icon_alone">
<a id="userDocLink" href="#"><img id="userDocLinkImg" src="circle-icons/color/bookshelf.png" class="disabled" title="Documentation"/></a>
</td>
<td id="" class="td_icon_alone">
<a id="technicalDocLink" href="#"><img id="technicalDocLinkImg" src="circle-icons/color/tools.png" class="disabled" title="Documentation technique"/></a>
</td>
<td id="" class="td_icon_alone">
<a id="softwareWebsiteLink" href="#"><img id="softwareWebsiteLinkImg" src="circle-icons/color/cruise.png" class="disabled" title="Site web"/></a>
</td>
<td id="" class="td_icon_alone">
<a id="softwareLicenseLink" href="#"><img id="softwareLicenseLinkImg" src="circle-icons/color/booklet.png" class="disabled" title="Licence"/></a>
</td>
<td id="" class="td_icon_alone">
<a id="softwareSourceLink" href="#"><img id="softwareSourceLinkImg" src="circle-icons/color/dev.png" class="disabled" title="Sources"/></a>
</td>
<td id="serviceListLineDate" class="center">n/a</td>
</tr>
</tbody>
</table>
</div>
<script type="text/javascript">
$('#serviceListTable').DataTable(
{
paging: false,
ordering: true,
"order": [[ 2, "desc" ]],
language: dataTableFrench
});
</script>
</body>
</html>