Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 2953 → Rev 2954

/trunk/widget/modules/savapa/squelettes/savapa.tpl.html
New file
0,0 → 1,60
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CeL - SAVAPA</title>
 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
 
<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/1.9.1/jquery.min.js"></script>
<script src="http://resources.tela-botanica.org/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script type="text/javascript" src="<?= $url_base; ?>modules/savapa/squelettes/js/Chart.js"></script>
<script type="text/javascript" src="<?= $url_base; ?>modules/savapa/squelettes/js/savapa.js"></script>
 
<!-- Barre de navigation -->
<?php if ($bar !== false): ?>
<script src="<?=$url_script_navigation?>"></script>
<?php endif; ?>
 
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="http://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" />
<link href="<?= $url_base; ?>modules/savapa/squelettes/css/savapa.css" rel="stylesheet" type="text/css" media="screen" />
 
</head>
 
<body>
<?php if ($bar !== false): ?>
<div id="tb-navigation" data-courant="widget-cel-savapa" data-squelette="bootstrap3" data-mode="prod">
</div>
coucou la barre
<br/>
<?php endif; ?>
 
<h1>SAVAPA !</h1>
<div class="sous-titre">
Statistiques Amusantes & Visualisation Agréable des Problèmes d'A...
</div>
 
<?php $cpt = 0; ?>
<?php foreach ($requetes as $r): ?>
<div class="requete">
<h4><?= $r['titre'] ?></h4>
<div class="sql">
<?= $r['sql'] ?>
</div>
<div class="graphique col-md-12 col-sm-12">
<?php //var_dump($r['resultat']); ?>
<canvas id="graphique_<?= $cpt ?>" class="canvas-graphique col-md-12 col-sm-12"></canvas>
<script type="text/javascript">
var donnees_<?= $cpt ?> = {
labels: ["<?= implode('","', $r['resultat']['labels']) ?>"],
datasets: [{
data: [<?= implode(',', $r['resultat']['donnees']) ?>]
}]
};
</script>
<?php $cpt++; ?>
</div>
</div>
<?php endforeach; ?>
</body>
</html>