1.
<!DOCTYPE html>
2.
<html lang="fr">
3.
<head>
4.
<meta charset="utf-8">
5.
<title>{{title}}</title>
6.
7.
<link rel="stylesheet" href="css/page.css">
8.
<link rel="stylesheet" href="css/menu.css">
9.
<link rel="stylesheet" href="css/field.css">
10.
11.
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
12.
13.
<script type="text/javascript" charset="utf8" src="js/DataTables/datatables.js"></script>
14.
15.
<link rel="stylesheet" href="js/DataTables/datatables.min.css">
16.
17.
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.3/build/pure-min.css" integrity="sha384-cg6SkqEOCV1NbJoCu11+bm0NvBRc8IYLRGXkmNrqUBfTjmMYwNKPWBTIKyw9mHNJ" crossorigin="anonymous">
18.
19.
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
20.
<script src="https://cdn.datatables.net/plug-ins/1.10.19/sorting/datetime-moment.js"></script>
21.
22.
<!-- http://bgrins.github.io/spectrum/ -->
23.
<script src='js/spectrum-1.8.1/spectrum.js'></script>
24.
<link rel='stylesheet' href='js/spectrum-1.8.1/spectrum.css' />
25.
26.
<!-- https://github.com/colorswall/CSS-file-icons -->
27.
<link rel="stylesheet" href="css/icons/css-file-icons.css" />
28.
29.
<script type="text/javascript">
30.
31.
$(document).ready(function() {
32.
33.
$('#datatable').DataTable( {
34.
xautoWidth: false,
35.
xcolumnDefs: [
36.
{ "width": "10px", "targets": [0] },
37.
{ "width": "20px", "targets": [1] }
38.
] ,
39.
language: {
40.
"sEmptyTable": "Aucune donnée disponible dans le tableau",
41.
"sInfo": "Affichage de l'élément _START_ à _END_ sur _TOTAL_ éléments",
42.
"sInfoEmpty": "Affichage de l'élément 0 à 0 sur 0 élément",
43.
"sInfoFiltered": "(filtré à partir de _MAX_ éléments au total)",
44.
"sInfoPostFix": "",
45.
"sInfoThousands": ",",
46.
"sLengthMenu": "Afficher _MENU_ éléments",
47.
"sLoadingRecords": "Chargement...",
48.
"sProcessing": "Traitement...",
49.
"sSearch": "Rechercher :",
50.
"sZeroRecords": "Aucun élément correspondant trouvé",
51.
"oPaginate": {
52.
"sFirst": "Premier",
53.
"sLast": "Dernier",
54.
"sNext": "Suivant",
55.
"sPrevious": "Précédent"
56.
},
57.
"oAria": {
58.
"sSortAscending": ": activer pour trier la colonne par ordre croissant",
59.
"sSortDescending": ": activer pour trier la colonne par ordre décroissant"
60.
},
61.
"select": {
62.
"rows": {
63.
"_": "%d lignes sélectionnées",
64.
"0": "Aucune ligne sélectionnée",
65.
"1": "1 ligne sélectionnée"
66.
}
67.
}
68.
}
69.
70.
} );
71.
72.
73.
$("#menu_<?php if (isset( $_REQUEST['table'])) echo $_REQUEST['table']; else echo ''; ?>").addClass("nav_current");
74.
75.
} );
76.
77.
</script>
78.
</head>
79.
<body>
80.
81.
<?php
82.
83.
$page = $_REQUEST['page'];
84.
85.
include "menu.php";
86.
87.
$page=$page.".php";
88.
89.
if (file_exists($page))
90.
include $page;
91.
else {
92.
if ($page != ".php") echo "Erreur: ".$page." n'existe pas<br>";
93.
}
94.
?>
95.
96.
</body>
97.
</html>
98.
99.
100.