tabellarchivi/index.html
2014-12-19 22:46:16 +01:00

107 lines
No EOL
2.6 KiB
HTML

<!DOCTYPE html>
<html lang="it">
<head>
<title>Archivi e biblioteche ReBal</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="bootstrap.css">
<link rel="stylesheet" href="jquery.dynatable.css">
<script src="jquery-1.7.2.min.js"></script>
<script src="jquery.dynatable.js"></script>
<script>
$(document).ready( function() {
$.ajax({
'url': 'archivi.json',
'dataType': "json",
'success': function (data) {
$('#tabella-archivi').dynatable({
dataset: {
records: data
}
});
}
});
});
</script>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-offset-2 col-md-9">
<h1>Archivi e biblioteche ReBal<br>
<small><a href="http://www.rebal.info/vufind/">Rete</a> biblioteche e archivi anarchici e libertari</small> </h1>
</div>
</div>
<div class="row">
<div class="col-md-offset-1 col-md-9">
<h2>Legenda</h2>
<div class="row">
<div class="col-md-6">
<h3>stato</h3>
<ul class="list-group">
<li class="list-group-item">
<span class="badge">L</span>
In lavorazione
</li>
<li class="list-group-item">
<span class="badge">A</span>
In attesa
</li>
<li class="list-group-item">
<span class="badge">NC</span>
Non contattata
</li>
<li class="list-group-item">
<span class="badge">S</span>
Sospesa
</li>
<li class="list-group-item">
<span class="badge">OK</span>
Già presente
</li>
<li class="list-group-item">
<span class="badge">C</span>
Da creare
</li>
</ul>
</div>
<div class="col-md-6">
<h3>adesione</h3>
<ul class="list-group">
<li class="list-group-item">
<span class="badge">(A)</span>
Aderente
</li>
<li class="list-group-item">
<span class="badge">(A?)</span>
Aderisce?
</li>
<li class="list-group-item">
<span class="badge">(C)</span>
Collegata
</li>
<li class="list-group-item">
<span class="badge">(C?)</span>
Da collegare?
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-offset-1 col-md-9">
<table class="table table-striped" id="tabella-archivi">
<thead>
<th>stato</th>
<th>nome</th>
<th>adesione</th>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>