Subversion Repositories ALCASAR

Rev

Rev 602 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log

Rev Author Line No. Line
602 stephane 1 
<?php
2 
/*
3 
 
4 
 
5 
*/
6 
require_once('includes/defines.inc.php');
7 
require_once(ALCASAR_ADMIN_PATH_INC.'/session.inc.php');
610 stephane 8 
require_once(ALCASAR_ADMIN_PATH_LIB.'/radiusMysqlUser.class.php');
9 
 
10 
//a faire
11 
$groups = array();
12 
 
602 stephane 13 
?><!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN//2.0">
14 
<html>
15 
<head>
16 
<title>Groups page</title>
17 
<!-- include default CSS -->
18 
<link rel="stylesheet" href="<?php echo ALCASAR_ADMIN_PATH_CSS; ?>/default/default.css" type="text/css">
19 
<!-- include JQUERY UI CSS -->
20 
<link type="text/css"  rel="stylesheet" href="<?php echo ALCASAR_ADMIN_PATH_CSS; ?>/default/ui-lightness/jquery-ui-1.8.10.custom.css">
610 stephane 21 
<!-- include tablesorter CSS -->
22 
<link type="text/css"  rel="stylesheet" href="<?php echo ALCASAR_ADMIN_PATH_CSS; ?>/default/tablesorter-blue/style.css">
23 
 
24 
<link type="text/css"  rel="stylesheet" href="<?php echo ALCASAR_ADMIN_PATH_CSS; ?>/default/datatables/css/demo_table.css">
602 stephane 25 
<!-- include custom page CSS -->
26 
<style type="text/css">
610 stephane 27 
	div#users-contain { width: 450px; margin: 20px 0; }
28 
	div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
29 
	div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
30 
	div#users-contain table th { ui-widget-header }
31 
 
32 
	.dataTables_filter {
33 
    float: left;
34 
    text-align: left;
35 
    width: 220px;
36 
}
602 stephane 37 
</style>
38 
<!-- include JQUERY -->
610 stephane 39 
<script type="text/javascript" language="javascript" src="<?php echo ALCASAR_ADMIN_PATH_JS; ?>/jquery-1.5.min.js"></script>
602 stephane 40 
<!-- include JQUERY UI -->
610 stephane 41 
<script type="text/javascript" language="javascript" src="<?php echo ALCASAR_ADMIN_PATH_JS; ?>/jquery-ui-1.8.10.all.min.js"></script>
42 
<script type="text/javascript" language="javascript" src="<?php echo ALCASAR_ADMIN_PATH_JS; ?>/jquery.tablesorter.min.js"></script>
43 
<script type="text/javascript" language="javascript" src="<?php echo ALCASAR_ADMIN_PATH_JS; ?>/jquery.tablesorter.pager.js"></script>
44 
<script type="text/javascript" language="javascript" src="<?php echo ALCASAR_ADMIN_PATH_JS; ?>/jquery.quicksearch.js"></script>
45 
<script type="text/javascript" language="javascript" src="<?php echo ALCASAR_ADMIN_PATH_JS; ?>/jquery.dataTables.min.js"></script>
602 stephane 46 
<!-- include page javascript -->
47 
<script type="text/javascript">
610 stephane 48 
	var table_data_lang = {
49 
			"sProcessing": "Patientez...",
50 
			"sLengthMenu": "Afficher _MENU_ enregistrements",
51 
			"sZeroRecords": "Aucun enregistrement disponible.",
52 
			"sInfo": "_START_ à _END_ sur _TOTAL_ enregistrements",
53 
			"sInfoEmpty": "0 à 0 sur 0 enregistrement",
54 
			"sInfoFiltered": "(Filtré à partir de _MAX_  enregistrements)",
55 
			"sInfoPostFix": "",
56 
			"sSearch": "Recherche : ",
57 
			"sUrl": "",
58 
			"oPaginate": {
59 
				"sFirst":    "Première page",
60 
				"sPrevious": "Page précédente",
61 
				"sNext":     "Page suivante",
62 
				"sLast":     "Dernière page"
63 
			}
64 
		};
65 
 
66 
	$(document).ready(function(){
67 
		// Tabs
68 
		$('#tabs-groups').tabs();
69 
		// buttons
70 
		$( "button, input:submit, input:button, input:reset").button();
71 
		// Users table
72 
		$('#groups_table').dataTable(
73 
		{
74 
			// fonction suivante permet d'avoir une colone numérotée dynamiquement (non triable)
75 
			"fnDrawCallback": function ( oSettings ) {
76 
				/* Need to redo the counters if filtered or sorted */
77 
				if ( oSettings.bSorted || oSettings.bFiltered )
78 
				{
79 
					for ( var i=0, iLen=oSettings.aiDisplay.length ; i<iLen ; i++ )
80 
					{
81 
						$('td:eq(0)', oSettings.aoData[ oSettings.aiDisplay[i] ].nTr ).html( i+1 );
82 
					}
83 
				}
84 
			},
85 
			"aoColumnDefs": [
86 
				{ "bSortable": false, "aTargets": [ 0 ] }
87 
			],
88 
			"aaSorting": [[ 1, 'asc' ]]
89 
			//fin
90 
			,"oLanguage": table_data_lang
91 
		});
92 
 
93 
		$('#groups_table_filter').after('<div style="float:left"><a href="javascript:alert(\'Fonction prochainement dispobible.\');" title="Recherche avancée">Avancée</a></div>');
94 
 
95 
 
96 
 
97 
	});
602 stephane 98 
</script>
99 
</head>
100 
<body>
610 stephane 101 
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
102 
	<span class="ui-dialog-title" id="ui-dialog-title-dialog">Gestion des groupes</span>
103 
</div>
104 
<br />
105 
<div id="tabs-groups">
106 
	<ul>
107 
		<li><a href="#tabs1">Groupes</a></li>
108 
	</ul>
109 
	<div id="tabs1">
110 
		<div>
111 
			Un groupe permet une gestion groupée des usagers.<br>
112 
			<font color="red">ATTENTION POUR DEMONSTRATION DES OPTIONS A UTILISER. Données du serveur RADIUS traitées (tri, pagination) par la page dans l'exemple , gérées par le serveur (AJAX) en production</font>
113 
		</div>
114 
		<br>
115 
		<div style="float:right;">
116 
			<form name="newGroupform">
117 
				<input type="button" value="Nouveau groupe">
118 
			</form>
119 
		</div>
120 
		<br>
121 
		<table id="groups_table" cellspacing="1" class="tablesorter" border="0" width="100%">
122 
		<thead>
123 
			<tr>
124 
				<th width="20">#</th><th width="200">Groupes</th><th>Nombre d'usagers</th><th width="100">Date validitée</th>
125 
			</tr>
126 
		</thead>
127 
		<tfoot>
128 
			<tr>
129 
				<th width="20">#</th><th width="200">Groupes</th><th>Nombre d'usagers</th><th width="100">Date validitée</th>
130 
			</tr>
131 
		</tfoot>
132 
		<tbody>
133 
		<?php
134 
		foreach ($groups as $group){
135 
			echo "<tr><td></td><td>".$group['name']."</td><td>".$group['nb_users']."</td><td><font color=red>ND</font></td></tr>";
136 
		}
137 
		?>
138 
		</tbody>
139 
		</table>
140 
 
141 
		<br><br><br>
142 
	</div>
143 
</div>
602 stephane 144 
</body>
145 
</html>