Browse Source

Ajout infos ligne et redesign

Julien Vaubourg 12 years ago
parent
commit
70120cdb41
3 changed files with 98 additions and 19 deletions
  1. 85 19
      getGraphsFDN/base.html
  2. 0 0
      getGraphsFDN/getGraphsFDN.pl
  3. 13 0
      getGraphsFDN/index.php

+ 85 - 19
getGraphsFDN/base.html

@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <!DOCTYPE html>
 <head>
 <head>
-<title>État de mon 95e centile - Lorraine Data Network</title>
+<title>Lorraine Data Network - Chez <TPL:PRENOM> <TPL:NOM></title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <style type="text/css">
 <style type="text/css">
 <!--
 <!--
@@ -9,14 +9,25 @@
 		text-align: center;
 		text-align: center;
 		margin: 0;
 		margin: 0;
 		padding: 0;
 		padding: 0;
-		background: #eaefad url(../../ressources/logo_ldn.png) no-repeat 30px 70px;
+		background: #2F3B3B url(../../ressources/bg.png) repeat-x;
 	}
 	}
 
 
 	h1 {
 	h1 {
 		background-color: #000;
 		background-color: #000;
-		margin-top: 0;
-		padding: 10px;
+		background: url(../../ressources/logo.png) no-repeat 44px 0;
+		margin: 0;
+		padding: 0;
 		color: #FFF;
 		color: #FFF;
+		height: 150px;
+	}
+
+	h1 div {
+		padding-top: 73px;
+		text-shadow: 1px 1px 1px #000;
+	}
+
+	h2 {
+		text-shadow: 1px 1px 1px #aaa;
 	}
 	}
 
 
 	div#error {
 	div#error {
@@ -27,34 +38,89 @@
 		text-align: center;
 		text-align: center;
 		vertical-align: center;
 		vertical-align: center;
 	}
 	}
+
+	div#main {
+		margin: 0 30px;
+		background-color: #FFF;
+		border: solid 2px #999;
+	}
+
+	dl {
+		padding: 5px 0 20px;
+		background-color: #EEE;
+		margin: 0;
+	}
+
+	dt {
+		width: 500px;
+		border: 1px solid #aaa;
+		background-color: #CCC;
+		font-weight: bold;
+		padding: 5px;
+		margin: 10px auto;
+		font-variant: small-caps;
+	}
+
+	dd {
+		text-align: center;
+		padding: 0 0 5px;
+		margin: 0 auto;
+	}
+
+	p#footer {
+		color: #999;
+	}
+
+	div#box {
+		text-align: right;
+		padding-right: 70px;
+		margin-top: -150px;
+	}
+
+	a {
+		color: #000;
+	}
+
+	a:hover {
+		text-decoration: none;
+	}
 -->
 -->
 </style>
 </style>
 </head>
 </head>
 
 
 <body>
 <body>
 
 
-<h1>État en temps réel de mon 95e centile</h1>
+<h1><div><TPL:PRENOM> <TPL:NOM></div></h1>
+<div id="box"><img src="../../ressources/box.gif" alt="LDNbox"></div>
 
 
-<h2>Les dernières 24 heures</h2>
-<img src="daily.png" alt="daily" />
+<div id="main">
+	<dl>
+		<dt>Numéro de la ligne</dt> <dd><TPL:TEL></dd>
+		<dt>Adresse IPv4</dt> <dd><TPL:IP4></dd>
+		<dt>Adresses IPv6</dt> <dd><TPL:IP6></dd>
+	</dl>
 
 
-<h2>Les 7 derniers jours</h2>
-<img src="weekly.png" alt="weekly" />
+	<h2>Les dernières 24 heures</h2>
+	<img src="daily.png" alt="daily" />
 
 
-<h2>Les 4 dernières semaines</h2>
-<img src="monthly.png" alt="monthly" />
+	<h2>Les 7 derniers jours</h2>
+	<img src="weekly.png" alt="weekly" />
 
 
-<h2>Les 12 derniers mois</h2>
-<img src="yearly.png" alt="yearly" />
+	<h2>Les 4 dernières semaines</h2>
+	<img src="monthly.png" alt="monthly" />
 
 
-<h2>Bande passante totale de FDN (prestataire de LDN)</h2>
-<img src="total.png" alt="total" />
+	<h2>Les 12 derniers mois</h2>
+	<img src="yearly.png" alt="yearly" />
 
 
-<p>
-	Le dernier graphique permet de situer les heures à privilégier pour d'éventuels gros téléchargements.<br />
-</p>
+	<h2>Bande passante totale de FDN (prestataire de LDN)</h2>
+	<img src="total.png" alt="total" />
+
+	<p>
+		Le dernier graphique permet de situer les heures <a href="http://fr.wikipedia.org/wiki/95e_centile">à privilégier</a> pour d'éventuels gros téléchargements.<br />
+	</p>
+</div>
 
 
-<p>
+<p id="footer">
 	Contacter le bureau : <em>bureau@ldn-fai.net</em>
 	Contacter le bureau : <em>bureau@ldn-fai.net</em>
 </p>
 </p>
 </body>
 </body>

+ 0 - 0
getGraphsFDN/getGraphsFDN.pl


+ 13 - 0
getGraphsFDN/index.php

@@ -0,0 +1,13 @@
+<?php
+	$infos = array(
+		'<TPL:PRENOM>'	=> '',
+		'<TPL:NOM>'	=> '',
+		'<TPL:TEL>'	=> '',
+		'<TPL:IP4>'	=> '',
+		'<TPL:IP6>'	=> ''
+	);
+
+	$page = str_replace(array_keys($infos), $infos, file_get_contents('../base.html'));
+	exec('/var/www/adsl/graphs/getGraphs.pl '.strtolower($infos['<TPL:PRENOM>']).' '.strtolower($infos['<TPL:NOM>']));
+	exit($page);
+?>