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

110 lines
5.1 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="row center_table" style="width: 1100px;">
<div style="margin: 5px;">
<a id="" href="socialNetworks.xhtml" class="button">Tous</a>
<a id="" href="socialNetworks-diaspora.xhtml" class="button">Diaspora</a>
<a id="" href="socialNetworks-mastodon.xhtml" class="button">Mastodon</a>
</div>
<div class="center">
<h2 id="title">n/a</h2>
<div>Nombre de membres : <span id="organizationCount">n/a</span></div>
</div>
<div class="center_table" style="width: 700px;">
<div class="legend right" style="float: right; margin-top: -75px;">
<div class="left row">
<div class="column">
<img src="diaspora-logo.png" title="Diaspora"/>Diaspora*<br/>
<img src="funkwhale-logo.png" title="Funkwhale"/>Funkwhale<br/>
<img src="mastodon-logo.png" title="Mastodon"/>Mastodon<br/>
</div>
<div class="column">
<img src="mobilizon-logo.png" title="Mobilizon"/>Mobilizon<br/>
<img src="peertube-logo.png" title="Peertube"/>Peertube<br/>
<img src="pixelfed-logo.png" title="Pixelfed"/>Pixelfed<br/>
</div>
</div>
</div>
<table id="organizations" class="table_classic left">
<thead>
<tr>
<th style="width: 200px;">Nom du membre</th>
<th style="">URL</th>
<th style="width: 10px;" colspan="6">Réseaux sociaux</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="" class="td_center center"><a id="organizationListLineDiasporaLink" href="#"><img id="organizationListLineDiasporaImg" src="diaspora-logo.png" class="disabled" title="Diaspora*" style="width: 25px;"/></a></td>
<td id="" class="td_center center"><a id="organizationListLineFunkwhaleLink" href="#"><img id="organizationListLineFunkwhaleImg" src="funkwhale-logo.png" class="disabled" title="Funkwhale" style="width: 25px;"/></a></td>
<td id="" class="td_center center"><a id="organizationListLineMastodonLink" href="#"><img id="organizationListLineMastodonImg" src="mastodon-logo.png" class="disabled" title="Mastodon" style="width: 25px;"/></a></td>
<td id="" class="td_center center"><a id="organizationListLineMobilizonLink" href="#"><img id="organizationListLineMobilizonImg" src="mobilizon-logo.png" class="disabled" title="Mobilizon" style="width: 25px;"/></a></td>
<td id="" class="td_center center"><a id="organizationListLinePeertubeLink" href="#"><img id="organizationListLinePeertubeImg" src="peertube-logo.png" class="disabled" title="Peertube" style="width: 25px;"/></a></td>
<td id="" class="td_center center"><a id="organizationListLinePixelfedLink" href="#"><img id="organizationListLinePixelfedImg" src="pixelfed-logo.png" class="disabled" title="Pixelfed" style="width: 25px;"/></a></td>
</tr>
</tbody>
</table>
</div>
</div>
<script type="text/javascript">
$('#organizations').DataTable(
{
paging: false,
ordering: true,
"order": [[ 2, "desc" ]],
language:
{
"sEmptyTable": "Aucune donnée disponible dans le tableau",
"sInfo": "Affichage de l'élément _START_ à _END_ sur _TOTAL_ éléments",
"sInfoEmpty": "Affichage de l'élément 0 à 0 sur 0 élément",
"sInfoFiltered": "(filtré à partir de _MAX_ éléments au total)",
"sInfoPostFix": "",
"sInfoThousands": ",",
"sLengthMenu": "Afficher _MENU_ éléments",
"sLoadingRecords": "Chargement...",
"sProcessing": "Traitement...",
"sSearch": "Rechercher :",
"sZeroRecords": "Aucun élément correspondant trouvé",
"oPaginate": {
"sFirst": "Premier",
"sLast": "Dernier",
"sNext": "Suivant",
"sPrevious": "Précédent"
},
"oAria": {
"sSortAscending": ": activer pour trier la colonne par ordre croissant",
"sSortDescending": ": activer pour trier la colonne par ordre décroissant"
},
"select": {
"rows": {
"_": "%d lignes sélectionnées",
"0": "Aucune ligne sélectionnée",
"1": "1 ligne sélectionnée"
}
}
}
});
</script>
</body>
</html>