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

95 lines
5.3 KiB
HTML
Raw Normal View History

2020-10-11 06:57:21 +02:00
<?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>
2020-11-16 19:12:13 +01:00
<div class="center_table" style="width: 1100px;">
2020-10-11 06:57:21 +02:00
<div style="margin: 5px;">
<a id="allFilterButton" href="socialNetworks.xhtml" class="button">Tous</a>
<a id="diasporaFilterButton" href="socialNetworks-diaspora.xhtml" class="button">Diaspora*</a>
<a id="mastodonFilterButton" href="socialNetworks-mastodon.xhtml" class="button">Mastodon</a>
2020-10-11 06:57:21 +02:00
</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;">
2020-10-16 03:50:53 +02:00
<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>
2020-10-11 06:57:21 +02:00
</div>
</div>
<table id="organizations" class="table_classic left">
<thead>
<tr>
<th style="width: 200px;" rowspan="2">Membre</th>
<th style="" rowspan="2">URL</th>
2020-10-16 03:50:53 +02:00
<th style="width: 10px;" colspan="6">Réseaux sociaux</th>
2020-10-11 06:57:21 +02:00
</tr>
<tr>
<th><img id="organizationListLineDiasporaImg" src="diaspora-logo.png" title="Diaspora*" alt="Diaspora" style="width: 25px;"/></th>
<th><img id="organizationListLineFunkwhaleImg" src="funkwhale-logo.png" title="Funkwhale" alt="Funkwhale" style="width: 25px;"/></th>
<th><img id="organizationListLineMastodonImg" src="mastodon-logo.png" title="Mastodon" alt="Mastodon" style="width: 25px;"/></th>
<th><img id="organizationListLineMobilizonImg" src="mobilizon-logo.png" title="Mobilizon" alt="Mobilizon" style="width: 25px;"/></th>
<th><img id="organizationListLinePeertubeImg" src="peertube-logo.png" title="Peertube" alt="Peertube" style="width: 25px;"/></th>
<th><img id="organizationListLinePixelfedImg" src="pixelfed-logo.png" title="Pixelfed" alt="Pixelfed" style="width: 25px;"/></th>
</tr>
2020-10-11 06:57:21 +02:00
</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="organizationListLineDiaspora" class="td_center center" data-order="0" data-search="0"><a id="organizationListLineDiasporaLink" href="#"><img id="organizationListLineDiasporaImg" src="diaspora-logo.png" class="disabled" title="Diaspora*" alt="Diaspora" style="width: 25px;"/></a></td>
<td id="organizationListLineFunkwhale" class="td_center center" data-order="0" data-search="0"><a id="organizationListLineFunkwhaleLink" href="#"><img id="organizationListLineFunkwhaleImg" src="funkwhale-logo.png" class="disabled" title="Funkwhale" alt="Funkwhale" style="width: 25px;"/></a></td>
<td id="organizationListLineMastodon" class="td_center center" data-order="0" data-search="0"><a id="organizationListLineMastodonLink" href="#"><img id="organizationListLineMastodonImg" src="mastodon-logo.png" class="disabled" title="Mastodon" alt="Mastodon" style="width: 25px;"/></a></td>
<td id="organizationListLineMobilizon" class="td_center center" data-order="0" data-search="0"><a id="organizationListLineMobilizonLink" href="#"><img id="organizationListLineMobilizonImg" src="mobilizon-logo.png" class="disabled" title="Mobilizon" alt="Mobilizon" style="width: 25px;"/></a></td>
<td id="organizationListLinePeertube" class="td_center center" data-order="0" data-search="0"><a id="organizationListLinePeertubeLink" href="#"><img id="organizationListLinePeertubeImg" src="peertube-logo.png" class="disabled" title="Peertube" alt="Peertube" style="width: 25px;"/></a></td>
<td id="organizationListLinePixelfed" class="td_center center" data-order="0" data-search="0"><a id="organizationListLinePixelfedLink" href="#"><img id="organizationListLinePixelfedImg" src="pixelfed-logo.png" class="disabled" title="Pixelfed" alt="Pixelfed" style="width: 25px;"/></a></td>
2020-10-11 06:57:21 +02:00
</tr>
</tbody>
</table>
</div>
</div>
<script type="text/javascript">
$('#organizations').DataTable(
2020-10-11 06:57:21 +02:00
{
paging: false,
ordering: true,
"order": [[ 0, "asc" ]],
language: dataTableFrench,
column:
[ {},{},
{
"bSortable": false
},
]
2020-10-11 06:57:21 +02:00
});
</script>
</body>
</html>