tubia
/
tabellarchivi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
							<!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>